?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags For Seo + Page Optimization -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Portfolio is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Single Blog</title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.ico">
<!-- Bundle -->
<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/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="../vendor/css/mediaelementplayer.min.css"/>
<link rel="stylesheet" href="css/hover.css">
<link rel="stylesheet" href="css/blog.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".side_menu" data-offset="90">
<!--modal window loader-->
<div class="loader center-block">
<div class="loaders loader-1">
<div class="loader-outter"></div>
<div class="loader-inner"></div>
</div>
</div>
<!--modal window loader end-->
<!--main page loader-->
<div class="main-loader center-block">
<div class="loaders loader-1">
<div class="loader-outter"></div>
<div class="loader-inner"></div>
</div>
</div>
<!--main page loader end-->
<!--main page content-->
<div class="wrap_container body">
<div class="main_container">
<div class="side_nav cursor-light">
<div class="my-sticky-nav">
<div class="side_menu">
<a class="brand-logo" href="../index-portfolio.html">
<img src="img/logo.png" alt="image" style="height: 87%;width: 87%;"/>
</a>
<div id="my_tog" class="my_tog cursor-light" 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" href="../index-portfolio.html">HOME<span class="active"></span></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-portfolio.html#skill-sec">ABOUT MEGAONE<span></span></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-portfolio.html#project-sec">PROJECTS<span></span></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-portfolio.html#pricing-sec">PRICING<span></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count4" data-count="4">4</p><span>.</span><a class="nav-link" href="../index-portfolio.html#client-sec">CLIENTS<span></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count6" data-count="6">6</p><span>.</span><a class="nav-link" href="#contact-us-sec">CONTACT
US<span></span></a></li>
</ul>
<div class="slider-social side-icons cursor-light">
<ul class="list-unstyled">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="rites-res"><span class="d-block" style="color: #f73859;">© 2019 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
</div>
</div>
</div>
<div class="body_wrapper" id="body_section">
<div class="inner-content">
<div class="overlay-body"></div>
<!-- nabvar start-->
<header id="home">
<nav class="navbar navbar-light bg-light cursor-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-portfolio.html">
<img src="img/logo.png" alt="image" style="height: 100%;width: 100%;"/>
</a>
<!--Slider Social-->
<div class="slider-social d-none d-md-block">
<ul class="list-unstyled">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
<!--Cursor-->
</nav>
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<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="img/logo.png" alt="image" style="height: 90%;width: 90%;"/>
</a>
<ul class="nav-menu nav-fill">
<li class="nav-item">
<span>01.</span><a class="nav-link" href="../index-portfolio.html">HOME<span class="active"></span></a>
</li>
<li class="nav-item">
<span>02.</span><a class="nav-link" href="../index-portfolio.html#services-sec">ABOUT MEGAONE<span></span></a>
</li>
<li class="nav-item">
<span>03.</span><a class="nav-link" href="../index-portfolio.html#project-sec">PROJECTS<span></span></a>
</li>
<li class="nav-item">
<span>04.</span><a class="nav-link" href="../index-portfolio.html#pricing-sec">PRICING<span></span></a>
</li>
<li class="nav-item">
<span>05.</span><a class="nav-link" href="#client-sec">CLIENTS<span></span></a>
</li>
<li class="nav-item">
<span>06.</span><a class="nav-link" href="#contact-us-sec">CONTACT
US<span></span></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">© 2019 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
</div>
</header>
<!-- navbar end-->
<!-- inner body content start-->
<div class="inner_body">
<!-- Slider content start-->
<div class="parallax-blog-slide slider-sec" id="slider" style='background: url("img/blogs/b1.jpg");'>
</div>
<!--- Slider end-->
<!--content-->
<div class="blog-content">
<div class="container">
<!-- <div class="row">-->
<!-- <div class="col-12">-->
<!-- <div class="detail_img">-->
<!-- <img src="img/blogs/b1.jpg"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="row">
<div class="col-12 col-lg-8">
<div class="main_content text-center text-lg-left">
<div class="detail_blog">
<div class="blog_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="d-blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="d-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Aliquam erat volutpat.
<br/><br/>Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. .Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.</p>
<!-- <p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>-->
<!-- <h2>Post With A Preview Images</h2>-->
<p class="d-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Ut bibendum lacus vestibulum maximus suscipit. Nam ut rutrum ex, venenatis sollicitudin urna.
<br/><br/>Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Nam ut rutrum ex, venenatis sollicitudin urna.
Ut bibendum lacus vestibulum maximus suscipit...</p>
<ul class="text-left">
<li>Nam ut rutrum ex venenatis sollicitudin.</li>
<li>Aliquam erat volutpat.</li>
<li>Nam ut rutrum ex erat volutpat.</li>
</ul>
<video id="player1" style="max-width: 100%" preload="none" controls poster="img/blogs/1.jpg" playsinline webkit-playsinline>
<source src="img/portfolio/trailer.mp4" type="video/mp4">
</video>
<p class="d-text">
Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
<br/><br/>
Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus. Pellentesque dignissim volutpat orci at interdum. In id ipsum volutpat.
</p>
<div class="qoute">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<p class="q-text">You’ve gotta dance like there’s nobody watching, love like you’ll never be hurt, sing like there’s nobody listening, and live like it’s heaven on earth.</p>
<span class="q-name">Archard . William</span>
</div>
<p class="d-text">Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus.</p>
<div class="row cube-sec no-gutters">
<div class="col-12 col-md-6 pr-0 pr-md-2 pb-3">
<img src="img/blogs/c1.jpg">
</div>
<div class="col-12 col-md-6 pl-0 pl-md-2 pb-3">
<img src="img/blogs/c2.jpg">
</div>
<div class="col-12">
<img src="img/blogs/c3.jpg">
</div>
</div>
<p class="d-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
<br/><br/>
Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus. Pellentesque dignissim volutpat orci at interdum. In id ipsum volutpat.</p>
<div class="row social">
<div class="col-12 col-md-8 tags">
<span><a href=""> Image</a></span>
<span><a href="">Project</a></span>
<span><a href="">Studio</a></span>
</div>
<div class="col-12 col-md-4 social-tags text-center text-md-right">
<span class="fb"><a href=""> <i class="fab fa-facebook-f"></i></a></span>
<span class="twit"><a href=""><i class="fab fa-twitter"></i></a></span>
<span class="in"><a href=""><i class="fab fa-linkedin-in"></i></a></span>
<span class="pin"><a href=""><i class="fab fa-pinterest-p"></i></a></span>
</div>
</div>
</div>
</div>
<div class="writer-detail">
<div class="post_navigation">
<div class="row">
<div class="col-6 left-row">
<div class="row">
<div class="col-12 col-md-2 text-right text-md-left">
<a href=""><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-10 left-arr-d d-none d-md-block">
<span class="links">Previous Post</span>
<h5>Standard Post with a Video</h5>
</div>
</div>
</div>
<div class="col-6 right-row text-right">
<div class="row">
<div class="col-10 right-arr-d d-none d-md-block">
<span class="links">Next Post</span>
<h5>Standard Post with a Video</h5>
</div>
<div class="col-2">
<a href=""><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="posted_by">
<div class="media row">
<div class="col-12 col-lg-3">
<img src="img/blogs/writer.jpg" class="align-self-center mr-3 rounded-circle" alt="...">
</div>
<div class="media-body mt-auto mb-auto col-12 col-lg-9">
<span>Written By</span>
<h5 class="mt-1 mb-1">Andria Richard</h5>
<p class="d-text">Maecenas sit amet purus eget ipsum elementum venenatis. Quis rutrum mi semper non.</p>
</div>
</div>
</div>
<div class="comment-form">
<div class="msg-heading"><span>Write a Message</span></div>
<form>
<div class="row my-form">
<div class="col-12 col-md-4">
<input class="form-control" placeholder="Name">
</div>
<div class="col-12 col-md-4">
<input class="form-control" placeholder="Email">
</div>
<div class="col-12 col-md-4">
<input class="form-control" placeholder="Subject">
</div>
<div class="col-12">
<textarea class="form-control" placeholder="Message" rows="7"></textarea>
</div>
<div class="col-12 text-center">
<button class="btn red-btn rounded-pill">Post Comment</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="row">
<div class="col-12">
<div class="side_tags">
<div class="search-bar">
<form method="get" id="searchform" action="" role="search">
<label class="sr-only" for="s">Search</label>
<div class="input-group">
<input class="field form-control" id="s" name="s" type="text" placeholder="Search …" value="">
<span class="input-group-append">
<button class="submit btn-search" id="searchsubmit" name="submit" type="submit"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
</div>
<div class="cat_sec">
<h4 class="text-center text-lg-left">Categories</h4>
<ul>
<li><a href="">ART </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">FASHION </a> <span class="dots"></span> <p>5</p></li>
<li><a href="">PHOTOGRAPHY </a> <span class="dots"></span> <p>12</p></li>
<li><a href="">LIFESTYLE </a> <span class="dots"></span> <p>22</p></li>
<li><a href="">MOTIVATION </a> <span class="dots"></span> <p>1</p></li>
</ul>
</div>
<div class="popular_posts">
<h4 class="text-center text-lg-left">Popular Posts</h4>
<div class="media-box row">
<div class="col-5 box-img">
<img src="img/blogs/p1.jpg">
</div>
<div class="col-7 box-detail">
<h2>Post With A Preview Images</h2>
<p>July 18 , 2019 | by <span>Mark Aderson</span></p>
</div>
</div>
<div class="media-box row">
<div class="col-5 box-img">
<img src="img/blogs/p2.jpg">
</div>
<div class="col-7 box-detail">
<h2>Post With A Image Gallery</h2>
<p>July 18 , 2019 | by <span>Mark Aderson</span></p>
</div>
</div>
<div class="media-box row">
<div class="col-5 box-img">
<img src="img/blogs/p3.jpg">
</div>
<div class="col-7 box-detail">
<h2>Post With A Slide Images</h2>
<p>July 18 , 2019 | by <span>Mark Aderson</span></p>
</div>
</div>
</div>
<div class="tags_sec">
<h4 class="text-center text-lg-left">Tags</h4>
<div class="tags text-center text-lg-left">
<span class="rounded-pill">AUDIO</span>
<span class="rounded-pill">VEDIO</span>
<span class="rounded-pill">BRANDINGS</span>
<span class="rounded-pill">GRAPHICS</span>
<span class="rounded-pill">FASHION</span>
<span class="rounded-pill">DIGITAL</span>
<span class="rounded-pill">SCANNING</span>
</div>
</div>
<div class="cat_sec">
<h4 class="text-center text-lg-left">Archieves</h4>
<ul>
<li><a href="">2 Jan , 2019 </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">2 Feb , 2019 </a> <span class="dots"></span> <p>5</p></li>
<li><a href="">2 Mar , 2019 </a> <span class="dots"></span> <p>12</p></li>
<li><a href="">2 June , 2019 </a> <span class="dots"></span> <p>22</p></li>
<li><a href="">2 Aug , 2019 </a> <span class="dots"></span> <p>1</p></li>
</ul>
</div>
<div class="advertisment">
<img src="img/blogs/advertisment.jpg"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--content end-->
<!--Contact us content start-->
<div id="contact-us-sec" class="contact-us-sec cursor-light">
<div class="container">
<div class="row no-gutters">
<div class="col-12 contact-details text-center">
<div class="row no-gutters">
<div class="col-10 offset-1">
<p class="contact-address">123 Street New York City , United States Of America.</p>
<ul class="slider-social contact-s-media page-footer">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-google-plus-g"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Contact us content end-->
</div>
<!-- inner body content end-->
</div>
</div>
</div>
</div>
<!--main page content end-->
<!-- vendersJavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="js/fancybox.js"></script>
<script src="js/form_validation.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhrdEzlfpnsnfq4MgU1e1CCsrvVx2d59s"></script>
<script src="js/map.js"></script>
<script src="../vendor/js/mediaelement-and-player.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>