View file Nemesis_html-v1.0.6/nemesis-v1.0.6/blog-2.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 bg-light feed-view magazine_2">
<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-2.html"><img alt="Nemesis" src="./images/logo-light.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">
<a href="./index-6.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Contact</a>
</li>
<li class="nav-item">
<a href="./blog-2.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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-6.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 mt-4 mb-5" id="outer-wrapper">
<div class="container fbt-elastic-container">
<div class="row justify-content-center">
<div class="fbt-main-sidebar sidebar-left col-xl-3 col-md-6 mb-5 mb-md-0 order-2 order-xl-1">
<div class="fbt-main-sidebar__content h-100">
<div class="sidebar-block fbt-social-counter card shadow-none pt-2 px-3 pb-3 mb-5">
<div class="fbt-sep-title mt-1">
<h4 class="title title-heading-left">Connect with Us</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="widget">
<ul class="social-list">
<li class="social-item facebook fb">
<a href="#">
<span class="soc-ic"><i class="item-icon fa fa-facebook"></i></span>
<span class="item-counter">2340</span>
<span class="item-text soc-btn">Fans</span>
</a>
</li>
<li class="social-item twitter tw">
<a href="#">
<span class="soc-ic"><i class="item-icon fa fa-twitter"></i></span>
<span class="item-counter">3290</span>
<span class="item-text soc-btn">Followers</span>
</a>
</li>
<li class="social-item instagram instg">
<a href="#">
<span class="soc-ic"><i class="item-icon fa fa-instagram"></i></span>
<span class="item-counter">5212</span>
<span class="item-text soc-btn">Followers</span>
</a>
</li>
</ul><!-- .social-list -->
</div>
</div>
<div class="widget fbt_list_posts fbt_small_thumb fbt-sticky-content sticky-top bg-white border-0 pb-2">
<div class="bg-primary py-2 mb-2 text-center">
<h4 class="title title-heading text-white text-uppercase">Trending News</h4>
</div>
<div class="widget-content">
<article class="post border-bottom px-2 pb-2">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single-6.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">
<h3 class="post-title">
<a href="./single-6.html">Sed odio eros, dictum non augue et...</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-2 py-2">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single-6.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">
<h3 class="post-title">
<a href="./single-6.html"> Ne amores quidem sanctos alienos...</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-2 py-2">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single-6.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">
<h3 class="post-title">
<a href="./single-6.html">Suspendisse sed tortor eget justo...</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-2 py-2">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single-6.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">
<h3 class="post-title">
<a href="./single-6.html">Nunc accumsan ex ligula, in sapien...</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-2 py-2">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single-6.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">
<h3 class="post-title">
<a href="./single-6.html">Mihi vero, inquit, placet agi subtilius...</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2019</span>
</div>
</div>
</div>
</article>
<article class="post px-2 pt-2">
<div class="post-content media align-items-center">
<div class="fbt-item-thumbnail clearfix">
<a href="./single-6.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">
<h3 class="post-title">
<a href="./single-6.html">
Lorem ipsum dolor sit amet, consectetur...
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
</div>
</div><!-- .fbt_list_posts -->
</div>
</div>
<div class="fbt-main-wrapper col-xl-6 mb-5 mb-xl-0 order-1 order-xl-2">
<div id="main-wrapper">
<div class="main-section" id="main_content">
<div class="blog-posts fbt-index-post-wrap">
<div class="fbt_magazine-blog-post fbt-index-post first_post mb-3">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 p-4">
<span class="post-tag index-post-tag">Android</span>
<h2 class="post-title h1 w-75">
<a href="./single-6.html">
<span class="fbt-bg-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</a>
</h2>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">Windows</span>
<h3 class="post-title">
<a href="./single-6.html">
Nunc tellus libero, tempus id luctus eget, fermentum.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">June 05, 2019</span>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">Company</span>
<h3 class="post-title">
<a href="./single-6.html">
Nulla sed eros sit amet ipsum mattis pulvinar quis quis sem.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">September 13, 2018</span>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">Apple</span>
<h3 class="post-title">
<a href="./single-6.html">
Lorem ipsum dolor sit amet. Custom Post Gallery.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">May 25, 2018</span>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">Tech</span>
<h3 class="post-title">
<a href="./single-6.html">
Lorem ipsum sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">April 02, 2019</span>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">Friends</span>
<h3 class="post-title">
<a href="./single-6.html">
Nunc accumsan ex ligula, in sapien consectetur.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">March 31, 2019</span>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">Turism</span>
<h3 class="post-title">
<a href="./single-6.html">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">March 30, 2019</span>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow-none mb-3">
<div class="fbt_magazine-blog-post fbt-index-post row align-items-center mb-0 justify-content-between">
<div class="col-xl-6 col-md-5">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center text-md-left p-4 p-md-0 pr-md-4">
<span class="post-tag index-post-tag">People</span>
<h3 class="post-title">
<a href="./single-6.html">
Suspendisse posuere mi lacus, leo gravida eu.
</a>
</h3>
<div class="post-meta">
<span class="post-author"><a href="#">fbtemplates</a></span>
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</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-xl-3 col-md-6 order-3">
<div class="fbt-main-sidebar__content h-100">
<div class="widget FeaturedPost card shadow-none pt-2 px-3 pb-3 mb-5">
<div class="fbt-sep-title mt-1">
<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-6.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 text-center mt-3">
<div class="post-meta mb-2">
<span class="post-author">fbtemplates</span>
<span class="post-date published">March 08, 2019</span>
</div>
<h5 class="post-title m-0">
<a href="./single-6.html">
Etiam nec enim id mi maximus consequat sed ut tortor.
</a>
</h5>
</div>
</div>
</div>
</div>
<div class="widget fbt_list_posts fbt_free_thumb bg-white border-0 pb-3 mb-5">
<div class="bg-black py-2 mb-2 text-center">
<h4 class="title title-heading text-white text-uppercase">Popular Posts</h4>
</div>
<div class="widget-content">
<article class="post border-bottom px-3 pb-2">
<div class="post-content">
<div class="fbt-title-caption text-center">
<span class="pp-post-tag">Lifestyle</span>
<h3 class="post-title">
<a href="./single-6.html">Sed odio eros, dictum non augue et, tincidunt.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-3 py-2">
<div class="post-content pt-1">
<div class="fbt-title-caption text-center">
<span class="pp-post-tag">Technology</span>
<h3 class="post-title">
<a href="./single-6.html"> Ne amores quidem sanctos alienos esse.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-3 py-2">
<div class="post-content">
<div class="fbt-title-caption text-center">
<span class="pp-post-tag">Featured</span>
<h3 class="post-title">
<a href="./single-6.html">Suspendisse sed tortor eget justo aliquam euismod.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
<article class="post border-bottom px-3 py-2">
<div class="post-content">
<div class="fbt-title-caption text-center">
<span class="pp-post-tag">Sport</span>
<h3 class="post-title">
<a href="./single-6.html">Nunc accumsan ex ligula, in malesuada sapien.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</span>
</div>
</div>
</div>
</article>
<article class="post px-3 pt-2">
<div class="post-content">
<div class="fbt-title-caption text-center">
<span class="pp-post-tag">Family</span>
<h3 class="post-title">
<a href="./single-6.html">Mihi vero, inquit, placet agi subtilius et pressius.</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2019</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 bg-white">
<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="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-6.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-6.html">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 28, 2019</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-6.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-6.html">
Nunc tellus libero, tempus id luctus eget, fermentum.
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2019</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-6.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-6.html">
Mihi vero, inquit, placet agi subtilius et pressius.
</a>
</h3>
<div class="post-meta">
<span class="post-date published">March 27, 2019</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>