outoftime/index.html

## index.html
<!doctype html>
<head>
  <title>Portfolio Page</title>
  <link href="style.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  <script src="script.js"></script>
</head>
<body>
  <header>
    <img id="profile" src="images/scripted_logo_orange.png">
    <h1>Jose's Porfolio</h1>
    <ul>
      <li><a class="nav" href="">Home</a></li>
      <li><a class="nav" href="">About</a></li>
      <li><a class="nav" href="">Contact</a></li>
    </ul>
  </header>
  <div class="project">
   <a href="https://gist.github.com/AsapCodez/76975de974233e9ee83b4a6949bd95f3">My First Project »</a></button>

    <h2 class="project-title"> <button type="button"><a href="https://gist.github.com/JoseCamacho28908/d7078ebc3a4aff543f5baff6f46f9f3d">Project #1</a></h2>
    <p>This project is something I made in October. It makes tacos for anyone like Jose</p>


    <button>Like</button>
    <p id="tacos"></p>
  </div>

</body>

## styles.css
    header {
      text-align: center;
      background: url("http://www.thepaintershandbook.com/wp-content/uploads/2016/10/Cool-Backgrounds-Wallpaper.jpg");
      background-size: cover;
      color: white;
    }
    .nav {
      color: white;
    }
    h1 {
      font-size: 70px;
    }
    img {
      margin: 40px 0px 0px 0px;
      border: 7px solid white;
      border-radius: 20px;
    }
    ul {
      padding: 10px;
      background: rgba(0,0,0,0.5);
    }
    li {
      display: inline;
      padding: 0px 10px 0px 10px;
    }
      body {
        background-color:black;
      }

    div{
      max-width: 500px;
      padding: 20px;
      margin: 0 auto;
      color:white;
    }
    @media (max-width: 500px) {
      h1 {
        font-size: 36px;
        padding: 5px;
      }
      li {
        padding: 5px;
        display: block;
      }
    }
	<!doctype html>
	<head>
	<title>Portfolio Page</title>
	<link href="style.css" rel="stylesheet">
	<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
	<script src="script.js"></script>
	</head>
	<body>
	<header>
	<img id="profile" src="images/scripted_logo_orange.png">
	<h1>Jose's Porfolio</h1>
	<ul>
	<li><a class="nav" href="">Home</a></li>
	<li><a class="nav" href="">About</a></li>
	<li><a class="nav" href="">Contact</a></li>
	</ul>
	</header>
	<div class="project">
	<a href="https://gist.github.com/AsapCodez/76975de974233e9ee83b4a6949bd95f3">My First Project »</a></button>

	<h2 class="project-title"> <button type="button"><a href="https://gist.github.com/JoseCamacho28908/d7078ebc3a4aff543f5baff6f46f9f3d">Project #1</a></h2>
	<p>This project is something I made in October. It makes tacos for anyone like Jose</p>



	<button>Like</button>
	<p id="tacos"></p>
	</div>

	</body>
	header {
	text-align: center;
	background: url("http://www.thepaintershandbook.com/wp-content/uploads/2016/10/Cool-Backgrounds-Wallpaper.jpg");
	background-size: cover;
	color: white;
	}
	.nav {
	color: white;
	}
	h1 {
	font-size: 70px;
	}
	img {
	margin: 40px 0px 0px 0px;
	border: 7px solid white;
	border-radius: 20px;
	}
	ul {
	padding: 10px;
	background: rgba(0,0,0,0.5);
	}
	li {
	display: inline;
	padding: 0px 10px 0px 10px;
	}
	body {
	background-color:black;
	}

	div{
	max-width: 500px;
	padding: 20px;
	margin: 0 auto;
	color:white;
	}
	@media (max-width: 500px) {
	h1 {
	font-size: 36px;
	padding: 5px;
	}
	li {
	padding: 5px;
	display: block;
	}
	}