-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathcontent to keep.html
231 lines (231 loc) · 9.5 KB
/
content to keep.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<div class="row grid-items border-line-v">
<!-- work item photo -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item photo border-line-h">
<div class="box-item">
<div class="image">
<a href="vcard/images/works/work1.jpg" class="has-popup-image">
<img src="vcard/images/works/work1.jpg" alt="" />
<span class="info">
<span class="ion ion-image"></span>
</span>
</a>
</div>
<div class="desc">
<a href="vcard/images/works/work1.jpg" class="name has-popup-image">Motorcycle Helmet</a>
<div class="category">Photo</div>
</div>
</div>
</div>
<!-- work item video -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item video border-line-h">
<div class="box-item">
<div class="image">
<a href="https://vimeo.com/97102654" class="has-popup-video">
<img src="vcard/images/works/work2.jpg" alt="" />
<span class="info">
<span class="ion ion-videocamera"></span>
</span>
</a>
</div>
<div class="desc">
<a href="https://vimeo.com/97102654" class="name has-popup-video">Minimalism Shapes</a>
<div class="category">Video</div>
</div>
</div>
</div>
<!-- work item music -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item music border-line-h">
<div class="box-item">
<div class="image">
<a href="https://w.soundcloud.com/player/?visual=true&url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F221650664&show_artwork=true" class="has-popup-music">
<img src="vcard/images/works/work3.jpg" alt="" />
<span class="info">
<span class="ion ion-music-note"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#" class="name has-popup">Staircase</a>
<div class="category">Music</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item design border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-1" class="has-popup-media">
<img src="vcard/images/works/work4.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-1" class="name has-popup-media">Mobile Application</a>
<div class="category">Design</div>
</div>
<div id="popup-1" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="vcard/images/works/work4.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>Mobile Application</h1>
<div class="blog-detail">Design</div>
<div class="blog-content">
<p>
So striking at of to welcomed resolved. Northward by described up household therefore
attention. Excellence decisively nay man yet impression for contrasted remarkably.
</p>
<p>
Forfeited you engrossed but gay sometimes explained. Another as studied it to evident.
Merry sense given he be arise. Conduct at an replied removal an amongst. Remaining
determine few her two cordially admitting old.
</p>
<blockquote>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Pellentesque suscipit.
</blockquote>
<p>
Tiled say decay spoil now walls meant house. My mr interest thoughts screened of outweigh
removing. Evening society musical besides inhabit ye my. Lose hill well up will he over on.
Increasing sufficient everything men him admiration unpleasing sex.
</p>
<ul class="list-style">
<li>Greatest properly off ham exercise all.</li>
<li>Unsatiable invitation its possession nor off.</li>
<li>All difficulty estimating unreserved increasing the solicitude.</li>
</ul>
<p>
Unpleasant astonished an diminution up partiality. Noisy an their of meant. Death means
up civil do an offer wound of.
</p>
</div>
<a href="#" class="button">
<span class="text">View Project</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item photo -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item photo border-line-h">
<div class="box-item">
<div class="image">
<a href="vcard/images/works/work5.jpg" class="has-popup-image">
<img src="vcard/images/works/work5.jpg" alt="" />
<span class="info">
<span class="ion ion-image"></span>
</span>
</a>
</div>
<div class="desc">
<a href="vcard/images/works/work5.jpg" class="name has-popup-image">Gereal Travels</a>
<div class="category">Photo</div>
</div>
</div>
</div>
<!-- work item music -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item music border-line-h">
<div class="box-item">
<div class="image">
<a href="https://w.soundcloud.com/player/?visual=true&url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F221650664&show_artwork=true" class="has-popup-music">
<img src="vcard/images/works/work8.jpg" alt="" />
<span class="info">
<span class="ion ion-music-note"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#" class="name has-popup">Daylight Entrance</a>
<div class="category">Music</div>
</div>
</div>
</div>
<!-- work item video -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item video border-line-h">
<div class="box-item">
<div class="image">
<a href="https://vimeo.com/97102654" class="has-popup-video">
<img src="vcard/images/works/work6.jpg" alt="" />
<span class="info">
<span class="ion ion-videocamera"></span>
</span>
</a>
</div>
<div class="desc">
<a href="https://vimeo.com/97102654" class="name has-popup-video">Architecture</a>
<div class="category">Video</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item design border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-2" class="has-popup-media">
<img src="vcard/images/works/work7.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-2" class="name has-popup-media">Social Website</a>
<div class="category">Design</div>
</div>
<div id="popup-2" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="vcard/images/works/work7.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>Mobile Application</h1>
<div class="blog-detail">Design</div>
<div class="blog-content">
<p>
So striking at of to welcomed resolved. Northward by described up household therefore
attention. Excellence decisively nay man yet impression for contrasted remarkably.
</p>
<p>
Forfeited you engrossed but gay sometimes explained. Another as studied it to evident.
Merry sense given he be arise. Conduct at an replied removal an amongst. Remaining
determine few her two cordially admitting old.
</p>
<blockquote>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Pellentesque suscipit.
</blockquote>
<p>
Tiled say decay spoil now walls meant house. My mr interest thoughts screened of outweigh
removing. Evening society musical besides inhabit ye my. Lose hill well up will he over on.
Increasing sufficient everything men him admiration unpleasing sex.
</p>
<ul class="list-style">
<li>Greatest properly off ham exercise all.</li>
<li>Unsatiable invitation its possession nor off.</li>
<li>All difficulty estimating unreserved increasing the solicitude.</li>
</ul>
<p>
Unpleasant astonished an diminution up partiality. Noisy an their of meant. Death means
up civil do an offer wound of.
</p>
</div>
<a href="#" class="button">
<span class="text">View Project</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>