-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
65 lines (62 loc) · 1.99 KB
/
about.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/about.css">
</head>
<body>
<!--Banner starts here.-->
<div id="banner">
<img id="icon" src="images/icon.png">
<p>Juan Pol</p>
<nav>
<ul>
<li>
<a href="about.html">
About
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
<li>
<a href="index.html">
Home
</a>
</li>
</ul>
</nav>
</div>
<!-- Content-->
<div id="content">
<div id="projectBox">
<p>Projects</p>
<hr>
<a class="project" href="about.html">
<p class="projectTitle">Project One</p>
<img src="images/coming_soon.jpg">
<p>Description goes here.</p>
</a>
<a class="project" href="about.html">
<p class="projectTitle">Project One</p>
<img src="images/coming_soon.jpg">
</a>
<a class="project" href="about.html">
<p class="projectTitle">Project One</p>
<img src="images/coming_soon.jpg">
</a>
<br class="clearFloats">
</div>
<div id="bio">
<h3>About Me</h3>
<img src="images/coming_soon.jpg">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet viverra enim. Aenean non enim mattis, bibendum quam vitae, rutrum lacus. Curabitur placerat tincidunt odio. Pellentesque in nisl vehicula, imperdiet leo eget, elementum ipsum. Phasellus vitae neque eu felis ullamcorper luctus. Nulla vitae nulla vitae quam laoreet molestie. Fusce sed sapien risus. Nunc condimentum metus non erat malesuada, eu consequat mauris pretium. Nulla facilisi. Duis vitae hendrerit libero. Donec blandit, erat ac laoreet sodales, lacus elit rutrum ex, at suscipit ipsum purus in velit. Nullam id aliquet lacus, et tincidunt ante. Donec sed lobortis urna. Morbi nec purus sit amet ante aliquam tempor ac eget nisi. Donec maximus arcu ac arcu aliquet dapibus.
</p>
</div>
</div>
</body>
</html>