For our assignment the first two weeks of web design 2 we refreshed our knowledge using HTML. We created a resume using Brackets. Everyone decided how they wanted to style their resumes to appear as in which picture to upload , what information they wanted to incorporate such as colors and fonts.

Here is the code I created:

Code:

<!DOCTYPE html>
<html>
<head>
<title> Maria Sanchez </title>
<style type=”text/css”>
body {
background-color: rgb(200,200,200);
color: white;
padding: 20px;
font-family: Arial, Verdana, sans-serif;}
h1 {
background-color: darkkhaki;
padding: inherit;}
h2{
background-color: darkkhaki;
padding: inherit;}
img.displayed {
display: block;
margin-left: auto;
margin-right: auto}
div { text-align: center; }
ul { display:table; margin:0 auto;}
</style>
</head>

<body>
<div id=”header”>
<h1 align=”center”> Maria Sanchez </h1>
</div>

<div class=”divTable”>
<div class=”innerDivTable”>
<img class=”displayed” src=”profilepicture1.jpg” alt=”My Picture” height=”523″ width=”700″>
</div>

<div id=”header”>
<h2 align=”center”> Interests: </h2>
<ul>
<li> Photography </li>
<li> Writing Poetry </li>
<li> Rock Music </li>
</ul>
</div>

<div id=”header”>
<h2 align=”center”> Jobs: </h2>
<ul>
<li> Workers Compensation Assistant Manager</li>
<li> Physical Therapist Assistant</li>
<li> Receptionist </li>
</ul>
</div>

<div id=”header”>
<h2 align=”center”> Places I’ve Lived: </h2>
<ul>
<li> Guayaquil, Ecuador</li>
<li> Ozone Park, New York </li>
<li> Howard Beach, New York </li>
</ul>
</div>

<div id=”header”>
<h2 align=”center”> Languages: </h2>
<ul>
<li> English </li>
<li> Spanish </li>
<li> Italian </li>
</ul>
</div>

<div id=”header”>
<h2 align=”center”> Social Media: </h2>
<a href=”https://www.instagram.com/maria.a.jpg” target=”https://www.instagram.com/maria.a.jpg”> <img src=”instagramlogo.png” alt=”IG” height=”90″ width=”90″></a>
<a href=”http://lovesetmefree94.tumblr.com/” target=”http://lovesetmefree94.tumblr.com/”><img src=”tumblrlogo.png” alt=”TUMBLR” height=”90″ width=”90″></a><a href=”https://www.facebook.com/lovesetmefree94″ target=”https://www.facebook.com/lovesetmefree94″> <img src=”facebooklogo2.png” alt=”FB” height=”90″ width=”90″></a>

</div>
</body>
</html>

 

In this resume I incorporated my social media including : Instagram, Facebook, & Tumblr. I made them so that they open in different tabs instead of having the entire page change to the social media outlets.

screen-shot-2016-09-14-at-8-48-58-pm

screen-shot-2016-09-14-at-8-46-54-pm

 

css.php