-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
124 lines (100 loc) · 4.43 KB
/
project.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<title>Reuben Ingber</title>
<meta name="viewport" content="initial-scale=1">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- Typography -->
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Abril+Fatface' rel='stylesheet' type='text/css'>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="site-header">
<div class="">
<h1 class="site-title">RAI</h1>
<a href="#" class="toggle-nav"><i class="fa fa-bars"></i></a>
<nav class="global-nav">
<ul>
<li><a href="#">About Me</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Blog</a></li>
<li class="podcast"><a href="http://howtoholdapencil.com">Podcast</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</header>
<div class="">
<header class="project-index" style="background-color: #424D54">
<div class="container project-wrapper">
<div class="img-container">
<img src="img/hthap-logo.png" alt="">
</div>
</div>
</header>
</div>
<div class="slide-content-wrapper-bottom xl">
<div class="project-page">
<div class="container">
<h1>A Website for How to Hold a Pencil</h1>
<h2 class="project-role">Role: Front End Developer & Designer</h2>
<div class="body-text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<h2>Deliverables</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<a href="#" class="btn btn--gray btn--m">View Site</a>
<div class="browser-frame">
<div class="browser-top-bar">
<div class="browser-button-wrapper">
<div class="browser-button"></div>
<div class="browser-button"></div>
<div class="browser-button"></div>
</div>
<div class="browser-address"></div>
</div>
<div class="browser-container">
<img src="http://placehold.it/900x1500" alt="">
</div>
</div>
<nav class="post-nav">
<div class="next">
<a href="#">Next Project/Post</a>
</div>
<div class="prev">
<a href="#">Previous Project/Post</a>
</div>
</nav>
</div>
</div>
<footer>
<div class="footer-top">
<a class="social-ico twitter" href="http://twitter.com/reubeningber"><i class="fa fa-twitter"></i></a>
<a class="social-ico github" href="mailto:[email protected]"><i class="fa fa-github"></i></a>
<a class="social-ico email" href="mailto:[email protected]"><i class="fa fa-paper-plane"></i></a>
<a class="social-ico podcast" href="http://howtoholdapencil.com"><i class="fa fa-microphone"></i></a>
<a class="social-ico facebook" href="http://www.facebook.com/reubeningber/"><i class="fa fa-facebook"></i></a>
<a class="social-ico instagram" href="http://instagram.com/reubeningber"><i class="fa fa-instagram"></i></a>
</div>
<div class="footer-bottom">
<div class="left">
<span>Front End Developer, Designer, Podcast Host & Runner</span>
</div>
<div class="middle">
<span>Built with <i class="fa fa-heart"></i> in NYC</span>
<span>© 2014 Reuben A. Ingber</span>
</div>
<div class="right">
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</footer>
</div>
</body>
</html>