66资源网 多功能新闻博客资讯网站系统源码设计
网页代码
<!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, shrink-to-fit=no”>
<!– page title –>
<title>:: Ulkmor – Blog Article HTML Template ::</title>
<!– favicon –>
<link rel=”icon” href=”favicon.ico” />
<!– bootstrap core CSS –>
<link rel=”stylesheet” href=”css/bootstrap.min.css”>
<!– font awesome –>
<link href=”css/all.min.css” rel=”stylesheet”>
<!– owl carousel –>
<link href=”css/owl.carousel.min.css” rel=”stylesheet”>
<link href=”css/owl.theme.default.min.css” rel=”stylesheet”>
<!– venobox css –>
<link rel=”stylesheet” href=”css/venobox.css”>
<!– custom styles for this template –>
<link href=”css/custom.css” rel=”stylesheet”>
<link href=”css/responsive.css” rel=”stylesheet”>
<link href=”css/helper.css” rel=”stylesheet”>
</head>
<body>
<!– ================ Preloader ================ –>
<div id=”preloader”>
<div class=”spinner-grow” role=”status”> <span class=”sr-only”>Loading…</span> </div>
</div>
<!– ================ Preloader end ================ –>
<!– ================ Header ================ –>
<header>
<div class=”header-upper”>
<div class=”container”>
<div class=”row d-flex align-items-center”>
<div class=”col-lg-4 col-md-6 col-sm-12″>
<!– header upper links –>
<ul class=”header-upper-links list-inline”>
<li class=”list-inline-item”><a href=”login.html”>Login</a></li>
<li class=”list-inline-item”><a href=”register.html”>Register</a></li>
<li class=”list-inline-item languages-block”>
<div class=”dropdown”>
<button class=”btn dropdown-toggle” type=”button” id=”dropdownMenuButton” data-bs-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”> <img src=”img/English.jpg” alt=””> English</button>
<div class=”dropdown-menu” aria-labelledby=”dropdownMenuButton”> <a class=”dropdown-item” href=”#”><img src=”img/English.jpg” alt=””> English</a> <a class=”dropdown-item” href=”#”><img src=”img/Arabic.jpg” alt=””> Arabic</a> </div>
</div>
</li>
</ul>
<!– header upper links end –>
</div>
<div class=”col-lg-8 col-md-6 col-sm-12 text-lg-end text-md-end”>
<!– header upper social –>
<ul class=”header-social list-inline”>
<li class=”list-inline-item”><a href=”#”><i class=”fab fa-facebook-f”></i></a></li>
<li class=”list-inline-item”><a href=”#”><i class=”fa-brands fa-x-twitter”></i></a></li>
<li class=”list-inline-item”><a href=”#”><i class=”fab fa-pinterest-p”></i></a></li>
<li class=”list-inline-item”><a href=”#”><i class=”fab fa-instagram”></i></a></li>
<li class=”list-inline-item header-search”><a href=”#” class=”” id=”dropdownMenuButtonSearch” data-bs-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”><i class=”fas fa-search”></i></a>
<div class=”dropdown-menu dropdown-menu-end p-10 bg-light” aria-labelledby=”dropdownMenuButtonSearch”>
<form>
<input type=”text” class=”form-control” placeholder=”Search here…”>
</form>
</div>
</li>
</ul>
<!– header upper social end –>
</div>
</div>
</div>
</div>
<!– header upper end–>
<!– logo area –>
<div class=”header-middle”>
<div class=”container”>
<div class=”row align-items-center”>
<div class=”col-lg-4 col-md-4 col-sm-4″>
<!– logo –>
<div class=”logo-brand”> <a class=”navbar-brand” href=”index.html”><img src=”img/logo.png” alt=””></a> </div>
<!– logo end –>
</div>
<div class=”col-lg-8 col-md-8 col-sm-8″>
<!– advertisement banner –>
<div class=”advertisement-banner”> <a href=”#”><img src=”img/advertisement-banner-1.jpg” alt=””></a> </div>
<!– advertisement banner end –>
</div>
</div>
</div>
</div>
<!– logo area end –>
<!– header lover –>
<div class=”header-lover”>
<div class=”container”>
<div class=”header-lover-center”>
<nav class=”navbar navbar-expand-md”>
<button class=”navbar-toggler” type=”button” data-bs-toggle=”collapse” data-bs-target=”#navbarsExample03″ aria-controls=”navbarsExample03″ aria-expanded=”false” aria-label=”Toggle navigation”> <span></span> <span></span> <span></span> </button>
<div class=”collapse navbar-collapse” id=”navbarsExample03″>
<ul class=”navbar-nav”>
<li class=”nav-item dropdown active”> <a class=”nav-link dropdown-toggle” href=”#” id=”dropdown01″ data-bs-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>Home</a>
<div class=”dropdown-menu” aria-labelledby=”dropdown01″> <a class=”dropdown-item” href=”index.html”>Home 01</a> <a class=”dropdown-item” href=”index-2.html”>Home 02</a> </div>
</li>
<li class=”nav-item”> <a class=”nav-link” href=”about.html”>About us</a> </li>
<li class=”nav-item”> <a class=”nav-link” href=”category-style-2.html”>Sports</a></li>
<li class=”nav-item”> <a class=”nav-link” href=”video.html”>Video</a></li>
<li class=”nav-item dropdown”> <a class=”nav-link dropdown-toggle” href=”#” id=”dropdown02″ data-bs-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>Features</a>
<div class=”dropdown-menu” aria-labelledby=”dropdown02″> <a class=”dropdown-item” href=”category-style-1.html”>Category Style 1</a> <a class=”dropdown-item” href=”category-style-2.html”>Category Style 2</a> <a class=”dropdown-item” href=”category-style-3.html”>Category Style 3</a> <a class=”dropdown-item” href=”single-post-1.html”>Single Post 1</a> <a class=”dropdown-item” href=”single-post-2.html”>Single Post 2</a> <a class=”dropdown-item” href=”single-post-3.html”>Single Post 3</a></div>
</li>
<li class=”nav-item dropdown”> <a class=”nav-link dropdown-toggle” href=”#” id=”dropdown03″ data-bs-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>Pages</a>
<div class=”dropdown-menu” aria-labelledby=”dropdown03″> <a class=”dropdown-item” href=”login.html”>Login</a> <a class=”dropdown-item” href=”register.html”>Register</a> <a class=”dropdown-item” href=”gallery.html”>Gallery</a> <a class=”dropdown-item” href=”gallery-2.html”>Gallery 2</a> <a class=”dropdown-item” href=”video.html”>Video</a> <a class=”dropdown-item” href=”faq.html”>FAQ</a> <a class=”dropdown-item” href=”privacy-policy.html”>Privacy Policy</a> <a class=”dropdown-item” href=”contacts.html”>Contact Us</a> <a class=”dropdown-item” href=”404-page.html”>404</a></div>
</li>
</ul>
</div>
</nav>
<!– header login links –>
<div class=”header-newsletter-link”> <a href=”#”><i class=”far fa-envelope”></i> Newsletter</a> </div>
<!– header login links end –>
</div>
</div>
</div>
<!– header lover end –>
</header>
<!– ================ Header end ================ –>
<!– ================ Featured post area ================ –>
<div class=”featured-post-area bg-light pt-60 pb-40″>
<div class=”container”>
<div class=”row”>
<div class=”col-lg-8 mb-20″>
<div class=”featured-post-carousel owl-carousel owl-theme”>
<div class=”item”>
<!– featured post item –>
<div class=”featured-post-item”>
<div class=”featured-post-item-img”> <img src=”img/featured-post/1.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Travel</a> </div>
<div class=”featured-post-content”>
<h2 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-32″>Designing & creating innovative solution for your home.</a> </h2>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
</div>
<div class=”item”>
<!– featured post item –>
<div class=”featured-post-item”>
<div class=”featured-post-item-img”> <img src=”img/featured-post/2.jpg” alt=””> <a href=”#” class=”post-label bg-info”>World</a> </div>
<div class=”featured-post-content”>
<h2 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-32″>Designing & creating innovative solution for your home.</a> </h2>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
</div>
</div>
</div>
<div class=”col-lg-4″>
<!– featured post item –>
<div class=”featured-post-item mb-20″>
<div class=”featured-post-item-img”> <img src=”img/featured-post/3.jpg” alt=””> <a href=”#” class=”post-label bg-danger”>Business</a> </div>
<div class=”featured-post-content”>
<h4 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-20″>Designing & creating innovative solution for your home.</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
<!– featured post item –>
<div class=”featured-post-item mb-20″>
<div class=”featured-post-item-img”> <img src=”img/featured-post/4.jpg” alt=””> <a href=”#” class=”post-label bg-info”>World</a> </div>
<div class=”featured-post-content”>
<h4 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-20″>Designing & creating innovative solution for your home.</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
</div>
</div>
</div>
</div>
<!– ================ Featured post area end ================ –>
<!– ================ First block ================ –>
<div class=”pt-50″>
<div class=”container”>
<div class=”row”>
<div class=”col-lg-8″>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-primary”>Latest Posts</h2>
</div>
<!– block title end –>
<div class=”owl-carousel owl-theme carousel-arrow-style-1 mb-30″>
<div class=”row”>
<div class=”col-lg-12″>
<!– list style 1 –>
<div class=”list-style-1 mb-20″>
<div class=”list-style-1-img”> <img src=”img/latest-posts-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Travel</a> </div>
<div class=”list-style-1-content”>
<h3 class=”list-style-1-title mb-10″> <a href=”#” class=”font-size-22″>Designing & creating innovative solution for your home.</a> </h3>
<p>Lorem ipsum dolor sit amet adipiscing loem ipsum dolor adipiscing met consecte consectetuer sfsafdhw adipiscing ipsum…</p>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– list style 1 end –>
<div class=”row”>
<div class=”col-lg-4 col-md-6 mb-20″>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/latest-posts-home/2.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Food</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”col-lg-4 col-md-6 mb-20″>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/latest-posts-home/3.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Health</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”col-lg-4 col-md-6 mb-20″>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/latest-posts-home/4.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Lifestyle</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
</div>
</div>
</div>
<div class=”row”>
<div class=”col-lg-12″>
<!– list style 1 –>
<div class=”list-style-1 mb-20″>
<div class=”list-style-1-img”> <img src=”img/latest-posts-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Travel</a> </div>
<div class=”list-style-1-content”>
<h3 class=”list-style-1-title mb-10″> <a href=”#” class=”font-size-22″>Designing & creating innovative solution for your home.</a> </h3>
<p>Lorem ipsum dolor sit amet adipiscing loem ipsum dolor adipiscing met consecte consectetuer sfsafdhw adipiscing ipsum…</p>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– list style 1 end –>
<div class=”row”>
<div class=”col-lg-4 col-md-6 mb-20″>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/latest-posts-home/2.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Food</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”col-lg-4 col-md-6 mb-20″>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/latest-posts-home/3.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Health</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”col-lg-4 col-md-6 mb-20″>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/latest-posts-home/4.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Lifestyle</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
</div>
</div>
</div>
</div>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-success”>Travel News
<span class=”view-all-link ms-auto”><a href=”#”>More</a></span>
</h2>
</div>
<!– block title end –>
<div class=”pl-30 pt-30 pr-30 bg-dark travel-new-box mb-50″>
<div class=”row”>
<div class=”col-lg-6 col-md-6 mb-30″>
<!– listing post –>
<div class=”listing-post”>
<div class=”listing-post-thumbnail”> <a href=”#”><img src=”img/travel-news-home/1.jpg” alt=””></a> </div>
<div class=”listing-post-content”>
<div class=”listing-post-title”><a href=”#”>Integrated solutions designed for all business</a></div>
<div class=”listing-post-meta”><a href=”#”>Jan 01, <span class=”current-year”></span></a></div>
</div>
</div>
<!– listing post end –>
</div>
<div class=”col-lg-6 col-md-6 mb-30″>
<!– listing post –>
<div class=”listing-post”>
<div class=”listing-post-thumbnail”> <a href=”#”><img src=”img/travel-news-home/2.jpg” alt=””></a> </div>
<div class=”listing-post-content”>
<div class=”listing-post-title”><a href=”#”>Integrated solutions designed for all business</a></div>
<div class=”listing-post-meta”><a href=”#”>Jan 01, <span class=”current-year”></span></a></div>
</div>
</div>
<!– listing post end –>
</div>
<div class=”col-lg-6 col-md-6 mb-30″>
<!– listing post –>
<div class=”listing-post”>
<div class=”listing-post-thumbnail”> <a href=”#”><img src=”img/travel-news-home/3.jpg” alt=””></a> </div>
<div class=”listing-post-content”>
<div class=”listing-post-title”><a href=”#”>Integrated solutions designed for all business</a></div>
<div class=”listing-post-meta”><a href=”#”>Jan 01, <span class=”current-year”></span></a></div>
</div>
</div>
<!– listing post end –>
</div>
<div class=”col-lg-6 col-md-6 mb-30″>
<!– listing post –>
<div class=”listing-post”>
<div class=”listing-post-thumbnail”> <a href=”#”><img src=”img/travel-news-home/4.jpg” alt=””></a> </div>
<div class=”listing-post-content”>
<div class=”listing-post-title”><a href=”#”>Integrated solutions designed for all business</a></div>
<div class=”listing-post-meta”><a href=”#”>Jan 01, <span class=”current-year”></span></a></div>
</div>
</div>
<!– listing post end –>
</div>
<div class=”col-lg-6 col-md-6 mb-30″>
<!– listing post –>
<div class=”listing-post”>
<div class=”listing-post-thumbnail”> <a href=”#”><img src=”img/travel-news-home/5.jpg” alt=””></a> </div>
<div class=”listing-post-content”>
<div class=”listing-post-title”><a href=”#”>Integrated solutions designed for all business</a></div>
<div class=”listing-post-meta”><a href=”#”>Jan 01, <span class=”current-year”></span></a></div>
</div>
</div>
<!– listing post end –>
</div>
<div class=”col-lg-6 col-md-6 mb-30″>
<!– listing post –>
<div class=”listing-post”>
<div class=”listing-post-thumbnail”> <a href=”#”><img src=”img/travel-news-home/6.jpg” alt=””></a> </div>
<div class=”listing-post-content”>
<div class=”listing-post-title”><a href=”#”>Integrated solutions designed for all business</a></div>
<div class=”listing-post-meta”><a href=”#”>Jan 01, <span class=”current-year”></span></a></div>
</div>
</div>
<!– listing post end –>
</div>
</div>
</div>
</div>
<div class=”col-lg-4″>
<!– sidebar –>
<aside class=”sidebar”>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>About Us</h2>
</div>
<!– sidebar title end –>
<!– sidebar about box –>
<div class=”sidebar-about-box mb-50″>
<div class=”sidebar-about-img”><img src=”img/about/sidebar-about.jpg” alt=””></div>
<div class=”sidebar-about-text”>
<p class=”mb-0″>Lorem ipsum dolor sit amet adipiscing consectetu ipsum dolor adipiscing met consecte consectetu ipsum dolor adipiscing met consecte consectetu.</p>
</div>
</div>
<!– sidebar about box end –>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>Follow Us</h2>
</div>
<!– sidebar title end –>
<!– sidebar social icon –>
<ul class=”sidebar-social-icon”>
<li class=”facebook-color”> <a href=”#”><i class=”fab fa-facebook-f”></i> <span>Facebook</span></a> </li>
<li class=”twitter-color”><a href=”#”><i class=”fa-brands fa-x-twitter”></i> <span>Twitter</span></a></li>
<li class=”pinterest-color”><a href=”#”><i class=”fab fa-pinterest-p”></i> <span>Pinterest</span></a></li>
<li class=”google-plus-color”><a href=”#”><i class=”fab fa-linkedin-in”></i> <span>Google Plus</span></a></li>
<li class=”instagram-color”><a href=”#”><i class=”fab fa-instagram”></i> <span>Instagram</span></a></li>
<li class=”linkedin-color”><a href=”#”><i class=”fab fa-linkedin-in”></i> <span>Linked In</span></a></li>
</ul>
<!– sidebar social icon end –>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>Popular Posts</h2>
</div>
<!– sidebar title end –>
<div class=”owl-carousel owl-theme carousel-arrow-style-1 mb-50″>
<div class=”item”>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/sidebar-popular-posts/1.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Travel</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”item”>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/sidebar-popular-posts/2.jpg” alt=””> <a href=”#” class=”post-label bg-success”>Sports</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”item”>
<!– grid style 1 –>
<div class=”grid-style-1″>
<div class=”grid-style-1-img mb-10″> <img src=”img/sidebar-popular-posts/3.jpg” alt=””> <a href=”#” class=”post-label bg-danger”>World</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
</div>
</aside>
<!– sidebar end –>
</div>
</div>
</div>
</div>
<!– ================ First block end ================ –>
<!– advertisement banner –>
<div class=”container”>
<div class=”advertisement-banner mb-50″> <a href=”#”><img src=”img/advertisement-banner-2.jpg” alt=””></a> </div>
</div>
<!– advertisement banner end –>
<!– ================ Second block ================ –>
<div class=”container”>
<div class=”row”>
<div class=”col-lg-4 col-md-6 mb-30″>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-primary”>Techno News</h2>
</div>
<!– block title end –>
<!– grid style 1 –>
<div class=”grid-style-1 mb-30″>
<div class=”grid-style-1-img mb-10″> <img src=”img/techno-news-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-primary”>Food</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/techno-news-home/2.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-primary mb-6 mr-6″>Traveling</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/techno-news-home/3.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-primary mb-6 mr-6″>Games</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/techno-news-home/4.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-primary mb-6 mr-6″>Lifestyle</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
</div>
<div class=”col-lg-4 col-md-6 mb-30″>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-success”>Sports News</h2>
</div>
<!– block title end –>
<!– grid style 1 –>
<div class=”grid-style-1 mb-30″>
<div class=”grid-style-1-img mb-10″> <img src=”img/sports-news-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-success”>Sports</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/sports-news-home/2.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-success mb-6 mr-6″>Racing</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/sports-news-home/3.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-success mb-6 mr-6″>Cricket</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/sports-news-home/4.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-success mb-6 mr-6″>Skiing</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
</div>
<div class=”col-lg-4 col-md-6 mb-30″>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-danger”>World News</h2>
</div>
<!– block title end –>
<!– grid style 1 –>
<div class=”grid-style-1 mb-30″>
<div class=”grid-style-1-img mb-10″> <img src=”img/world-news-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-danger”>World</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/world-news-home/2.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Africa</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/world-news-home/3.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Asia</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/world-news-home/4.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Science</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
</div>
</div>
</div>
<!– ================ Second block end================ –>
<!– ================ Third block ================ –>
<div class=”container”>
<div class=”row”>
<div class=”col-lg-8″>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-info”>Health News
<span class=”view-all-link ms-auto”><a href=”#”>More</a></span>
</h2>
</div>
<!– block title end –>
<div class=”row mb-30″>
<div class=”col-lg-6 col-md-6″>
<!– grid style 1 –>
<div class=”grid-style-1 mb-20″>
<div class=”grid-style-1-img mb-10″> <img src=”img/health-news-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-info”>Health</a> </div>
<div class=”grid-style-1-content”>
<h4 class=”grid-style-1-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<p>Lorem ipsum dolor sit amet adipiscing loem ipsum dolor adipiscing met consecte consectetuer adipiscing loem ipsum dolor adipiscing met consecte consectetuer sfsafdhw adipiscing consecte consectetuer sfsafdhw adipiscing ipsum…</p>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 1 end –>
</div>
<div class=”col-lg-6 col-md-6″>
<!– featured post item –>
<div class=”featured-post-item mb-20″>
<div class=”featured-post-item-img”> <img src=”img/health-news-home/2.jpg” alt=””> <a href=”#” class=”post-label bg-info”>Fitness</a> </div>
<div class=”featured-post-content”>
<h4 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-18″>Build up your business strategy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
<!– featured post item –>
<div class=”featured-post-item mb-20″>
<div class=”featured-post-item-img”> <img src=”img/health-news-home/3.jpg” alt=””> <a href=”#” class=”post-label bg-info”>Food</a> </div>
<div class=”featured-post-content”>
<h4 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-18″>Build up your business strategy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
<!– featured post item –>
<div class=”featured-post-item mb-20″>
<div class=”featured-post-item-img”> <img src=”img/health-news-home/4.jpg” alt=””> <a href=”#” class=”post-label bg-info”>Lifestyle</a> </div>
<div class=”featured-post-content”>
<h4 class=”featured-post-title mb-12″> <a href=”#” class=”font-size-18″>Build up your business strategy</a> </h4>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6″ alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– featured post item end –>
</div>
</div>
<!– block title –>
<div class=”block-title mb-30″>
<h2 class=”border-info”>Technology
<span class=”view-all-link ms-auto”><a href=”#”>More</a></span>
</h2>
</div>
<!– block title end –>
<div class=”row mb-30″>
<div class=”col-lg-6 col-md-6″>
<!– grid style 2 –>
<div class=”grid-style-2 mb-20″>
<div class=”grid-style-2-img mb-10″> <img src=”img/technology-home/1.jpg” alt=””> <a href=”#” class=”post-label bg-info”>Lifestyle</a> </div>
<div class=”grid-style-2-content”>
<h4 class=”grid-style-2-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<p>Lorem ipsum dolor sit onsectetuer adipiscing nsectetuer sfsafdhw adipiscing consecte consectetuer sfsafdhw adipiscing ipsum…</p>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/technology-home/3.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Games</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/technology-home/4.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Traveling</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
</div>
<div class=”col-lg-6 col-md-6″>
<!– grid style 2 –>
<div class=”grid-style-2 mb-20″>
<div class=”grid-style-2-img mb-10″> <img src=”img/technology-home/2.jpg” alt=””> <a href=”#” class=”post-label bg-info”>Fashion</a> </div>
<div class=”grid-style-2-content”>
<h4 class=”grid-style-2-title mb-10″> <a href=”#” class=”font-size-18″>Reliable for your business consultancy</a> </h4>
<p>Lorem ipsum dolor sit onsectetuer adipiscing nsectetuer sfsafdhw adipiscing consecte consectetuer sfsafdhw adipiscing ipsum…</p>
<ul class=”post-meta list-inline d-flex align-items-center”>
<li class=”list-inline-item d-flex align-items-center”><img src=”img/featured-post/author-img.jpg” class=”rounded-circle pr-6 w-auto” alt=””> John Doe</li>
<li class=”list-inline-item”>01 Jan <span class=”current-year”></span></li>
</ul>
</div>
</div>
<!– grid style 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/technology-home/5.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Mobile</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
<!– listing post 2 –>
<div class=”listing-post-2 mb-20″>
<div class=”listing-post-2-thumbnail”> <a href=”#”><img src=”img/technology-home/6.jpg” alt=””></a> </div>
<div class=”listing-post-2-content”>
<div class=”listing-post-2-meta”><a href=”#” class=”post-label bg-danger mb-6 mr-6″>Event</a> <a href=”#”>Jan 01, 2030</a></div>
<div class=”listing-post-2-title”><a href=”#”>Integrated solutions designed for all business</a></div>
</div>
</div>
<!– listing post 2 end –>
</div>
</div>
</div>
<div class=”col-lg-4″>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>Subscribe to Newsletter</h2>
</div>
<!– sidebar title end –>
<!– sidebar subscribe widget –>
<div class=”sidebar-subscribe-widget mb-50″>
<form>
<input name=”email” placeholder=”Email Address” type=”email”>
<button type=”submit”>Subscribe</button>
</form>
</div>
<!– sidebar subscribe widget end –>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>Trending</h2>
</div>
<!– sidebar title end –>
<!– trending box –>
<ul class=”trending-box mb-50″>
<li>
<div class=”item-info”>Jan 01, <span class=”current-year”></span></div>
<h4><a href=”#”>Passion for dreams redefining new business goals online</a></h4>
</li>
<li>
<div class=”item-info”>Jan 01, <span class=”current-year”></span></div>
<h4><a href=”#”>Passion for dreams redefining new business goals online</a></h4>
</li>
<li>
<div class=”item-info”>Jan 01, <span class=”current-year”></span></div>
<h4><a href=”#”>Passion for dreams redefining new business goals online</a></h4>
</li>
</ul>
<!– trending box end –>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>Top News</h2>
</div>
<!– sidebar title end –>
<!– sidebar top news –>
<div class=”owl-carousel owl-theme carousel-arrow-style-1 mb-50″>
<div class=”item”>
<!– sidebar top news box –>
<div class=”sidebar-top-news-box”>
<div class=”sidebar-top-news-box-img”><img src=”img/top-news/1.jpg” alt=””></div>
<div class=”sidebar-top-news-box-text d-flex align-items-center”>
<div class=”sidebar-center”>
<div class=”heading-title-small”>The Most Popular</div>
<div class=”heading-title”><a href=”#”>Travel Blog</a></div>
</div>
</div>
</div>
<!– sidebar top news box end –>
</div>
<div class=”item”>
<!– sidebar top news box –>
<div class=”sidebar-top-news-box”>
<div class=”sidebar-top-news-box-img”><img src=”img/top-news/2.jpg” alt=””></div>
<div class=”sidebar-top-news-box-text d-flex align-items-center”>
<div class=”sidebar-center”>
<div class=”heading-title-small”>The Most Popular</div>
<div class=”heading-title”><a href=”#”>Sports Blog</a></div>
</div>
</div>
</div>
<!– sidebar top news box end –>
</div>
<div class=”item”>
<!– sidebar top news box –>
<div class=”sidebar-top-news-box”>
<div class=”sidebar-top-news-box-img”><img src=”img/top-news/3.jpg” alt=””></div>
<div class=”sidebar-top-news-box-text d-flex align-items-center”>
<div class=”sidebar-center”>
<div class=”heading-title-small”>The Most Popular</div>
<div class=”heading-title”><a href=”#”>Beauty Blog</a></div>
</div>
</div>
</div>
<!– sidebar top news box end –>
</div>
</div>
<!– sidebar top news end –>
<!– sidebar title –>
<div class=”block-title mb-30″>
<h2 class=”border-dark”>Tags</h2>
</div>
<!– sidebar title end –>
<!– tags list –>
<ul class=”tags-list mb-50″>
<li><a href=”#”>Fashion</a></li>
<li><a href=”#”>Food</a></li>
<li><a href=”#”>Mobile</a></li>
<li><a href=”#”>Technology</a></li>
<li><a href=”#”>Travel</a></li>
<li><a href=”#”>Video</a></li>
<li><a href=”#”>Watch</a></li>
<li><a href=”#”>Sports</a></li>
<li><a href=”#”>Life Style</a></li>
<li><a href=”#”>Event</a></li>
<li><a href=”#”>Business</a></li>
<li><a href=”#”>Culture</a></li>
<li><a href=”#”>Featured</a></li>
<li><a href=”#”>Ipad</a></li>
<li><a href=”#”>Beauty</a></li>
</ul>
<!– tags list end –>
</div>
</div>
</div>
<!– ================ Third block end ================ –>
<!– ================ Instagram wrapper ================ –>
<div class=”instagram-wrapper pb-50″>
<div class=”owl-carousel owl-theme instagram-carousel”>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/1.jpg” alt=””></div>
<div class=”insta-tag”><span>Life Style</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/2.jpg” alt=””></div>
<div class=”insta-tag”><span>Food</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/3.jpg” alt=””></div>
<div class=”insta-tag”><span>Business</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/4.jpg” alt=””></div>
<div class=”insta-tag”><span>Beauty</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/5.jpg” alt=””></div>
<div class=”insta-tag”><span>Event</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/6.jpg” alt=””></div>
<div class=”insta-tag”><span>Sports</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
<div class=”item”>
<!– instagram item –>
<div class=”instagram-item”><a href=”#”>
<div class=”instagram-item-img”><img src=”img/instagram/7.jpg” alt=””></div>
<div class=”insta-tag”><span>Travel</span></div>
<div class=”instagram-item-actionbox d-flex align-items-center”>
<ul class=”list-inline m-auto”>
<li class=”list-inline-item”><i class=”far fa-heart”></i> 20</li>
<li class=”list-inline-item”><i class=”far fa-comments”></i> 05</li>
</ul>
</div>
</a> </div>
<!– instagram item end –>
</div>
</div>
</div>
<!– ================ Instagram wrapper end ================ –>
<!– advertisement banner –>
<div class=”container”>
<div class=”advertisement-banner mb-50″> <a href=”#”><img src=”img/advertisement-banner-2.jpg” alt=””></a> </div>
</div>
<!– advertisement banner end –>
<!– ================ Footer area ================ –>
<footer class=”pt-50″>
<!– footer top –>
<div class=”footer-top”>
<div class=”container”>
<div class=”row”>
<div class=”col-lg-4 col-md-6 col-sm-12 mb-30″>
<!– footer contact us –>
<ul class=”footer-contact-us”>
<li>
<h5>Address</h5>
<span>Lorem ipsum dolor sit,<br>
New York</span> </li>
<li>
<h5>Phone</h5>
<span><a href=”tel:+(0123-456-786)”>+ (0123 456 786)</a></span> </li>
<li>
<h5>Email</h5>
<span><a href=”mailto:info@example.com”>info@example.com</a></span> </li>
</ul>
<!– footer contact us end –>
</div>
<div class=”col-lg-4 col-md-6 col-sm-12 mb-18″>
<!– footer title –>
<h5 class=”footer-title”>Links</h5>
<!– footer title end –>
<div class=”row”>
<div class=”col-lg-6 col-md-6 col-sm-6 col-6″>
<!– footer link –>
<ul class=”footer-link”>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About Us</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Privacy Notice</a></li>
<li><a href=”#”>Fashion</a></li>
</ul>
<!– footer link end –>
</div>
<div class=”col-lg-6 col-md-6 col-sm-6 col-6″>
<!– footer link –>
<ul class=”footer-link”>
<li><a href=”#”>Project</a></li>
<li><a href=”#”>Blog</a></li>
<li><a href=”#”>Contact Us</a></li>
<li><a href=”#”>Lifestyle</a></li>
<li><a href=”#”>Travel Tips</a></li>
</ul>
<!– footer link end –>
</div>
</div>
</div>
<div class=”col-lg-4 col-md-6 col-sm-12 mb-30″>
<!– footer title –>
<h5 class=”footer-title”>About Us</h5>
<!– footer title end –>
<p>Lorem ipsum dolor sit ametdas conr adipiing elit amet consectetur adipig adipiing elit amet consectetur adipig et eletum nullad eu placerat felis etiam tincidunt orci lacusidsads.</p>
<!– footer social –>
<div class=”footer-social mt-20″> <a href=”#”><i class=”fab fa-facebook-f”></i></a> <a href=”#”><i class=”fa-brands fa-x-twitter”></i></a> <a href=”#”><i class=”fab fa-pinterest-p”></i></a> <a href=”#”><i class=”fab fa-instagram”></i></a> </div>
<!– footer social end –>
</div>
</div>
</div>
</div>
<!– footer top end –>
<!– copyright footer –>
<div class=”copyright-footer text-center pt-10 pb-10 mt-20″>
</div>
<!– copyright footer end –>
</footer>
<!– ================ Footer area end ================ –>
<!– ================ Top scroll ================ –>
<a href=”#” class=”scroll-top”><i class=”fas fa-long-arrow-alt-up”></i></a>
<!– ================ Top scroll end ================ –>
<!– js files –>
<script src=”js/jquery-3.6.0.min.js”></script>
<script src=”js/bootstrap.bundle.min.js”></script>
<!– counter js –>
<script src=”js/jquery-1.10.2.min.js”></script>
<script src=”js/waypoints.min.js”></script>
<script src=”js/jquery.counterup.min.js”></script>
<!– venobox js –>
<script src=”js/venobox.min.js”></script>
<!– owl carousel –>
<script src=”js/owl.carousel.min.js”></script>
<!– portfolio js –>
<script src=”js/jquery.mixitup.min.js”></script>
<!– script js –>
<script src=”js/custom.js”></script>
</body>
</html>
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
7. 本站有不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别！
66源码网 » 多功能新闻博客资讯网站系统源码设计
