IndividualCaseProject/project.html at master · DrewBrummett/IndividualCaseProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="utf-8">
    	<title>Drew Brummett</title>
		<!-- Minimalistic landing page -->
	 	<link rel = "stylesheet" type = "text/css" href = "styles.css" />
	 	<link rel = "stylesheet" type = "text/css" href = "modernizr.custom.05819.css" />
	</head>
	<body>
		<!-- Navbar with 'logo' on left, links to 'BLOG', 'PROJECTS', 'CONTACT' -->
		<nav>
			<p><a href="index.html">LOGO</a></p>
			<ul>
				<li><a href="about.html">ABOUT</a></li>
				<li><a href="#">PROJECTS</a></li>
				<li><a href="blog.html">BLOG</a></li>
			</ul>
		</nav>
		<div id="codepen" class="main-header">
			<p class="codepen" data-height="450 data-theme-id="0" data-default-tab="css,result" data-user="Drewberto" data-slug-hash="BgRoVR" style="height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Android Ring Loading Icon">
  <span>See the Pen <a href="https://codepen.io/Drewberto/pen/BgRoVR/">
  Android Ring Loading Icon</a> by Drew Brummett (<a href="https://codepen.io/Drewberto">@Drewberto</a>)
  on <a href="https://codepen.io">CodePen</a>.</span></p>
			<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
		</div>
		<div class="main-content" id="other-projects">
			<div class="content-box"><p>Project 2</p></div>
			<div class="content-box"><p>Project 3</p></div>
			<div class="content-box"><p>Project 4</p></div>
		</div>
		<a href="#">See more ></a>
	</body>
	<footer>
		<p>&copy; 2019 Website design by Drew Brummet</p>
	</footer>
</html>