?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- 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 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Digital-Creative | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="../vendor/img/favicon-1.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="loader loader-32">
<div class='loader-container'>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top navbar-fixed-top">
<a class="navbar-brand back-color" href="../index-brand-agency.html#home">
<div class="image">
<img src="img/logo.png" alt="image">
</div>
</a>
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<div class="nav-btn">
<a class="btn button btn-rounded yellow-btn" href="../index-brand-agency.html#contact">
Get a Quote
</a>
</div>
</nav>
<!-- Side Menu -->
<div class="side-menu hidden side-menu-opacity">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center text-center">
<a class="logo-image" href="../index-brand-agency.html#home">
<img src="img/logo-black.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8 text-center text-lg-left">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link " href="../index-brand-agency.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-brand-agency.html#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-brand-agency.html#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-brand-agency.html#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-brand-agency.html#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-brand-agency.html#contact">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center text-center text-lg-left">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span class="text">+1 631 123 4567</span>
<span class="text">email@website.com</span>
</div>
<ul class="social-icons">
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text">© 2021 MegaOne.<br> Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!-- End Navbar -->
<!-- Blog Banner Start -->
<section class="blog-banner">
<div class=" col-12 header-text text-center wow zoomIn" data-wow-delay="1000ms">
<h2 class="heading">Blog Posts</h2>
<ul class="page-breadcrumb ">
<li><a href="../index-brand-agency.html#blog"><i class="fas fa-home mr-1"></i>Blog <i class="fas fa-angle-double-right white-icon"></i></a></li>
<li>Home</li>
</ul>
</div>
</section>
<!--Blog Banner End -->
<!-- Blog Section Start -->
<section class="main-blog-section">
<div class="container">
<!-- Row-1 Start -->
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12" >
<div class="blog-post wow fadeInLeft" data-wow-delay="1000ms">
<div class="img-section">
<img src="img/blog-1.jpg" alt="blog-img">
</div>
<div class="text-section">
<div class="text-col">
<h2 class="heading">Creative and Inspirational Brand Agency</h2>
<span class="blog-text"><a href="#">JUNE 24, 2020</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="text">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>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn" href="javascript:void(0);">
Read More
</a>
</div>
</div>
</div>
</div>
<div class="blog-post wow fadeInLeft" data-wow-delay="400ms">
<div class="img-section">
<img src="img/blog-2.jpg" alt="blog-img">
</div>
<div class="text-section">
<div class="text-col">
<h2 class="heading">Creative and Inspirational Brand Agency</h2>
<span class="blog-text"><a href="#">JUNE 24, 2020</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="text">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>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn" href="javascript:void(0);">
Read More
</a>
</div>
</div>
</div>
</div>
<div class="blog-post wow fadeInLeft" data-wow-delay="400ms">
<div class="img-section">
<img src="img/blog-3.jpg" alt="blog-img">
</div>
<div class="text-section">
<div class="text-col">
<h2 class="heading">Creative and Inspirational Brand Agency</h2>
<span class="blog-text"><a href="#">JUNE 24, 2020</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="text">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>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn" href="javascript:void(0);">
Read More
</a>
</div>
</div>
</div>
</div>
<ul class="pagination justify-content-center wow fadeInUp" data-wow-delay="400ms">
<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 class="col-lg-4 col-md-12 col-sm-12">
<!-- Widget Start -->
<div class="widget wow fadeInRight" data-wow-delay="1000ms">
<form class="search-box">
<p class="text">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>
<!-- List Start -->
<div class="posts-list wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Popular Post</h2>
<div class="media row">
<div class="img col-lg-5 col-md-5 col-sm-12">
<img src="img/post-1.jpg" alt="post-img">
</div>
<div class="media-body col-lg-7 col-md-7 col-sm-12">
<h5 class="subheading">Post With A Preview Images</h5>
<span>July 18 , 2020 | by</span>
<p class="text">Mark Aderson </p>
</div>
</div>
<div class="media row center-row">
<div class="img col-lg-5 col-md-5 col-sm-12">
<img src="img/post-2.jpg" alt="post-img">
</div>
<div class="media-body col-lg-7 col-md-7 col-sm-12">
<h5 class="subheading">Post With A Preview Images</h5>
<span>Sep 25 , 2020 | by</span>
<p class="text">Mark Aderson </p>
</div>
</div>
<div class="media row">
<div class="img col-lg-5 col-md-5 col-sm-12">
<img src="img/post-3.jpg" alt="post-img">
</div>
<div class="media-body col-lg-7 col-md-7 col-sm-12">
<h5 class="subheading">Post With A Preview Images</h5>
<span>Jan 18 , 2021 | by</span>
<p class="text">Mark Aderson </p>
</div>
</div>
</div>
<!-- Tags Start -->
<div class="tags wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Tags</h2>
<span class="rounded-border text">fashion</span>
<span class="rounded-border text">branding</span>
<span class="rounded-border text">design</span>
<span class="rounded-border text">agencylife</span>
<span class="rounded-border text">advertising</span>
<span class="rounded-border text">business</span>
<span class="rounded-border text">photoshoot</span>
<span class="rounded-border text">modeling</span>
</div>
<!-- Categories Start -->
<div class="categories wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Categories</h2>
<div class="categories-name">
<a>
<p class="text">
<i class="fas fa-chevron-right"></i>
Marketing
<span class="text">25</span>
</p>
</a>
</div>
<div class="categories-name">
<a>
<p class="text">
<i class="fas fa-chevron-right"></i>
Fashion
<span class="text">45</span>
</p>
</a>
</div>
<div class="categories-name">
<a>
<p class="text">
<i class="fas fa-chevron-right"></i>
Designing
<span class="text">20</span>
</p>
</a>
</div>
<div class="categories-name">
<a>
<p class="text">
<i class="fas fa-chevron-right"></i>
Advertisement
<span class="text">15</span>
</p>
</a>
</div>
<div class="categories-name">
<a>
<p class="text">
<i class="fas fa-chevron-right"></i>
Photoshoot
<span class="text">40</span>
</p>
</a>
</div>
<div class="categories-name">
<a>
<p class="text">
<i class="fas fa-chevron-right"></i>
Art
<span class="text">30</span>
</p>
</a>
</div>
</div>
<!-- Img start -->
<div class="adver-img wow fadeInRight" data-wow-delay="400ms">
<img src="img/advertisement.jpg" alt="advertisement-img">
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Blog Section End -->
<!-- Footer Start -->
<footer class="no-gutters">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 social-icons">
<ul>
<li><a class="facebook-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<p class="text">© 2021 MegaOne. made with love by themesindustry</p>
</div>
</div>
</div>
<!-- Container End -->
</footer>
<!-- Footer End -->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.appear.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>