1
0
Fork 0
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

217 lines
11 KiB

<!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-2.1.3.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>