-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproject-single.html
More file actions
executable file
·129 lines (89 loc) · 5.54 KB
/
project-single.html
File metadata and controls
executable file
·129 lines (89 loc) · 5.54 KB
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
125
126
127
128
129
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-US"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Single Project - Harper</title>
<meta name="description" content="Harper is a minimal portfolio template for creatives. You can add a brief description of your works here, just make sure it doesn't exceed 156 characters.">
<meta name="author" content="Harper">
<meta name="viewport" content="width=device-width">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/normalize.min.css?ver=1.1.2">
<link rel="stylesheet" href="css/main.min.css?ver=1.0.0">
<link rel="stylesheet" href="css/responsive.min.css?ver=1.0.0">
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<!-- Favicon & Apple Touch Icons -->
<link rel="shortcut icon" href="images/icons/harper-favicon.ico">
<link rel="apple-touch-icon" href="images/icons/harper-icon-60x60.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/harper-icon-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/icons/harper-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/icons/harper-icon-152x152.png">
<!-- Header Scripts -->
<script src="js/modernizr.min.js?ver=2.6.2"></script>
<script src="js/respond.min.js?ver=1.1.0"></script>
</head>
<body>
<div id="page-content">
<div id="page-content-wrapper">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<header id="page-header">
<div id="logo" class="one-half">
<a id="page-typography-logo" href="./" title="Meet Harper"><h1>Meet Harper</h1></a>
<br>
<h3>A minimal portfolio template</h3>
</div>
<div class="one-half last">
<nav id="page-nav">
<ul>
<li><a class="current" href="./">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="clearfix"></div>
</header>
<section id="main-content">
<article id="full-project">
<h2>Single Project</h2>
<p>A brief explanation about the project. Vestibulum gravida sit amet leo nec interdum. Integer sit amet massa neque. Pellentesque interdum fringilla magna, eu feugiat dui pellentesque ut. Nullam id purus nisi. Cras sed lectus ut lacus semper commodo. Phasellus quis leo at quam lobortis ornare vel eu diam. Nullam consectetur justo turpis, id vehicula ligula scelerisque vitae.</p>
<br>
<img src="images/work/controller-full.jpg" alt="Controller">
<p>A few more details about the project. Pellentesque ut nisl vitae turpis pharetra aliquet. Mauris cursus congue ligula. Maecenas et aliquam turpis. Integer ut volutpat lorem. Donec et ante vel mi vulputate feugiat vel in nisi. Curabitur varius dolor nec risus volutpat eleifend. Etiam non dui sed augue commodo vulputate.</p>
<h3>Videos can also be included</h3>
<div class="embedded-video-container">
<iframe src="//player.vimeo.com/video/82090131" width="940" height="529" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<br>
<p>Final details about the project. Quisque magna mauris, ullamcorper in turpis vel, varius ultrices augue. Maecenas iaculis diam diam. In imperdiet, enim vel iaculis ullamcorper, turpis lorem vestibulum felis, euismod elementum erat ante non nibh.</p>
</article>
<nav id="projects-navigation">
<a class="button" href="">← Prev. project</a><a class="button" href="">Next project →</a>
</nav>
</section>
<footer id="page-footer">
<div class="one-half"><p>Copyright © 2013, Harper by <a href="http://creativemarket.com/carvdthemes/" target="_blank">Carvd Themes</a></p></div>
<div class="one-half last"><p>Find me hanging out on <a href="http://dribbble.com/fmaiquita" target="_blank">Dribbble</a>, <a href="http://be.net/fariasmaiquita" target="_blank">Behance</a> and <a href="http://twitter.com/fariasmaiquita" target="_blank">Twitter</a></p></div>
<div class="clearfix"></div>
</footer>
</div>
</div>
<!-- Footer Scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js?ver=1.10.2"><\/script>')</script>
<script src="js/jquery.easing.js?ver=1.3"></script>
<script src="js/harper.main.min.js?ver=1.0.0"></script>
<script src="js/jquery.fitvids.js?ver=1.0.3"></script>
<script>
jQuery(document).ready(function($) {
$('.embedded-video-container').fitVids();
});
</script>
</body>
</html>