View file Nemesis_html-v1.0.6/nemesis-v1.0.6/single-6.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 item-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="./index-6.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 my-5" id="outer-wrapper">
<div class="container fbt-elastic-container">
<div class="row justify-content-center">
<div class="col-xl-9 col-lg-7 mb-5 mb-lg-0">
<div class="post_single card shadow-none pb-5">
<div class="fbt-post-header mb-5">
<div class="row justify-content-center">
<div class="col-9">
<div class="fbt-header-title py-5">
<h1 class="post-title m-0 text-responsive">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</h1>
<div class="post-meta mt-3 pt-3 border-top">
<span class="post-author">fbtemplates</span>
<span class="post-date published">March 08, 2019</span>
</div>
</div>
</div>
</div>
<div class="fbt_magazine-blog-post fbt-item-post first_post">
<div class="fbt-featured-img">
<img alt="" class="post-thumbnail lazyloaded" data-src="./images/slide-3.jpg"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="fbt-main-wrapper col-9">
<div id="main-wrapper">
<div class="main-section" id="main_content">
<div class="blog-posts fbt-item-post-wrap">
<div class="blog-post fbt-item-post">
<div class="post-body post-content">
<p>
Donec dolor elit, pellentesque a massa pellentesque, euismod sagittis ipsum. Nullam a diam ac turpis iaculis
vulputate. Nunc tellus libero, tempus id luctus eget, fermentum et quam. Aliquam erat volutpat. Donec sit amet
nunc vitae justo dapibus dignissim. Vivamus sagittis dignissim massa, auctor aliquam nibh aliquam ut. Nunc
accumsan ex ligula, in malesuada sapien consectetur in. Praesent non lectus sed dolor imperdiet mollis a sit
amet sem. Vivamus eu commodo ligula. Phasellus in lacus eu urna ullamcorper lacinia. Duis tincidunt fringilla
aliquet. Vivamus id luctus tellus. Vestibulum maximus ipsum lacus, tempus suscipit augue fermentum ut.
</p>
<div class="embed-responsive embed-responsive-16by9 mb-3">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8"></iframe>
</div>
<p>
Suspendisse posuere mi lacus, vitae fringilla leo gravida eu. Donec a nisi vel ligula fringilla tempus id vitae
nibh. Sed sollicitudin ante ultrices purus auctor auctor. Etiam turpis sem, mattis sit amet purus id, dapibus
euismod libero. Donec bibendum urna quis orci molestie sodales. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Nunc id purus vel sapien pretium varius eu id risus. Vivamus sit
amet nibh sit amet eros porta iaculis. 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
efficitur tempus. Donec dolor elit, pellentesque a massa pellentesque, euismod sagittis ipsum. Nullam a diam ac
turpis iaculis vulputate. Nunc tellus libero, tempus id luctus eget, fermentum et quam. Aliquam erat volutpat.
Donec sit amet nunc vitae justo dapibus dignissim. Vivamus sagittis dignissim massa, auctor aliquam nibh.
<blockquote class="tr_bq fbt-shape-container">
<div class="card border-0 px-5 pt-5 pb-4">
<p class="pl-5">
Proin consequat purus sit amet blandit sollicitudin. Aliquam in consequat libero. Morbi sollicitudin
dignissim erat laoreet interdum. Phasellus magna velit, consectetur iaculis tincidunt placerat, semper non
sem. Mauris in eleifend libero. Mauris vitae nibh sed felis aliquet dictum sed egestas mauris. Sed varius
est ac nulla eleifend sagittis. Praesent id aliquam eros, in semper est. Maecenas ex enim, ornare ac auctor
sit amet, interdum et justo.
</p>
</div>
</blockquote>
Nunc accumsan ex ligula, in malesuada sapien consectetur in. Praesent non lectus sed dolor imperdiet mollis
a sit amet sem. Vivamus eu commodo ligula. Phasellus in lacus eu urna ullamcorper lacinia. Duis tincidunt
fringilla aliquet. Vivamus id luctus tellus. Vestibulum maximus ipsum lacus, tempus suscipit augue fermentum ut.
Suspendisse posuere mi lacus, vitae fringilla leo gravida eu. Donec bibendum urna quis orci molestie sodales.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc id purus vel
sapien pretium varius eu id risus. Vivamus sit amet nibh sit amet eros porta iaculis. Ut interdum diam nec
imperdiet elementum. Proin condimentum faucibus placerat. Donec massa justo, porttitor tincidunt eros a,
vehicula malesuada tortor.
</p>
<img class="float-left img-fluid mb-4 lazyloaded" data-src="./images/footer_post.jpg" alt=""
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
<p>
Praesent nec sem ut justo efficitur tempus. Donec dolor elit, pellentesque a massa
pellentesque, euismod sagittis ipsum. Nullam a diam ac turpis iaculis vulputate. Nunc tellus libero, tempus id
luctus eget, fermentum et quam. Aliquam erat volutpat. Donec sit amet nunc vitae justo dapibus dignissim.
Vivamus sagittis dignissim massa, auctor aliquam nibh aliquam ut. Nunc accumsan ex ligula, in malesuada sapien
consectetur in. Praesent non lectus sed dolor imperdiet mollis a sit amet sem. Vivamus eu commodo ligula.
Phasellus in lacus eu urna ullamcorper lacinia. Duis tincidunt fringilla aliquet. Vivamus id luctus tellus.
Vestibulum maximus ipsum lacus, tempus suscipit augue fermentum ut. Suspendisse posuere mi lacus, vitae
fringilla leo gravida eu.
</p>
</div>
</div>
</div><!-- .fbt-item-post-wrap -->
</div>
</div><!-- #main-wrapper -->
</div><!-- .fbt-main-wrapper -->
</div>
<div class="post-footer">
<div class="row justify-content-center">
<div class="col-9">
<div class="row align-items-center my-4">
<div class="col-xl-7 text-center text-xl-left mb-3 mb-xl-0">
<div class="post-labels pl-xl-5-">
<span class="mr-2">Tags:</span>
<span class="label-head Label">
<a class="label-link badge badge-secondary py-1 px-3" href="#">Lifestyle</a>
<a class="label-link badge badge-secondary py-1 px-3" href="#">People</a>
<a class="label-link badge badge-secondary py-1 px-3" href="#">Slider</a>
</span>
</div>
</div>
<div class="col-xl-5 text-center text-xl-right">
<div class="sharepost clearfix pr-xl-5-">
<div class="post-share clearfix">
<ul>
<li><a class="facebook fbt-share" href="#" rel="nofollow" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter fbt-share" href="#" rel="nofollow" target="_blank"><i class="fa fa-twitter"></i></a> </li>
<li><a class="linkedin fbt-linkedin" href="#" rel="nofollow" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a class="pinterest fbt-pinterest" href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a class="email fbt-email" href="#" rel="nofollow"><i class="fa fa-envelope-o"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fbt-item-post-pager">
<div class="mt-3">
<div class="col-lg-12">
<div class="post-pager row">
<div class="previous col-lg-6 bg-dark px-4 py-4 text-left">
<a class="fbt-newer-link text-white" href="./single-6.html">
<strong class="text-left pl-3">
<i class="fa fa-angle-left"></i> Previous
</strong>
<div class="h3 text-white fbt-np-title mt-2 pl-3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</a>
</div>
<div class="next col-lg-6 bg-secondary px-4 py-4 text-right">
<a class="fbt-older-link text-white" href="./single-6.html">
<strong class="text-right pr-3">
Next <i class="fa fa-angle-right"></i>
</strong>
<div class="h3 text-white text-right fbt-np-title mt-2 pr-3">
Nulla sed eros sit amet ipsum mattis pulvinar quis quis sem.
</div>
</a>
</div>
</div>
</div>
</div>
</div><!-- .fbt-item-post-pager -->
<div class="fbt-rel-post-wrapper pt-5 pb-4 px-5-">
<div class="row justify-content-center">
<div class="col-10">
<div class="title-wrap fbt-sep-title">
<h4 class="title title-heading-left">Related Articles</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div id="related-posts">
<div class="row">
<div class="col-xl-4 col-lg-12 col-md-4 mb-4 rp-item">
<div class="fbt-post-thumbnail">
<a href="./single-6.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 text-center mt-2 px-2">
<h5>
<a href="./single-6.html">
Nulla profecto est, quin suam vim retineat extremum.
</a>
</h5>
</div>
</div>
<div class="col-xl-4 col-lg-12 col-md-4 mb-4 rp-item">
<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 class="fbt-post-caption text-center mt-2 px-2">
<h5>
<a href="./single-6.html">
Non dolere, inquam, istud quam vim habeat postea.
</a>
</h5>
</div>
</div>
<div class="col-xl-4 col-lg-12 col-md-4 mb-4 rp-item">
<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 class="fbt-post-caption text-center mt-2 px-2">
<h5>
<a href="./single-6.html">
Nulla profecto est, quin suam vim retineat a primo ad.
</a>
</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .fbt-rel-post-wrapper -->
<div class="row justify-content-center mt-5">
<div class="col-10">
<div class="blog-post-comments">
<section class="comments embed" id="comments">
<div class="fbt-sep-title">
<h4 class="title title-heading-left">Comments</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
<div class="comment-list--form">
<div class="comment-list">
<div class="media comment mb-4 border">
<a class="mr-4" href="#">
<img src="./images/user-1.jpg" alt="">
</a>
<div class="media-body">
<h5 class="mb-2">John Doe</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo vel nulla posuere accumsan.
Suspendisse sed tortor eget justo aliquam euismod.
</p>
<div class="comments__actions">
<span class="button">
<a href="#">
<i class="fa fa-comments"></i>Reply
</a>
</span>
</div>
<div class="comment-reply media mt-4">
<a class="mr-4" href="#">
<img src="./images/user-2.jpg" alt="">
</a>
<div class="media-body">
<h5 class="mb-2">John Doe</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo vel nulla posuere accumsan.
</p>
<div class="comments__actions">
<span class="button">
<a href="#">
<i class="fa fa-comments"></i>Reply
</a>
</span>
</div>
</div>
</div><!-- .comment-reply -->
</div>
</div><!-- .comment -->
<div class="media comment mb-4">
<a class="mr-4" href="#">
<img src="./images/user-4.jpg" alt="">
</a>
<div class="media-body">
<h5 class="mb-2">John Doe</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo vel nulla posuere accumsan.
Suspendisse sed tortor eget justo aliquam euismod.
</p>
<div class="comments__actions">
<span class="button">
<a href="#">
<i class="fa fa-comments"></i>Reply
</a>
</span>
</div>
</div>
</div><!-- .comment -->
<div class="media comment mb-4">
<a class="mr-4" href="#">
<img src="./images/user-3.jpg" alt="">
</a>
<div class="media-body">
<h5 class="mt-0">John Doe</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo vel nulla posuere accumsan.
Suspendisse sed tortor eget justo aliquam euismod.
</p>
<div class="comments__actions">
<span class="button">
<a href="#">
<i class="fa fa-comments"></i>Reply
</a>
</span>
</div>
<div class="comment-reply media mt-4">
<a class="mr-4" href="#">
<img src="./images/user-4.jpg" alt="">
</a>
<div class="media-body">
<h5 class="mt-0">John Doe</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor leo vel nulla posuere accumsan.
<div class="comments__actions">
<span class="button">
<a href="#">
<i class="fa fa-comments"></i>Reply
</a>
</span>
</div>
</div>
</div><!-- .comment-reply -->
</div>
</div><!-- .comment -->
<div class="fbt-sep-title mt-5">
<h4 class="title title-heading-left">Leave Your Comment</h4>
<div class="title-sep-container">
<div class="title-sep sep-double"></div>
</div>
</div>
</div><!-- .comment-list -->
<form class="comment-form" method="POST" action="index.html">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="name">Name*</label>
<input class="form-control shadow-none radius-0" id="name" name="name" type="text">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="mail">E-mail*</label>
<input class="form-control shadow-none radius-0" id="mail" name="mail" type="text">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="website">Website</label>
<input class="form-control shadow-none radius-0" id="website" name="website" type="text">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="comment">Comment*</label>
<textarea class="form-control shadow-none radius-0" rows="5" id="comment" name="comment"></textarea>
</div>
</div>
</div>
<button class="btn btn-primary radius-0" type="submit" id="submit-contact">
<i class="fa fa-comment"></i> Post Comment
</button>
</form>
</div>
</section>
</div><!-- .blog-post-comments -->
</div>
</div>
</div><!-- .post-footer -->
</div><!-- .post_single -->
</div>
<div class="fbt-main-sidebar col-xl-3 col-lg-5">
<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 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/city-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>