<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Mitagen HTML5 Template</title>
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!-- stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@300;400;500;600&display=swap">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/custom-animation.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/bootstrap-v4.1.3.min.css">
<link rel="stylesheet" href="assets/css/spacing.min.css">
<link rel="stylesheet" href="assets/css/mainmenu.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!--====================================================================
Start header area
=====================================================================-->
<header class="main-header">
<!--Header-Upper-->
<div class="header-upper">
<div class="container-fluid clearfix">
<div class="header-inner clearfix">
<div class="logo-outer">
<div class="logo"><a href="index.html"><img src="assets/img/logo.png" alt="" title=""></a></div>
</div>
<!-- Main Menu -->
<nav class="main-menu navbar-expand-lg ml-md-auto">
<div class="navbar-header clearfix">
<div class="logo"><a href="index.html"><img src="assets/img/logo.png" alt="" title=""></a></div>
<!-- Toggle Button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-one">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse navbar-collapse-one collapse clearfix">
<ul class="navigation clearfix">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">services</a></li>
<li class="dropdown"><a href="#">pages</a>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li class="dropdown current"><a href="#">blog</a>
<ul>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-classic.html">Blog Classic</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</nav>
<!-- Main Menu End-->
<!-- Menu buttons-->
<div class="menu-button ml-55">
<a href="#" class="theme-btn">Start Project</a>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
</header>
<!--====================================================================
End header area
=====================================================================-->
<!--====================================================================
Start Banner Section
=====================================================================-->
<section class="banner-section rel">
<div class="container">
<h2 class="page-title">Blog Classic</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Blog Classic</li>
</ol>
</nav>
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo l-70 t-60">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</div>
</section>
<!--====================================================================
End Banner Section
=====================================================================-->
<!--====================================================================
End banner section
=====================================================================-->
<!--====================================================================
Start Blog Classic Page section
=====================================================================-->
<section class="blog-classic-page pt-125 mb-120 rmb-100">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="blog-item">
<div class="blog-img">
<img src="assets/img/blog/blog-classic-1.png" alt="Blog Image">
</div>
<div class="blog-content">
<div class="name-date">
<span class="name">By: Denial Firoz</span>
<span class="date">August 11, 2020</span>
</div>
<h3><a href="blog-details.html">Product Design Sprint Process, A Complete Guide to Start</a></h3>
<p>Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
<a href="blog-details.html" class="read-more"><i class="flaticon-logout"></i>Read More</a>
</div>
</div>
<div class="blog-item">
<div class="blog-img">
<img src="assets/img/blog/blog-classic-2.png" alt="Blog Image">
</div>
<div class="blog-content">
<div class="name-date">
<span class="name">By: Fahima Sarra</span>
<span class="date">August 11, 2020</span>
</div>
<h3><a href="blog-details.html">Product Design Sprint Process, A Complete Guide to Start</a></h3>
<p>Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
<a href="blog-details.html" class="read-more"><i class="flaticon-logout"></i>Read More</a>
</div>
</div>
<div class="blog-item">
<div class="blog-img">
<img src="assets/img/blog/blog-classic-3.png" alt="Blog Image">
</div>
<div class="blog-content">
<div class="name-date">
<span class="name">By: Willum Muzad</span>
<span class="date">August 11, 2020</span>
</div>
<h3><a href="blog-details.html">Product Design Sprint Process, A Complete Guide to Start</a></h3>
<p>Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
<a href="blog-details.html" class="read-more"><i class="flaticon-logout"></i>Read More</a>
</div>
</div>
<div class="blog-item">
<div class="blog-img">
<img src="assets/img/blog/blog-classic-4.png" alt="Blog Image">
</div>
<div class="blog-content">
<div class="name-date">
<span class="name">By: Sanzida Akon</span>
<span class="date">August 11, 2020</span>
</div>
<h3><a href="blog-details.html">Product Design Sprint Process, A Complete Guide to Start</a></h3>
<p>Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
<a href="blog-details.html" class="read-more"><i class="flaticon-logout"></i>Read More</a>
</div>
</div>
<nav class="mt-75 wow customFadeInUp delay-0-3s slow">
<ul class="pagination d-inline-block">
<li class="current"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#"><span class="flaticon-right-arrow"></span></a></li>
</ul>
</nav>
</div>
<div class="col-lg-4">
<div class="blog-sidebar ml-10 rml-0 rmt-50">
<div class="widget widget_search">
<form action="#" _lpchecked="1">
<input type="text" placeholder="Search...." required="">
<button type="submit"><i class="flaticon-search"></i></button>
</form>
</div>
<div class="widget widget_category">
<h4 class="widget-title">Categories</h4>
<ul>
<li><a href="#">Web Development <span>(11)</span></a></li>
<li><a href="#">Ui/UX Design <span>(8)</span></a></li>
<li><a href="#">Search Optimization <span>(2)</span></a></li>
<li><a href="#">Web Design <span>(10)</span></a></li>
<li><a href="#">Wireframing Task <span>(17)</span></a></li>
</ul>
</div>
<div class="widget widget_news">
<h4 class="widget-title">Recent Posts</h4>
<div class="widget-popular-post">
<div class="widget-post-item">
<div class="widget-post-image">
<img src="assets/img/blog/widget-1.png" alt="News Widget">
</div>
<div class="widget-post-content">
<span class="date">Jun 05, 2020</span>
<h6><a href="#">Everything You Need to Know About Cyber Warfare</a></h6>
</div>
</div>
<div class="widget-post-item">
<div class="widget-post-image">
<img src="assets/img/blog/widget-2.png" alt="News Widget">
</div>
<div class="widget-post-content">
<span class="date">Jun 05, 2020</span>
<h6><a href="#">Everything You Need to Know About Cyber Warfare</a></h6>
</div>
</div>
<div class="widget-post-item">
<div class="widget-post-image">
<img src="assets/img/blog/widget-3.png" alt="News Widget">
</div>
<div class="widget-post-content">
<span class="date">Jun 05, 2020</span>
<h6><a href="#">Everything You Need to Know About Cyber Warfare</a></h6>
</div>
</div>
</div>
</div>
<div class="widget widget_tag">
<h4 class="widget-title">Tags</h4>
<div class="tags">
<a href="#">SEO</a>
<a href="#">Marketing</a>
<a href="#">Ui/UX</a>
<a href="#">Design</a>
<a href="#">Development</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--====================================================================
End Blog Classic Page section
=====================================================================-->
<!--====================================================================
Start Call For Action section
=====================================================================-->
<section class="call-for-action text-center">
<div class="container">
<div class="call-action-content">
<h2>Have any question about us?</h2>
<p> Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat.</p>
<a href="contant.html" class="theme-btn">Please Contact</a>
</div>
</div>
</section>
<!--====================================================================
End Call For Action section
=====================================================================-->
<!--====================================================================
Start footer section
=====================================================================-->
<footer class="footer-section mt-125 pt-100">
<div class="container">
<div class="row">
<!--big column-->
<div class="col-lg-7">
<div class="row">
<!--Footer Column-->
<div class="col-sm-7">
<div class="footer-widget logo-widget mr-35">
<div class="footer-logo"><a href="index.html"><img src="assets/img/logo.png" alt="logo"></a></div>
<div class="widget-content">
<div class="text">
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="footer-social-icon mt-35">
<div class="social-link-icon">
<a href="#"><i class="fa fa-facebook-f"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-skype"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Footer Column-->
<div class="col-sm-5">
<div class="footer-widget links-widget">
<h4 class="footer-title">Usefull Links</h4>
<div class="widget-content">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--big column-->
<div class="col-lg-5">
<div class="row">
<!--Footer Column-->
<div class="col-sm-5">
<div class="footer-widget links-widget">
<h4 class="footer-title">Services</h4>
<div class="widget-content">
<ul>
<li><a href="#">Search Optimization</a></li>
<li><a href="#">Wireframing Task</a></li>
<li><a href="#">Market Analysis</a></li>
<li><a href="#">Web Development</a></li>
<li><a href="#">Web Design</a></li>
</ul>
</div>
</div>
</div>
<!--Footer Column-->
<div class="col-sm-7">
<div class="footer-widget info-widget">
<h4 class="footer-title">Contact</h4>
<div class="office-info">
<ul>
<li><i class="flaticon-home"></i>1301 Hoffman Avenue, Brooklyn New York, <br>NY-11206</li>
<li><i class="flaticon-telephone"></i>+1 (012) 345-6789 <br>
+1 (123) 456-7899</li>
<li><i class="flaticon-email"></i>info@yourmail.com</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Copyright-->
<div class="footer-bottom">
<div class="copyright">Copyright @2020 M_Themes All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a></div>
</div>
</footer>
<!--====================================================================
End footer section
=====================================================================-->
<!-- Scroll Top Button -->
<button class="scroll-top scroll-to-target" data-target="html">
<span class="fa fa-angle-up"></span>
</button>
</div>
<!--====================================================================
Include All Js File
====================================================================-->
<!-- All Plugins -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/bootstrap-v4.1.3.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.countTo.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>