?
á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>Standard 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/blog-banner.jpg");'>
</div>
<!--- Slider end-->
<!--content-->
<div class="blog-content">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8">
<div class="main_content text-center text-lg-left">
<div class="single_blog">
<div class="single_img">
<img src="img/blogs/b1.jpg"/>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="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="p-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...</p>
<a href="single-blog.html" class="btn our-btn rounded-pill">Read More</a>
</div>
</div>
<div class="single_blog">
<div class="single_img">
<img src="img/blogs/s7.jpg" alt="image">
<audio id="player2" preload="none" controls style="max-width:100%;">
<source src="http://www.largesound.com/ashborytour/sound/AshboryBYU.mp3" type="audio/mp3">
</audio>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="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="p-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...</p>
<a href="single-blog.html" class="btn our-btn rounded-pill">Read More</a>
</div>
</div>
<div class="single_blog">
<div class="single_img">
<div class="row no-gutters">
<div class="col-6 col-md-4 img-gall">
<a data-fancybox="gallery5" href="img/blogs/g1.1.jpg"><img src="img/blogs/g1.1.jpg"></a>
<a href="img/blogs/g1.2.jpg" data-fancybox="gallery5" class="d-none"></a>
<a href="img/blogs/g1.3.jpg" data-fancybox="gallery5" class="d-none"></a>
</div>
<div class="col-6 col-md-4 img-gall">
<a data-fancybox="gallery6" href="img/blogs/g2.1.jpg"><img src="img/blogs/g2.1.jpg"></a>
<a href="img/blogs/g2.2.jpg" data-fancybox="gallery6" class="d-none"></a>
<a href="img/blogs/g2.3.jpg" data-fancybox="gallery6" class="d-none"></a>
</div>
<div class="col-6 col-md-4 img-gall">
<a data-fancybox="gallery7" href="img/blogs/g3.1.jpg"><img src="img/blogs/g3.1.jpg"></a>
<a href="img/blogs/g3.2.jpg" data-fancybox="gallery7" class="d-none"></a>
<a href="img/blogs/g3.3.jpg" data-fancybox="gallery7" class="d-none"></a>
</div>
<div class="col-6 col-md-4 img-gall">
<a data-fancybox="gallery8" href="img/blogs/g4.1.jpg"><img src="img/blogs/g4.1.jpg"></a>
<a href="img/blogs/g4.2.jpg" data-fancybox="gallery8" class="d-none"></a>
<a href="img/blogs/g4.3.jpg" data-fancybox="gallery8" class="d-none"></a>
</div>
<div class="col-6 col-md-4 img-gall">
<a data-fancybox="gallery9" href="img/blogs/g5.1.jpg"><img src="img/blogs/g5.1.jpg"></a>
<a href="img/blogs/g5.2.jpg" data-fancybox="gallery9" class="d-none"></a>
<a href="img/blogs/g5.3.jpg" data-fancybox="gallery9" class="d-none"></a>
</div>
<div class="col-6 col-md-4 img-gall">
<a data-fancybox="gallery10" href="img/blogs/g6.1.jpg"><img src="img/blogs/g6.1.jpg"></a>
<a href="img/blogs/g6.2.jpg" data-fancybox="gallery10" class="d-none"></a>
<a href="img/blogs/g6.3.jpg" data-fancybox="gallery10" class="d-none"></a>
</div>
</div>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="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="p-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...</p>
<a href="single-blog.html" class="btn our-btn rounded-pill">Read More</a>
</div>
</div>
<div class="single_blog">
<div class="single_img">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/blogs/s1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/blogs/s2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/blogs/b2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/blogs/s4.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/blogs/s5.jpg" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="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="p-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...</p>
<a href="single-blog.html" class="btn our-btn rounded-pill">Read More</a>
</div>
</div>
</div>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center justify-content-lg-start">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link active" 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="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 side-bar">
<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>