-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
189 lines (153 loc) · 6.96 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta content="description" name="description">
<meta name="google" content="notranslate" />
<meta content="Mashup templates have been developped by Orson.io team" name="author">
<!-- Disable tap highlight on IE -->
<meta name="msapplication-tap-highlight" content="no">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-icon-180x180.png">
<link href="./assets/favicon.ico" rel="icon">
<title>Title page</title>
<link href="./main.3da94fde.css" rel="stylesheet"></head>
<body>
<!-- Add your content of header -->
<header>
<nav class="navbar navbar-fixed-top navbar-default">
<div class="container">
<button type="button" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<nav class="navbar-fullscreen" id="navbar-middle">
<button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
<ul class="navbar-fullscreen-links">
<li><a href="./index.html" title="">Home</a></li>
<li><a href="./project.html" title="">Project</a></li>
<li><a href="./about.html" title="">About me</a></li>
<li><a href="./components.html" title="">Components</a></li>
</ul>
<div class="footer-container">
<p><small>© Untitled | Website created with <a href="http://www.mashup-template.com/" title="Create website with free html template">Mashup Template</a>/<a href="https://www.unsplash.com/" title="Beautiful Free Images">Unsplash</a></small></p>
<p class="footer-share-icons">
<a href="https://www.twitter.com" class="fa-icon" title="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="https://www.linkedin.com" class="fa-icon" title="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a href="https://www.behance.com" class="fa-icon" title="">
<i class="fa fa-behance" aria-hidden="true"></i>
</a>
<a href="https://www.vimeo.com" class="fa-icon" title="">
<i class="fa fa-vimeo" aria-hidden="true"></i>
</a>
</p>
</div>
</nav>
</div>
</nav>
</header>
<div class="hero-full-container background-image-container white-text-container" style="background-image:url('./assets/images/img-08.jpg')">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="hero-full-wrapper">
<div class="text-content text-center">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-container">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="text-center section-container-spacer">
<h2 class="with-project-number"><span class="project-number">01</span>Night Photography</h2>
</div>
<div class="row section-container-spacer">
<div class="col-md-4">
<div class="section-container-spacer">
<h3>Photographic Project</h3>
<p>Menphis June, 2016</p>
</div>
<h4>Credits & Crew</h4>
<ul class="list-unstyled">
<li>Stanford</li>
<li>Pablo Malice</li>
<li>Patricia Stano</li>
</ul>
<p>Cityzen circus Association</p>
<p>Menphis City Hall</p>
</div>
<div class="col-md-8">
<h3>How to exchange with the nocturnal light ?</h3>
<p>Id eu nisl nunc mi ipsum faucibus vitae aliquet. Auctor urna nunc id cursus metus aliquam. A pellentesque sit amet
porttitor eget dolor morbi. Interdum varius sit amet mattis. Tincidunt dui ut ornare lectus sit amet est placerat
in. Diam volutpat commodo sed egestas. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla.
Non odio euismod lacinia at quis risus sed vulputate. Lacus sed turpis tincidunt id aliquet risus feugiat.</p>
<p> Mieget mauris pharetra et ultrices neque ornare. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis.
Euismod in pellentesque massa placerat. Consectetur libero id faucibus nisl tincidunt eget. Pulvinar etiam non
quam lacus suspendisse. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Ante in nibh mauris cursus
mattis molestie a iaculis. Gravida cum sociis natoque penatibus et magnis dis parturient montes. Ultrices gravida
dictum fusce ut placerat orci. Id cursus metus aliquam eleifend mi in. Odio eu feugiat pretium nibh ipsum consequat.
</p>
</div>
</div>
<img src="./assets/images/img-03.jpg" alt="" class="img-responsive">
<p>Menphis city center</p>
<blockquote class="text-center large-spacing">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."</p>
<small class="pull-right">Irina Martin</small>
</blockquote>
<div class="row">
<div class="col-md-6">
<img src="./assets/images/img-02.jpg" class="img-responsive" alt="">
<p>Menphis skyline</p>
</div>
<div class="col-md-6">
<img src="./assets/images/img-01.jpg" class="img-responsive" alt="">
<p>Artefact Buildging</p>
</div>
</div>
<img src="./assets/images/img-04.jpg" class="img-responsive" alt="">
<p>Menphis skyline</p>
</div>
</div>
</div>
</div>
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<ul class="navbar-nav nav">
<li>
<a href="" title="" class="project-nav left"><span class="project-number">01</span>Previous</a>
</li>
</ul>
<p class="h5 navbar-text">Night Photography <i class="fa fa-chevron-down arrow-down" aria-hidden="true"></i></p>
<ul class="navbar-nav nav navbar-right">
<li>
<a href="" title="" class="project-nav right"><span class="project-number">03</span>Next </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
navbarToggleSidebar();
closeMenuBeforeGoingToPage();
navActivePage();
});
</script>
<script type="text/javascript" src="./main.4c6e144e.js"></script></body>
</html>