-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle.html
executable file
·176 lines (155 loc) · 10.6 KB
/
single.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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title>Elliot - A Portfolio of a Strange Man</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Software Designer Portfolio" />
<meta name="keywords" content="Freelance, software design, international" />
<meta name="author" content="Elliot" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="images/LionLogo.png" />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700%7CPT+Serif:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href='css/clear.css' />
<link rel="stylesheet" type="text/css" href='css/common.css' />
<link rel="stylesheet" type="text/css" href='css/font-awesome.min.css' />
<link rel="stylesheet" type="text/css" href='css/carouFredSel.css' />
<link rel="stylesheet" type="text/css" href='css/sm-clean.css' />
<link rel="stylesheet" type="text/css" href='style.css' />
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body class="single-post single">
<div class="doc-loader"></div>
<div class="content-1170 header-holder center-relative">
<div class="header-logo left">
<a href="index.html">
<img src="images/katt_default_logo.png" alt="Katt">
</a>
</div>
<div class="header-menu">
<div class="toggle-holder relative">
<div id="toggle">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</div>
<nav id="header-main-menu" class="big-menu">
<ul class="main-menu sm sm-clean">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="about2.html">About 2</a></li>
<li><a href="about3.html">About 3</a></li>
<li><a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact2.html">Contact + Map</a></li>
</ul>
</li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="content" class="site-content center-relative">
<div class="header-image">
<img src="demo-images/katt_post_image01.jpg" alt=""></div>
<article class="content-1170 center-relative">
<div class="content-wrapper">
<h1 class="entry-title">
Many say exploration is part of our destiny but it’s actually our duty donec est ipsum per sei tonne
</h1>
<div class="post-info">
<div class="cat-links">
<ul>
<li><a href="#">Design</a></li>
</ul>
</div>
<div class="post-date">August 21st, 2015</div>
<div class="post-author"><a href="#">John</a></div>
<div class="post-read-time">15 min read</div>
<div class="post-num-comments"><a href="#">5 Comments</a></div>
</div>
<div class="entry-content">
<p>Now when I had mastered the language of this water and had come to know every trifling feature that bordered the great river as familiarly as I knew the letters of the alphabet, I had made a valuable acquisition.</p>
<br>
<p>I still keep in mind a certain wonderful sunset which I witnessed when and steamboating was new to me. A broad expanse of the river was turned too blood in the middle distance the red hue brightened into gold, through which a solitary log came floating, black and conspicuous in one place a lay sparkling upon the water in another the surface was broken by boiling, tumbling rings, that were as many-tinted as an opal where the ruddy flush was faintest, was a smooth spot that was covered with graceful circles and radiating lines.</p>
<br>
<p>Ever so delicately traced the shore on our left was densely wooded, and the som ber shadow that fell from this forest was broken in one place by a long, ruffled trail that shone like silver and high above the forest wall.</p>
<blockquote class="inline-blockquote">
<p>There were graceful curves, reflected images, woody on the heights, soft distances and over the whole scene, far and near, the dissolving lights drifted steadily now dissolving lights. There were graceful curves, reflected images.</p>
</blockquote>
<p>But as I have said, a day came when I began to cease from noting the glories and the charms which the moon and the sun and the twilight wrought upon the river’s face another day came when I ceased altogether to note them. Then, if that sunset scene had been repeated, I should have looked upon it without rapture, and should have commented upon it, inwardly, after this fashion. But as I have said, a day came when I began to cease from noting the glories and the charms which the moon and the sun graceful curves, reflected images, woody heights, soft distances and over the whole sun scene, far and near, the dissolving lights drifted steadily, enriching it, every passing the moment, with new marvels of coloring. The world was new to me, and I had never seen anything like this at home. But as I have said, a day came when I began to cease from noting the glories and the charms which the moon and the sun and the twilight wrought upon the river’s face another day came when I ceased altogether to note them. Then, if that sunset scene had been repeated, I should have looked upon it without rapture, and should have commented upon it, inwardly, after this fashion.</p>
<br>
</div>
<div class="clear"></div>
<div class="full-width-content">
<div class="wp-caption">
<img src="demo-images/katt_post_image02.jpg" alt="">
<p class="wp-caption-text">Creative community <span class="image-caption-text">DTTSP</span></p>
</div>
<div class="clear"></div>
</div>
<div class="resume-entry-content">
<br>
<p>I still keep in mind a certain wonderful sunset which I witnessed when and steamboating was new to me. A broad expanse of the river was turned too blood in the middle distance the red hue brightened into gold, through which a solitary log came floating, black and conspicuous in one place a long calm slanting mark lay sparkling upon the water in another the surface was broken by boiling, tumbling rings, that were as many-tinted as an opal where the ruddy flush was faintest, was a smooth spot that was covered with graceful circles and radiating lines.</p>
<br>
<p>Ever so delicately traced the shore on our left was densely wooded, and the som ber shadow that fell from this forest was broken in one place by a long, ruffled trail that shone like silver and high above the forest wall.</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="zigzag absolute zigzag1" style="left:-9%; top:8%">
<img src="images/zigzag.png" alt="">
</div>
<div class="zigzag absolute zigzag2" style="right:-7%; top:20%">
<img src="images/zigzag.png" alt="">
</div>
<div class="zigzag absolute zigzag3" style="right:20%; top:40%">
<img src="images/zigzag.png" alt="">
</div>
<div class="zigzag absolute zigzag4" style="left:50%; top:70%">
<img src="images/zigzag.png" alt="">
</div>
</article>
</div>
<!--Footer-->
<footer class="footer">
<div class="content-1170 center-relative">
<ul>
<li class="left-footer-content">
© 2019 Almost All rights reserved. | J. Elliot Miller.
</li>
<li class="center-footer-content">
<a href="index.html">
<img src="images/LionLogo.png" alt="Lion">
</a>
</li>
<!--li class="right-footer-contnet">
<a href="#">Twitter</a>
<a href="#">Linkedin</a>
<a href="#">Dribbble</a>
<a href="#">Instagram</a>
</li-->
<li class="left-footer-content mobile">
© 2019 Almost All rights reserved. | J. Elliot Miller.
</li>
</ul>
</div>
</footer>
<div class="fixed scroll-top">
<img src="images/back_to_top.png" alt="Go Top">
</div>
<!--Load JavaScript-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.smartmenus.min.js"></script>
<script type="text/javascript" src="js/queryloader2.min.js"></script>
<script type="text/javascript" src="js/jquery.carouFredSel-6.0.0-packed.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>