-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
99 lines (85 loc) · 3.85 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/transit.js"></script>
<script src="js/modernizr.js"></script>
<link href='https://fonts.googleapis.com/css?family=Inconsolata|Montserrat|Roboto:400,300,500' rel='stylesheet' type='text/css'>
</head>
<body>
<header class="site-header">
<div class="wrapper">
<span class="site-title">
<ul>
<li><a href='index.html' >home</a></li>
<li><a href="index.html"><img src="img/logo.png" /></a></li>
<li><a href='about.html' >about</a></li>
</ul>
</span>
</div>
</header>
<div class="page-content">
<div class="page">
<article class="post-content">
<div>
<div class="subheadline"><span class="sh-1">Your</span><span class="sh-2">punch frase</span></div>
<img src="img/about.jpg" class="one-photo" style="margin-top: 60px;" />
<div class="main-content">
<div class="wrapper">
<div class="featured">
<h1>featured in</h1>
<ul>
<li><img src="img/logos/nyt.png" /></li>
<li><img src="img/logos/fastcompany.png" /></li>
<li><img src="img/logos/wired.png" /></li>
<li><img src="img/logos/slate.png" /></li>
<li><img src="img/logos/vogue.png" /></li>
<li><img src="img/logos/mashable.png" /></li>
</ul>
</div>
<hr />
<div class="text">
<div class="left-column column">
<h4>Bio</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare aliquet leo eu dignissim. Quisque venenatis in neque ut lacinia. Quisque congue neque id tellus porttitor aliquet. Duis ultricies feugiat mauris bibendum commodo. Nulla tristique finibus nisi a laoreet. Donec commodo, sem nec viverra malesuada, elit orci sodales mauris, id blandit dui lectus vitae sem. Sed quis tempus diam. Phasellus tincidunt nibh malesuada aliquet mattis. Aliquam erat volutpat. Pellentesque ipsum nulla, dictum quis dignissim quis, venenatis ac orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In purus tellus, consequat quis dignissim non, fringilla non nisl. Integer ipsum sapien, cursus eu purus eu, placerat elementum elit.</p>
<div class="singleline">
<p>email - <a href="mailto:[email protected]">[email protected]</a></p>
<p>instagram - <a href="#" target="_blank">@profile</a></p>
</div>
</div>
<div class="right-column column">
<h4>Projects</h4>
<div class="singleline">
<p>project1 - <a href="#" target="_blank">title</a></p>
<p>project2 - <a href="#" target="_blank">title</a></p>
<p>project3 - <a href="#" target="_blank">title</a></p>
<p>project4 - <a href="#" target="_blank">title</a></p>
</div>
</div>
<div style="clear: both;"></div>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
<script src="js/flexslider.js"></script>
<script>
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
smoothHeight: true,
slideshow: false,
controlNav: "thumbnails"
});
});
</script>
</body>
</html>