-
Notifications
You must be signed in to change notification settings - Fork 1
/
blog-post-1.html
217 lines (185 loc) · 10.4 KB
/
blog-post-1.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>BreezyCV - Resume / CV / vCard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="BreezyCV - Resume / CV / vCard Template" />
<meta name="keywords" content="vcard, resposnive, retina, resume, jquery, css3, bootstrap, portfolio" />
<meta name="author" content="lmpixels" />
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/reset.css" type="text/css">
<link rel="stylesheet" href="css/bootstrap-grid.min.css" type="text/css">
<link rel="stylesheet" href="css/animations.css" type="text/css">
<link rel="stylesheet" href="css/perfect-scrollbar.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css">
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<!-- Animated Background -->
<div class="lm-animated-bg" style="background-image: url(img/main_bg.png);"></div>
<!-- /Animated Background -->
<!-- Loading animation -->
<div class="preloader">
<div class="preloader-animation">
<div class="preloader-spinner">
</div>
</div>
</div>
<!-- /Loading animation -->
<div class="page">
<div class="page-content">
<header id="site_header" class="header mobile-menu-hide">
<div class="header-content">
<div class="header-photo">
<img src="img/main_photo.jpg" alt="Alex Smith">
</div>
<div class="header-titles">
<h2>Alex Smith</h2>
<h4>Web Designer</h4>
</div>
</div>
<ul class="main-menu">
<li class="active">
<a href="index.html#about-me" class="nav-anim">
<span class="menu-icon lnr lnr-home"></span>
<span class="link-text">About Me</span>
</a>
</li>
<li>
<a href="index.html#resume" class="nav-anim">
<span class="menu-icon lnr lnr-graduation-hat"></span>
<span class="link-text">Resume</span>
</a>
</li>
<li>
<a href="index.html#portfolio" class="nav-anim">
<span class="menu-icon lnr lnr-briefcase"></span>
<span class="link-text">Portfolio</span>
</a>
</li>
<li>
<a href="index.html#blog" class="nav-anim">
<span class="menu-icon lnr lnr-book"></span>
<span class="link-text">Blog</span>
</a>
</li>
<li>
<a href="index.html#contact" class="nav-anim">
<span class="menu-icon lnr lnr-envelope"></span>
<span class="link-text">Contact</span>
</a>
</li>
</ul>
<div class="social-links">
<ul>
<li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
<div class="header-buttons">
<a href="#" target="_blank" class="btn btn-primary">Download CV</a>
</div>
</header>
<!-- Mobile Navigation -->
<div class="menu-toggle">
<span></span>
<span></span>
<span></span>
</div>
<!-- End Mobile Navigation -->
<div class="content-area single-page-area">
<div class="single-page-content">
<article class="post">
<div class="post-thumbnail">
<img src="img/blog/blog_post_1_full.jpg" alt="image">
</div>
<div class="post-content">
<!-- /Entry header -->
<header class="entry-header">
<!-- Entry meta -->
<div class="entry-meta entry-meta-top">
<span><a href="#" rel="category tag">UI</a></span>
</div>
<!-- /Entry meta -->
<h2 class="entry-title">Best Practices for Animated Progress Indicators</h2>
</header>
<!-- /Entry header -->
<!-- Entry content -->
<div class="entry-content">
<div class="row">
<div class=" col-xs-12 col-sm-12 ">
<div class="col-inner">
<p>Nulla nulla nisl, sodales ac nulla ac, consequat vulputate purus. Curabitur tincidunt ipsum vel nibh rutrum accumsan. Nunc ullamcorper posuere leo, vitae aliquet risus pharetra in. Integer turpis eros, iaculis et mi non, pulvinar egestas leo. Etiam sagittis ex turpis, vitae cursus tortor interdum eu. Quisque ultrices nunc eget erat vestibulum euismod. Ut mauris nisi, facilisis at arcu nec, facilisis porttitor lorem.</p><p>Vivamus vitae neque molestie, porta libero sed, tincidunt leo. In nec posuere odio, id rhoncus lorem. Proin id erat ut dolor condimentum viverra. Praesent viverra sed dolor ac luctus. Praesent placerat id lorem quis lacinia.</p>
<blockquote class="quote">Maecenas id finibus felis. Etiam vitae nibh et felis efficitur pellentesque. Mauris suscipit sapien nunc, a lacinia nibh feugiat ut. In hac habitasse platea dictumst.
<footer class="quote-author">
<span>Larry L. Johnson</span>
</footer>
</blockquote>
<p>Etiam interdum vulputate risus, vitae elementum neque consectetur sed. Donec at risus dui. Ut in suscipit neque. Vestibulum sit amet lobortis magna, commodo venenatis ante. Cras molestie, ex a auctor lacinia, risus est aliquam risus, sit amet semper purus tortor id ante. Donec lacus ipsum, porttitor et libero a, fringilla auctor quam. Sed in nisl id libero tincidunt aliquet. Aenean dui ipsum, auctor ut leo ut, semper dignissim lacus. Suspendisse faucibus viverra consequat. Maecenas efficitur massa vel eros sagittis dapibus. Nam lobortis mi in turpis hendrerit eleifend. Nulla non massa felis.</p>
<p>Donec sit amet dolor ante. Vivamus vel massa accumsan, faucibus quam quis, convallis velit. Aliquam erat volutpat. Integer imperdiet diam quis arcu venenatis, quis sagittis nibh rhoncus. Donec non nisi scelerisque, sodales metus quis, accumsan mauris. Curabitur volutpat risus rutrum erat condimentum tristique. Nullam at felis diam. Quisque dictum felis non ante pretium mollis. Aliquam turpis neque, varius nec diam a, aliquam pulvinar diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed ipsum libero, aliquet sed bibendum faucibus, semper a dui.</p>
</div>
</div>
</div>
</div>
<!-- /Entry content -->
<div class="entry-meta entry-meta-bottom">
<div class="date-author">
<span class="entry-date">
<a href="#" rel="bookmark">
<i class="far fa-clock"></i> <span class="entry-date"> March 16, 2020</span>
</a>
</span>
<span class="author vcard">
<a class="url fn n" href="#" rel="author"> <i class="fas fa-user"></i> LMPixels</a>
</span>
</div>
<!-- Share Buttons -->
<div class="entry-share btn-group share-buttons">
<a href="#" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" class="btn" target="_blank" title="Share on Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" class="btn" target="_blank" title="Share on Twitter">
<i class="fab fa-twitter"></i>
</a>
<a href="#" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="btn" title="Share on LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
<!-- /Share Buttons -->
</div>
<div class="post-tags">
<div class="tags">
<a href="#" rel="tag">animate</a>
<a href="#" rel="tag">bar</a>
<a href="#" rel="tag">design</a>
<a href="#" rel="tag">progress</a>
<a href="#" rel="tag">ui</a>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/animating.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src='js/perfect-scrollbar.min.js'></script>
<script src='js/jquery.shuffle.min.js'></script>
<script src='js/masonry.pkgd.min.js'></script>
<script src='js/owl.carousel.min.js'></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCrDf32aQTCVENBhFJbMBKOUTiUAABtC2o"></script>
<script src="js/jquery.googlemap.js"></script>
<script src="js/validator.js"></script>
<script src="js/main.js"></script>
</body>
</html>