?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content ="width=device-width, initial-social=1">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- Description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
<!-- Page Title -->
<title>Showcase Dark | MegaOne HTML5 Template</title>
<!-- Bundle -->
<link href="../vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="../vendor/css/LineIcons.min.css" rel="stylesheet">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link href="css/line-awesome.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".side-nav-menu" data-offset="90">
<!--loader sec start-->
<div class="loader">
<div class="loader-spinner"></div>
</div>
<!--loader sec end-->
<!-- Header start-->
<div class="wrap_container body">
<div class="main_container">
<div class="side_nav">
<div class="my-sticky-nav">
<div class="side_menu">
<a class="brand-logo" href="../index-showcase-dark.html#portfolio-sec">
<img src="images/logo.png" alt="logo">
</a>
<div id="my_tog" class="my_tog" onmouseover="my_click();">
<span></span>
<span></span>
<span></span>
</div>
<nav class="side-nav-menu">
<ul class="nav-menu nav-fill">
<li class="nav-item"><span>0</span>
<p class="count1" data-count="1">1</p><span>.</span><a class="nav-link active" href="../index-showcase-dark.html#portfolio-sec">HOME</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count2" data-count="2">2</p><span>.</span><a class="nav-link" href="../index-showcase-dark.html#services-sec">ABOUT MEGAONE</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count3" data-count="3">3</p><span>.</span><a class="nav-link " href="../index-showcase-dark.html#project-sec">PROJECTS</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count5" data-count="4">4</p><span>.</span><a class="nav-link" href="../index-showcase-dark.html#pricing-sec">PRICING</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count4" data-count="5">5</p><span>.</span><a class="nav-link " href="../index-showcase-dark.html#client-sec">CLIENTS</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count6" data-count="6">6</p><span>.</span><a class="nav-link" href="../index-showcase-dark.html#contact-us-sec">CONTACT US</a></li>
</ul>
<div class="slider-social side-icons">
<ul class="list-unstyled">
<li><a href="javascript:void(0);" class="facebook_bg_hvr2"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="twitter_bg_hvr2"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="pintrest_bg_hvr2"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="rites-res"><span class="d-block" style="color: #FFFFFF;">© 2020 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- inner body content Start-->
<div class="body_wrapper" id="body_section">
<div class="inner-content">
<div class="overlay-body"></div>
</div>
<!-- nabvar start-->
<header id="home" class="d-block d-md-none">
<nav class="navbar navbar-light">
<div class="my_nav_tog d-block d-md-none">
<span></span>
<span></span>
<span></span>
</div>
<a class="navbar-brand ml-auto mr-auto" href="../index-showcase-dark.html#portfolio-sec">
<img src="images/logo.png" alt="images" style="height: 100%;width: 100%;"/>
</a>
<!--Slider Social-->
<div class="slider-social d-none d-md-block">
<ul class="list-unstyled">
<li><a href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
<!--Cursor-->
</nav>
<div class="broad">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav-menu">
<a class="brand-logo" href="#">
<img src="images/logo.png" alt="images" style="height: 90%;width: 90%;"/>
</a>
<ul class="nav-menu nav-fill">
<li class="nav-item active">
<span>01.</span><a class="nav-link" href="../index-showcase-dark.html#portfolio-sec">HOME</a>
</li>
<li class="nav-item">
<span>02.</span><a class="nav-link" href="../index-showcase-dark.html#services-sec">ABOUT MEGAONE</a>
</li>
<li class="nav-item">
<span>03.</span><a class="nav-link" href="../index-showcase-dark.html#skill-sec">PROJECTS</a>
</li>
<li class="nav-item">
<span>04.</span><a class="nav-link" href="../index-showcase-dark.html#pricing-sec">PRICING</a>
</li>
<li class="nav-item">
<span>05.</span><a class="nav-link" href="../index-showcase-dark.html#client-sec">CLIENTS</a>
</li>
<li class="nav-item">
<span>06.</span><a class="nav-link" href="../index-showcase-dark.html#contact-us-sec">CONTACT
US</a></li>
</ul>
<div class="social-icons">
<span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
<span><a href="#"><i class="fab fa-twitter"></i></a></span>
<span><a href="#"><i class="fab fa-linkedin-in"></i></a></span>
<span><a href="#"><i class="fab fa-instagram"></i></a></span>
</div>
<p class="rites-res"><span class="d-block" style="color: #FFFFFF">© 2021 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
<!-- navbar end-->
</div>
</header>
<!-- Header End-->
<!-- Page Header -->
<section class="page_header w-100">
<div class="bg-overlay-blog opacity-7"></div>
<div class="container">
<div class="row">
<div class="col-md-12 page-content position-relative text-white text-center">
<h2 class="mb-3">Blog Page</h2>
<h6 class="mb-lg-3 text-white text-capitalize blog-text">daily inspiration and tips to supercharge your future goals.</h6>
<a href="../index-showcase-dark.html" class="d-inline-block blog-home"><i class="icon fas fa-home mr-1"></i>Home</a> <span><i class="fa fa-angle-double-right font-13"></i> Blog</span>
</div>
</div>
</div>
</section>
<!-- Page Header -->
<!-- Blog starts -->
<section id="blog" class="bg-black text-left">
<div class="container">
<div class="row">
<!-- Blog Left Listing -->
<div class="col-lg-8 col-md-7">
<div class="blog-box heading-space-half">
<!-- Blog List Inner -->
<div class="blog-listing-inner news_item">
<div class="image">
<img src="images/blog-1.jpg" alt="blog-img">
</div>
<div class="news_desc">
<h3 class="font-weight-normal"><a href="#" class="color-black">Don’t worry about creativity and inspiration</a></h3>
<div class="blog-post mt-25px mb-20px d-flex align-items-center flex-wrap flex-lg-row justify-content-start">
<a href="javascript:void(0)" class="post"><img src="images/blog-post3.jpg" alt="image"></a>
<a href="javascript:void(0)" class="color-green font-weight-600 mx-2">Alisa Wayne</a>
<a href="javascript:void(0)" class="color-black mr-2"><i class="fa fa-calendar mr-2"></i>Feb 09</a>
<a href="javascript:void(0)" class="color-black mr-2 mt-0 mt-sm-0 mt-md-2 mt-lg-0"><i class="fa fa-comment-alt mr-2"></i>3 Comments</a>
</div>
<p class=" blog-des">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</p>
<a href="../showcase-dark/standalone.html" class="btn our-red hvr-black btn-rounded btn-medium">read more</a>
</div>
</div>
</div>
<div class="blog-box heading-space-half">
<!-- Blog List Inner -->
<div class="blog-listing-inner news_item">
<div class="image">
<img src="images/blog-2.jpg" alt="blog-img">
</div>
<div class="news_desc">
<h3 class="font-weight-normal"><a href="#" class="color-black">Don’t worry about creativity and inspiration</a></h3>
<div class="blog-post mt-25px mb-20px d-flex align-items-center flex-wrap flex-lg-row justify-content-start">
<a href="javascript:void(0)" class="post"><img src="images/blog-post3.jpg" alt="image"></a>
<a href="javascript:void(0)" class="color-green font-weight-600 mx-2">Warren Gates</a>
<a href="javascript:void(0)" class="color-black mr-2"><i class="fa fa-calendar mr-2"></i>Nov 19</a>
<a href="javascript:void(0)" class="color-black mr-2 mt-0 mt-sm-0 mt-md-2 mt-lg-0"><i class="fa fa-comment-alt mr-2"></i>2 Comments</a>
</div>
<p class="mb-35px line-height-25px blog-des">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</p>
<a href="../showcase-dark/standalone.html" class="btn our-red hvr-black btn-rounded btn-medium">read more</a>
</div>
</div>
</div>
<div class="blog-box heading-space-half mb-xs-5">
<!-- Blog List Inner -->
<div class="blog-listing-inner news_item">
<div class="image">
<img src="images/blog-1.jpg" alt="blog-img">
</div>
<div class="news_desc">
<h3 class="font-weight-normal"><a href="#" class="color-black">Don’t worry about creativity and inspiration</a></h3>
<div class="blog-post mt-25px mb-20px d-flex align-items-center flex-wrap flex-lg-row justify-content-start">
<a href="javascript:void(0)" class="post"><img src="images/blog-post3.jpg" alt="image"></a>
<a href="javascript:void(0)" class="color-green font-weight-600 mx-2">Jennifer Watson</a>
<a href="javascript:void(0)" class="color-black mr-2"><i class="fa fa-calendar mr-2"></i>Jan 01</a>
<a href="javascript:void(0)" class="color-black mr-2 mt-0 mt-sm-0 mt-md-2 mt-lg-0"><i class="fa fa-comment-alt mr-2"></i>2 Comments</a>
</div>
<p class="mb-35px line-height-25px blog-des">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</p>
<a href="../showcase-dark/standalone.html" class="btn our-red hvr-black btn-rounded btn-medium">read more</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<!--Pagination-->
<ul class="pagination justify-content-center mb-xs-5">
<li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">
<i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Blog Widgets -->
<div class="col-lg-4 col-md-5">
<div class="text-left">
<!-- Search Box -->
<div class="widget heading-space-half wow fadeIn" data-wow-delay="300ms">
<form class="search-box">
<p class="color-black search-heading mb-4">Explore what the world is searching. Enter a search term or a topic.</p>
<div class="input-group">
<input type="search" class="form-control" placeholder="Enter keyword..." required>
<button type="submit" class="search-addon"><i class="fa fa-search line-height-35px"></i> </button>
</div>
</form>
</div>
<!-- Recent Post -->
<div class="widget heading-space-half wow fadeIn" data-wow-delay="350ms">
<h5 class="color-black font-weight-600 text-capitalize mb-4">Blog Posts</h5>
<div class="single-post ">
<a href="javascript:void(0)" class="post"><img src="images/blog-post3.jpg" alt="image"></a>
<div class="text">
<a href="javascript:void(0)" class="color-grey">Project Lead</a>
<span>January 20,2020</span>
</div>
</div>
<div class="single-post">
<a href="javascript:void(0)" class="post"><img src="images/blog-post3.jpg" alt="image"></a>
<div class="text">
<a href="javascript:void(0)" class="color-grey">Profolic & Visionary</a>
<span>November 09,2019</span>
</div>
</div>
</div>
<!-- Categories -->
<div class="widget heading-space-half wow fadeIn" data-wow-delay="400ms">
<h5 class="color-black font-weight-600 text-capitalize">Categories</h5>
<div class="categories-heading">
<div class="categories-name">
<a href="javascript:void(0)">
<p class="text-capitalize"><i class="fa fa-angle-right font-14 color-blue mr-1"></i> Marketing <span>25</span> </p>
</a>
</div>
<div class="categories-name">
<a href="javascript:void(0)">
<p class="text-capitalize"><i class="fa fa-angle-right font-14 color-blue mr-1"></i> Corporate <span>21</span> </p>
</a>
</div>
<div class="categories-name">
<a href="javascript:void(0)">
<p class="text-capitalize"><i class="fa fa-angle-right font-14 color-blue mr-1"></i> Insurance<span>25</span> </p>
</a>
</div>
<div class="categories-name">
<a href="javascript:void(0)">
<p class="text-capitalize"><i class="fa fa-angle-right font-14 color-blue mr-1"></i> Funding <span>37</span> </p>
</a>
</div>
<div class="categories-name mb-2">
<a href="javascript:void(0)">
<p class=" text-capitalize"><i class="fa fa-angle-right font-14 color-blue mr-1"></i> Planning <span>30</span> </p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog ends -->
</div>
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<script src="../vendor/js/morphext.min.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="../vendor/js/morphext.min.js"></script>
<!-- Map JS -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="js/map.js"></script>
<!-- custom script -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>