View file Nemesis_html-v1.0.6/nemesis-v1.0.6/blog.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nemesis | Magazine Blog HTML Template</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:600,700%7CNunito:300,400" rel="stylesheet">
<link href="./css/animate.min.css" rel="stylesheet" media="screen">
<link href="./css/fonts.css" rel="stylesheet" media="screen">
<link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="./css/style.css" rel="stylesheet" media="screen">
</head>
<body>
<div id="fbt-content-overlay" onclick="closeNav()"></div>
<form autocomplete="off" id="search" role="search">
<div class="input">
<input class="search" name="search" placeholder="Search..." type="text" />
<button class="submit fa fa-search" type="submit" value=""></button>
</div>
<button id="close" type="reset" value="">×</button>
</form><!-- #search -->
<div id="page-wrapper" class="magazine-view feed-view">
<div class="fbt-headline clearfix" id="headline">
<div class="container">
<div class="row align-items-center justify-content-between py-1 py-md-0">
<div class="col-md-7 left-headline-content">
<div class="fbt-left-headline" id="left-headline">
<ul class="nav justify-content-center justify-content-md-start">
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
<div class="col-md-5 right-headline-content">
<div class="fbt-right-headline" id="right-headline">
<ul class="nav justify-content-center justify-content-md-end social-icons">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-facebook"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-twitter"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-instagram"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-youtube-play"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- .fbt-headline -->
<nav class="navbar navbar-expand-xl navbar-fbt fbt-nav-skin fbt_sticky_nav m-0">
<div class="container nav-mobile-px clearfix">
<div class="navbar-brand order-2 order-xl-1 m-auto">
<a href="./blog.html"><img alt="Nemesis" src="./images/logo_nemesis.png"></a>
</div>
<button aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler order-1 order-xl-2"
data-target="#navbar-menu" data-toggle="collapse" type="button">☰</button>
<div class="header-buttons order-3 order-lg-4">
<span class="fa fa-search navbar-search search-trigger"></span>
<span class="fbt-sidenav ml-1 active" onclick="openNav()">☰</span>
</div>
<div class="collapse navbar-collapse order-4 order-xl-3 clearfix" id="navbar-menu">
<ul class="navbar-nav m-auto clearfix">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown">Home</a>
<div class="dropdown-menu">
<a href="./index.html" class="dropdown-item">Home 1</a>
<a href="./index-2.html" class="dropdown-item">Home 2</a>
<a href="./index-3.html" class="dropdown-item">Home 3</a>
<a href="./index-4.html" class="dropdown-item">Home 4</a>
<a href="./index-5.html" class="dropdown-item">Home 5</a>
<a href="./blog.html" class="dropdown-item">Home 6</a>
</div>
</li>
<li class="nav-item">
<a href="./contact_mag.html" class="nav-link">Contact</a>
</li>
<li class="nav-item">
<a href="./blog.html" class="nav-link">Blog</a>
</li>
<li class="nav-item dropdown fbt-megamenu mega-category d-none d-xl-block">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Favorites</a>
<div class="dropdown-menu fullwidth sub-mega-category py-0">
<div class="container">
<div class="row px-3">
<div class="col-3 fbt-childs-cats px-0 py-3 border-left border-right">
<div class="nav flex-column nav-pills" role="tablist" aria-orientation="vertical">
<a class="nav-link fbt-child-cat active" data-toggle="pill" href="#child-cat_1" role="tab" aria-selected="true">All</a>
<a class="nav-link fbt-child-cat" data-toggle="pill" href="#child-cat_2" role="tab" aria-selected="false">Politics</a>
<a class="nav-link fbt-child-cat" data-toggle="pill" href="#child-cat_3" role="tab" aria-selected="false">Lifestyle</a>
<a class="nav-link fbt-child-cat" data-toggle="pill" href="#child-cat_4" role="tab" aria-selected="false">Sport</a>
</div>
</div>
<div class="col-9 pr-0 py-4">
<div class="tab-content fbt-megablock-cats">
<div class="tab-pane fade show active" id="child-cat_1" role="tabpanel">
<div class="row px-2">
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-2.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-3.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Quisque lorem nulla, lacinia risus a, varius tempor est.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-4.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
<span class="video-icon"><i class="fa fa-play"></i></span>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Suspendisse nec vehicula ipsum, a luctus metus.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-5.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Duis lacinia lobortis, mollis magna vel, auctor tellus.</a></h3>
</div>
</div>
</div>
</div>
</div><!-- tab-1 -->
<div class="tab-pane fade" id="child-cat_2" role="tabpanel">
<div class="row px-2">
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-6.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-7.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Quisque lorem nulla, lacinia risus a, varius tempor est.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-8.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Suspendisse nec vehicula ipsum, a luctus metus.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-9.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Duis lacinia lobortis, mollis magna vel, auctor tellus.</a></h3>
</div>
</div>
</div>
</div>
</div><!-- tab-2 -->
<div class="tab-pane fade" id="child-cat_3" role="tabpanel">
<div class="row px-2">
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-10.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-11.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Quisque lorem nulla, lacinia risus a, varius tempor est.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-12.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Suspendisse nec vehicula ipsum, a luctus metus.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-13.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Duis lacinia lobortis, mollis magna vel, auctor tellus.</a></h3>
</div>
</div>
</div>
</div>
</div><!-- tab-3 -->
<div class="tab-pane fade" id="child-cat_4" role="tabpanel">
<div class="row px-2">
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-14.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-15.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Quisque lorem nulla, lacinia risus a, varius tempor est.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-16.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Suspendisse nec vehicula ipsum, a luctus metus.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-17.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Duis lacinia lobortis, mollis magna vel, auctor tellus.</a></h3>
</div>
</div>
</div>
</div>
</div><!-- tab-4 -->
</div>
</div>
</div>
</div>
</div>
</li><!-- .fbt-megamenu.mega-category -->
<li class="nav-item">
<a href="./error.html" class="nav-link">Error Page</a>
</li>
<li class="nav-item dropdown fbt-megamenu mega-grid d-none d-xl-block">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Lifestyle</a>
<div class="dropdown-menu fullwidth sub-mega-grid py-4">
<div class="container px-3">
<div class="row px-2">
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-5.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-8.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Quisque lorem nulla, lacinia risus a, varius tempor est.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-9.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Suspendisse nec vehicula ipsum, a luctus metus.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-11.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">Morbi lobortis dolor eget dapibus lobortis.</a></h3>
</div>
</div>
</div>
<div class="col px-2">
<div class="fbt-mega-item">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/img-16.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="title-caption pt-2 px-2">
<h3><a href="#">
Design Lorem ipsum dolor sit amet, consectetur.</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</li><!-- .fbt-megamenu.mega-grid -->
<li class="nav-item">
<a href="#" class="nav-link">Policy</a>
</li>
</ul>
</div>
</div>
</nav><!-- .navbar end-->
<div class="outer-wrapper my-5" id="outer-wrapper">
<div class="fbt-gallery bg-light py-5 mt-n5 mb-5">
<div class="container-fluid fbt-elastic-container fbt-gallery-1 px-lg-5">
<div class="row px-2">
<div class="col-lg-3 col-md-6 mb-4 mb-lg-0 px-2">
<div class="post-item card">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-18.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
<span class="video-icon"><i class="fa fa-play"></i></span>
</div>
<div class="fbt-post-caption">
<div class="title-caption text-center p-4">
<div class="post-meta mb-2">
<span class="post-author">
<a href="#">fbtemplates</a>
</span>
<span class="post-date published">June 19, 2019</span>
</div>
<h3 class="post-title">
<a href="./single_mag.html">
Mihi vero, inquit, placet agi subtilius et pressius.
</a>
</h3>
</div>
</div>
</div>
</div>
<div class="col-lg col-md-6 mb-4 mb-lg-0 px-2">
<div class="post-item card">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-19.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="fbt-post-caption">
<div class="title-caption text-center p-4">
<div class="post-meta mb-2">
<span class="post-author">
<a href="#">fbtemplates</a>
</span>
<span class="post-date published">June 19, 2019</span>
</div>
<h3 class="post-title">
<a href="./single_mag.html">
Ne amores quidem sanctos alienos esse.
</a>
</h3>
</div>
</div>
</div>
</div>
<div class="col-lg col-md-6 mb-4 mb-md-0 px-2">
<div class="post-item card">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-21.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="fbt-post-caption">
<div class="title-caption text-center p-4">
<div class="post-meta mb-2">
<span class="post-author">
<a href="#">fbtemplates</a>
</span>
<span class="post-date published">June 19, 2019</span>
</div>
<h3 class="post-title">
<a href="./single_mag.html">
Suspendisse sed tortor eget justo aliquam.
</a>
</h3>
</div>
</div>
</div>
</div>
<div class="col-lg col-md-6 mb-4 mb-lg-0 px-2">
<div class="post-item card">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-14.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="fbt-post-caption">
<div class="title-caption text-center p-4">
<div class="post-meta mb-2">
<span class="post-author">
<a href="#">fbtemplates</a>
</span>
<span class="post-date published">June 19, 2019</span>
</div>
<h3 class="post-title">
<a href="./single_mag.html">
Nunc accumsan ex ligula, in malesuada.
</a>
</h3>
</div>
</div>
</div>
</div>
<div class="col-lg col-md-6 px-2">
<div class="post-item card">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-13.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="fbt-post-caption">
<div class="title-caption text-center p-4">
<div class="post-meta mb-2">
<span class="post-author">
<a href="#">fbtemplates</a>
</span>
<span class="post-date published">June 19, 2019</span>
</div>
<h3 class="post-title">
<a href="./single_mag.html">
Nunc accumsan ex ligula, in malesuada.
</a>
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .fbt-gallery -->
<div class="container fbt-elastic-container mb-5">
<div class="widget fbt-ad-block">
<div class="fbt_ad text-center">
<div class="widget-content">
<a href="#">
<img alt="" class="img-fluid lazyloaded" data-src="./images/horizontal_ad.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
</div>
</div>
<div class="container fbt-elastic-container">
<div class="row justify-content-center">
<!-- Main Wrapper -->
<div class="fbt-main-wrapper col-lg-8 mb-5 mb-lg-0">
<div id="main-wrapper">
<div class="main-section" id="main_content">
<div class="fbt-sep-title">
<h4 class="title title-heading-left">Recent posts</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="blog-posts fbt-index-post-wrap">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-13.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Design</span>
<h3 class="post-title">
<a href="./single_mag.html">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">June 19, 2019</span>
</div>
<p class="post-excerpt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis leo
et bibendum pretium. Suspendisse ligula neque, ultrices nec interdum fauc…
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-14.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Friends</span>
<h3 class="post-title">
<a href="./single_mag.html">
Nunc tellus libero, tempus id luctus eget, fermentum.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">June 05, 2019</span>
</div>
<p class="post-excerpt">
Donec dolor elit, pellentesque a massa pellentesque, euismod sagittis ipsum.
Nullam a diam ac turpis iaculis vulputate. Nunc tellus libero, tempus id…
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-15.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Slider</span>
<h3 class="post-title">
<a href="./single_mag.html">
Nulla sed eros sit amet ipsum mattis pulvinar quis quis sem.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">September 13, 2018</span>
</div>
<p class="post-excerpt">
Fames dictumst massa massa, qui sapien per, mauris id sed cubilia
suspendisse neque. Proin natoque consectetuer urna sed sodales, dignissim condiment…
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-16.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
<span class="video-icon"><i class="fa fa-play"></i></span>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Lifestyle</span>
<h3 class="post-title">
<a href="./single_mag.html">
Lorem ipsum dolor sit amet. Custom Post Gallery.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">May 25, 2018</span>
</div>
<p class="post-excerpt">
Phasellus deserunt. Convallis perspiciatis fusce fermentum accumsan, arcu
aliquam, velit venenatis augue proin, enim etiam dolor. Mi ac lectus vitae …
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-17.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Friends</span>
<h3 class="post-title">
<a href="./single_mag.html">
Lorem ipsum sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">April 02, 2017</span>
</div>
<p class="post-excerpt">
Phasellus deserunt. Convallis perspiciatis fusce fermentum accumsan, arcu
aliquam, velit venenatis augue proin, enim etiam dolor. Mi ac lectus vitae …
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-18.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Friends</span>
<h3 class="post-title">
<a href="./single_mag.html">
Nunc accumsan ex ligula, in sapien consectetur.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">March 31, 2017</span>
</div>
<p class="post-excerpt">
Donec dolor elit, pellentesque a massa pellentesque, euismod sagittis ipsum.
Nullam a diam ac turpis iaculis vulputate. Nunc tellus libero, tempus id…
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-19.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">Carousel</span>
<h3 class="post-title">
<a href="./single_mag.html">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">March 30, 2017</span>
</div>
<p class="post-excerpt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo
vel nulla posuere accumsan. Suspendisse sed tortor eget justo aliquam euismod.…
</p>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post hentry fbt-index-post row align-items-center justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/mag-img-20.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
<div class="col-xl-6 col-md-7">
<div class="fbt-post-caption mt-3 mt-md-0">
<span class="post-tag index-post-tag">People</span>
<h3 class="post-title">
<a href="./single_mag.html">
Suspendisse posuere mi lacus, leo gravida eu.
</a>
</h3>
<div class="post-meta mb-2">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">March 28, 2017</span>
</div>
<p class="post-excerpt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo
vel nulla posuere accumsan. Suspendisse sed tortor eget justo aliquam euism…
</p>
</div>
</div>
</div>
</div><!-- .fbt-index-post-wrap -->
<div class="pagenav" id="blog-pager">
<span class="showpageOf">2 / 3</span>
<span class="showpage firstpage">
<a href="#">
<i class="fa fa-angle-double-left"></i>
</a>
</span>
<span class="showpage">
<a href="#">
<i class="fa fa-angle-left"></i>
</a>
</span>
<span class="displaypageNum">
<a href="#">1</a>
</span>
<span class="page current">2</span>
<span class="displaypageNum">
<a href="#">3</a>
</span>
<span class="displaypageNum">
<a href="#">
<i class="fa fa-angle-right"></i>
</a>
</span>
<span class="displaypageNum lastpage">
<a href="#">
<i class="fa fa-angle-double-right"></i>
</a>
</span>
</div><!-- .pagenav -->
</div>
</div><!-- #main-wrapper -->
</div><!-- .fbt-main-wrapper -->
<div class="fbt-main-sidebar col-lg-4">
<div class="fbt-main-sidebar__content h-100 pl-lg-3">
<div class="widget FeaturedPost mb-5">
<div class="fbt-sep-title">
<h4 class="title title-heading-left">Featured Post</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="widget-content">
<div class="FeaturedPostContainer">
<div class="fbt-item-thumbnail">
<a class="post-image-link" href="./single_mag.html">
<img alt=" " class="post-thumbnail lazyloaded" data-src="./images/mag-img-20.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="fbt-title-section mt-3">
<div class="post-meta mb-2">
<span class="post-author">fbtemplates</span>
<span class="post-date published">March 08, 2017</span>
</div>
<h3 class="post-title">
<a href="./single_mag.html">
Etiam nec enim id mi maximus consequat sed ut tortor.
</a>
</h3>
<p class="post-excerpt">
Suspendisse posuere mi lacus, vitae fringilla leo gravida eu. Donec a nisi
vel ligula fringilla tem…
</p>
</div>
</div>
</div>
</div>
<div class="widget fbt_list_posts mb-5">
<div class="fbt-sep-title">
<h4 class="title title-heading-left">Popular Posts</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="widget-content">
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-1.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Lifestyle</span>
<h3 class="post-title">
<a href="./single_mag.html">Sed odio eros, dictum non augue et, tincidunt.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2017</span>
</div>
</div>
</div>
</article>
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-2.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Technology</span>
<h3 class="post-title">
<a href="./single_mag.html"> Ne amores quidem sanctos alienos esse.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2017</span>
</div>
</div>
</div>
</article>
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-3.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Featured</span>
<h3 class="post-title">
<a href="./single_mag.html">Suspendisse sed tortor eget justo aliquam euismod.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2017</span>
</div>
</div>
</div>
</article>
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-4.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Sport</span>
<h3 class="post-title">
<a href="./single_mag.html">Nunc accumsan ex ligula, in malesuada sapien.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2017</span>
</div>
</div>
</div>
</article>
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-5.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Family</span>
<h3 class="post-title">
<a href="./single_mag.html">Mihi vero, inquit, placet agi subtilius et pressius.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2017</span>
</div>
</div>
</div>
</article>
</div>
</div><!-- .fbt_list_posts -->
<div class="widget fbt-sticky-content sticky-top fbt-ad-block">
<div class="fbt_ad text-center">
<span class="fbt-ad-title">
Advertisement <span class="ad_block"></span>
</span>
<div class="widget-content">
<a href="#">
<img alt="Advertisement" class="lazyloaded img-fluid" data-src="./images/ad-300x600.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
</div>
</div><!-- .fbt-ad-block -->
</div>
</div><!-- .fbt-main-sidebar -->
<!-- Sidebar Wrapper -->
<div class="sidebar-wrapper" id="sidebar-wrapper">
<div class="sidebar-wrapper__content">
<div class="navigation-container clearfix">
<span class="closebtn" onclick="closeNav()">×</span>
</div>
<div class="sidebar-top section" id="menu_sidebar">
<div class="widget LinkList mt-0">
<div class="widget-content fbt-sidebar--menu">
<ul class="list-group">
<li class="list-group-item"><a href="/">HOME</a></li>
<li class="list-group-item"><a href="#">ABOUT</a></li>
<li class="list-group-item"><a href="#">SERVICES</a></li>
<li class="list-group-item"><a href="#">CONTACT</a></li>
<li class="list-group-item"><a href="#">PRIVACY</a></li>
</ul>
</div>
</div>
</div>
<div class="sidebar section" id="main_sidebar">
<div class="widget Label">
<div class="fbt-sep-title">
<h4 class="title title-heading-left">Categories</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="widget-content cloud-label--widget-content">
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Business</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Carousel</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Design</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Entertainment</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Featured</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Friends</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Home</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Lifestyle</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">People</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Slider</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Sport</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Technology</span></a>
<a href="#"><span class="badge badge-success py-1 px-2 mb-1">Training</span></a>
</div>
</div>
<div class="widget BlogArchive">
<div class="fbt-sep-title">
<h4 class="title title-heading-left">Archive</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="widget-content">
<div id="ArchiveList">
<div id="BlogArchive1_ArchiveList">
<ul class="flat list-unstyled">
<li class="archivedate">
<a href="#">June<span class="post-count float-right badge badge-primary">2</span></a>
</li>
<li class="archivedate">
<a href="#">September<span class="post-count float-right badge badge-primary">1</span></a>
</li>
<li class="archivedate">
<a href="#">May<span class="post-count float-right badge badge-primary">1</span></a>
</li>
<li class="archivedate">
<a href="#">April<span class="post-count float-right badge badge-primary">1</span></a>
</li>
<li class="archivedate">
<a href="#">March<span class="post-count float-right badge badge-primary">26</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- #sidebar-wrapper -->
</div>
</div>
</div><!-- .outer-wrapper -->
<div class="fbt-newsletter-area">
<div class="fbt-bottom-section clearfix" id="fbt_bottom_section">
<div class="widget FollowByEmail">
<div class="container">
<div class="row justify-content-center">
<div class="follow-by-email-inner subscriber-form col-lg-12">
<div class="card-- py-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6">
<h2 class="title mb-4 mb-lg-0 text-center text-lg-left">
Subscribe to our Newsletter!!!
</h2>
</div>
<div class="ml-lg-auto col-lg-6">
<form action="#" class="fbt-email-form" method="post">
<input autocomplete="off" class="follow-by-email-address" name="email" placeholder="Enter your Email" type="email">
<input class="follow-by-email-submit" type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .FollowByEmail -->
</div>
</div>
<div class="footer-dark footer-black pt-5" id="footer-content">
<div class="container pb-4">
<div class="row clearfix">
<div class="col-lg-4">
<div class="footer-1 section">
<div class="fbt_list_posts">
<h4 class="title title-heading">
Latest Articles
</h4>
<div class="widget-content">
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-6.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Design</span>
<h3 class="post-title">
<a href="./single_mag.html">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2017</span>
</div>
</div>
</div>
</article>
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-2.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Tech</span>
<h3 class="post-title">
<a href="./single_mag.html">
Nunc tellus libero, tempus id luctus eget, fermentum.
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2017</span>
</div>
</div>
</div>
</article>
<article class="post mb-3">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single_mag.html">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/thumb-5.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="ml-3 fbt-title-caption media-body">
<span class="pp-post-tag">Featured</span>
<h3 class="post-title">
<a href="./single_mag.html">
Mihi vero, inquit, placet agi subtilius et pressius.
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2017</span>
</div>
</div>
</div>
</article>
</div>
</div><!-- .fbt_list_posts -->
</div>
</div>
<div class="col-lg-6 ml-lg-auto">
<div class="row">
<div class="col-lg-12 mb-3">
<div class="footer-2 section">
<div class="logoImage">
<div class="widget-content">
<img alt="" src="./images/logo-light.png">
</div>
</div>
<div class="widget Text">
<div class="widget-content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut porttitor leo vel nulla posuere accumsan.
Suspendisse sed tortor eget justo aliquam euismod.
Ut interdum diam nec imperdiet elementum. Proin condimentum faucibus placerat.
Donec massa justo, porttitor tincidunt eros a, vehicula malesuada tortor.
Praesent nec sem ut justo.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="footer-3 section">
<div class="widget">
<h4 class="title title-heading">
About
</h4>
<div class="widget-content list-label-widget-content">
<ul class="list-unstyled">
<li><a class="label-name" href="#">Home</a></li>
<li><a class="label-name" href="#">Lifestyle</a></li>
<li><a class="label-name" href="#"> People</a></li>
<li><a class="label-name" href="#">Slider</a></li>
<li><a class="label-name" href="#">Sport</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="footer-4 section">
<div class="widget">
<h4 class="title title-heading">
Categories
</h4>
<div class="widget-content list-label-widget-content">
<ul class="list-unstyled">
<li><a class="label-name" href="#">Business</a></li>
<li><a class="label-name" href="#">Design</a></li>
<li><a class="label-name" href="#">Lifestyle</a></li>
<li><a class="label-name" href="#">Technology</a></li>
<li><a class="label-name" href="#">Training</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4 last">
<div class="footer-5 section">
<div class="widget">
<h4 class="title title-heading">
Account
</h4>
<div class="widget-content list-label-widget-content">
<ul class="list-unstyled">
<li><a class="label-name" href="#">Business</a></li>
<li><a class="label-name" href="#">Design</a></li>
<li><a class="label-name" href="#">Entertainment</a></li>
<li><a class="label-name" href="#">Featured</a></li>
<li><a class="label-name" href="#">Technology</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="credits">
<div class="container">
<div class="row divider py-4">
<div class="col-lg-6">
<div class="copyright-section text-center text-lg-left">
©
<script>document.write(new Date().getFullYear());</script> Nemesis | All Rights Reserved
</div>
</div>
<div class="col-lg-6">
<div class="footer-menu section" id="footer-menu">
<div class="widget socialList">
<div class="widget-content">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-facebook"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-twitter"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-instagram"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-youtube-play"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- #footer-content -->
</div><!-- #page-wrapper end -->
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.bundle.min.js"></script>
<script src="./js/plugins.js"></script>
<script src="./js/main.js"></script>
</body>
</html>