Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. Thank you so much!
[Note: Need Some Premium Customization Done. Contact Us Via Our User Page Contact Form. ]
The "USNews" template is a responsive HTML template based on Bootstrap 3.3.7. The structure based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.
If you would like to edit the layout of any elements in whole template, you would do the following:
Open any '.html' or, '.css', so that is extremely easy to change any html markup and css attributes. Simply find the related and commented heading in the html or, css file and make your magic.
"USNews" using the following CSS files:
1. Open up your 'FTP Software' of choice and connect to your hosting
2. Browse to required directory (Normally: ./public_html)
3. Extract the '.zip' file and choose which templates to upload.
4. Upload the template to the server.
Once you finished setup successfully, you can customize it as you want. Below are some common frequently asked questions.
<!-- Widget Start -->
<div class="widget">
<!-- Ad Widget Start -->
<div class="ad--widget">
<a href="#">
<img src="img/ads-img/ad-300x250-1.jpg" alt="">
</a>
</div>
<!-- Ad Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Ad Widget Start -->
<div class="ad--widget">
<div class="row">
<div class="col-sm-6">
<a href="#">
<img src="img/ads-img/ad-150x150-1.jpg" alt="">
</a>
</div>
<div class="col-sm-6">
<a href="#">
<img src="img/ads-img/ad-150x150-2.jpg" alt="">
</a>
</div>
</div>
</div>
<!-- Ad Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Ad Widget Start -->
<div class="ad--widget">
<div class="row">
<div class="col-sm-12">
<a href="#">
<img src="img/ads-img/ad-300x250-1.jpg" alt="">
</a>
</div>
<div class="col-sm-6">
<a href="#">
<img src="img/ads-img/ad-150x150-1.jpg" alt="">
</a>
</div>
<div class="col-sm-6">
<a href="#">
<img src="img/ads-img/ad-150x150-2.jpg" alt="">
</a>
</div>
</div>
</div>
<!-- Ad Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Ad Widget Start -->
<div class="ad--widget">
<a href="#">
<img src="img/ads-img/ad-300x600-1.jpg" alt="">
</a>
</div>
<!-- Ad Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--1">
<ul class="nav">
<li class="facebook">
<a href="#">
<span class="icon"><i class="fa fa-facebook-f"></i></span>
<span class="count">521</span>
<span class="title">Likes</span>
</a>
</li>
<li class="twitter">
<a href="#">
<span class="icon"><i class="fa fa-twitter"></i></span>
<span class="count">3297</span>
<span class="title">Followers</span>
</a>
</li>
<li class="google-plus">
<a href="#">
<span class="icon"><i class="fa fa-google-plus"></i></span>
<span class="count">596282</span>
<span class="title">Followers</span>
</a>
</li>
<li class="rss">
<a href="#">
<span class="icon"><i class="fa fa-rss"></i></span>
<span class="count">521</span>
<span class="title">Subscriber</span>
</a>
</li>
<li class="vimeo">
<a href="#">
<span class="icon"><i class="fa fa-vimeo"></i></span>
<span class="count">3297</span>
<span class="title">Followers</span>
</a>
</li>
<li class="youtube">
<a href="#">
<span class="icon"><i class="fa fa-youtube-square"></i></span>
<span class="count">596282</span>
<span class="title">Subscriber</span>
</a>
</li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--2">
<ul class="nav row gutter--20">
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 facebook">
<a href="#">
<span class="icon">
<i class="fa fa-facebook"></i>
<span>Share</span>
</span>
<span class="text">
<span>Facebook</span>
<span>3.12 k</span>
</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 twitter">
<a href="#">
<span class="icon">
<i class="fa fa-twitter"></i>
<span>Tweet</span>
</span>
<span class="text">
<span>Twitter</span>
<span>869</span>
</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 google-plus">
<a href="#">
<span class="icon">
<i class="fa fa-google-plus"></i>
<span>Share</span>
</span>
<span class="text">
<span>Google+</span>
<span>639</span>
</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 dribbble">
<a href="#">
<span class="icon">
<i class="fa fa-dribbble"></i>
<span>Share</span>
</span>
<span class="text">
<span>Dribbble</span>
<span>483</span>
</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 linkedin">
<a href="#">
<span class="icon">
<i class="fa fa-linkedin"></i>
<span>Share</span>
</span>
<span class="text">
<span>LinkedIn</span>
<span>2.2 K</span>
</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 pinterest">
<a href="#">
<span class="icon">
<i class="fa fa-pinterest-p"></i>
<span>Pin it</span>
</span>
<span class="text">
<span>Pinterest</span>
<span>493</span>
</span>
</a>
</li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--2">
<ul class="nav row gutter--20">
<li class="col-md-12 facebook">
<a href="#">
<span class="icon">
<i class="fa fa-facebook"></i>
<span>Share</span>
</span>
<span class="text">
<span>Facebook</span>
<span>3.12 k</span>
</span>
</a>
</li>
<li class="col-md-12 twitter">
<a href="#">
<span class="icon">
<i class="fa fa-twitter"></i>
<span>Tweet</span>
</span>
<span class="text">
<span>Twitter</span>
<span>869</span>
</span>
</a>
</li>
<li class="col-md-12 google-plus">
<a href="#">
<span class="icon">
<i class="fa fa-google-plus"></i>
<span>Share</span>
</span>
<span class="text">
<span>Google+</span>
<span>639</span>
</span>
</a>
</li>
<li class="col-md-12 dribbble">
<a href="#">
<span class="icon">
<i class="fa fa-dribbble"></i>
<span>Share</span>
</span>
<span class="text">
<span>Dribbble</span>
<span>483</span>
</span>
</a>
</li>
<li class="col-md-12 linkedin">
<a href="#">
<span class="icon">
<i class="fa fa-linkedin"></i>
<span>Share</span>
</span>
<span class="text">
<span>LinkedIn</span>
<span>2.2 K</span>
</span>
</a>
</li>
<li class="col-md-12 pinterest">
<a href="#">
<span class="icon">
<i class="fa fa-pinterest-p"></i>
<span>Pin it</span>
</span>
<span class="text">
<span>Pinterest</span>
<span>493</span>
</span>
</a>
</li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--3">
<ul class="nav">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--4">
<ul class="nav">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--5">
<ul class="nav">
<li class="facebook">
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li class="twitter">
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li class="google-plus">
<a href="#"><i class="fa fa-google-plus"></i></a>
</li>
<li class="linkedin">
<a href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li class="rss">
<a href="#"><i class="fa fa-rss"></i></a>
</li>
<li class="youtube">
<a href="#"><i class="fa fa-youtube"></i></a>
</li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--6">
<ul class="nav row gutter--20">
<li class="col-xs-6 col-xxs-12 facebook">
<a href="#">
<span class="icon">
<i class="fa fa-facebook"></i>
</span>
<span class="text">
<i class="fa fa-facebook"></i>
<span>Facebook</span>
</span>
</a>
</li>
<li class="col-xs-6 col-xxs-12 twitter">
<a href="#">
<span class="icon">
<i class="fa fa-twitter"></i>
</span>
<span class="text">
<i class="fa fa-twitter"></i>
<span>Twitter</span>
</span>
</a>
</li>
<li class="col-xs-6 col-xxs-12 google-plus">
<a href="#">
<span class="icon">
<i class="fa fa-google-plus"></i>
</span>
<span class="text">
<i class="fa fa-google-plus"></i>
<span>Google Plus</span>
</span>
</a>
</li>
<li class="col-xs-6 col-xxs-12 pinterest">
<a href="#">
<span class="icon">
<i class="fa fa-pinterest-p"></i>
</span>
<span class="text">
<i class="fa fa-pinterest-p"></i>
<span>Pinterest</span>
</span>
</a>
</li>
<li class="col-xs-6 col-xxs-12 dribbble">
<a href="#">
<span class="icon">
<i class="fa fa-dribbble"></i>
</span>
<span class="text">
<i class="fa fa-dribbble"></i>
<span>Dribbble</span>
</span>
</a>
</li>
<li class="col-xs-6 col-xxs-12 linkedin">
<a href="#">
<span class="icon">
<i class="fa fa-linkedin"></i>
</span>
<span class="text">
<i class="fa fa-linkedin"></i>
<span>Pinterest</span>
</span>
</a>
</li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Stay Connected</h2>
<i class="icon fa fa-share-alt"></i>
</div>
<!-- Social Widget Start -->
<div class="social--widget style--7">
<ul class="nav row">
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 facebook">
<a href="#">
<i class="fa fa-facebook"></i>
<span>Facebook</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 twitter">
<a href="#">
<i class="fa fa-twitter"></i>
<span>Twitter</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 google-plus">
<a href="#">
<i class="fa fa-google-plus"></i>
<span>Google Plus</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 youtube">
<a href="#">
<i class="fa fa-youtube-play"></i>
<span>Youtube</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 rss">
<a href="#">
<i class="fa fa-rss"></i>
<span>RSS</span>
</a>
</li>
<li class="col-md-6 col-sm-12 col-xs-6 col-xxs-12 linkedin">
<a href="#">
<i class="fa fa-linkedin"></i>
<span>Linkedin</span>
</a>
</li>
</ul>
</div>
<!-- Social Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- FB Widget Start -->
<div class="fb--widget">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fthemelooks&tabs&width=340&height=214&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="214" style="border:none;overflow:hidden"></iframe>
</div>
<!-- FB Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- FB Widget Start -->
<div class="fb--widget">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fthemelooks&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1859100401072493" width="340" height="500" style="border:none;overflow:hidden"></iframe>
</div>
<!-- FB Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- FB Widget Start -->
<div class="fb--widget">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fthemelooks&tabs=events&width=340&height=244&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId=1859100401072493" width="340" height="244" style="border:none;overflow:hidden"></iframe>
</div>
<!-- FB Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Twitter Widget Start -->
<div class="twitter--widget">
<a class="twitter-timeline" data-height="380" data-theme="light" href="https://twitter.com/ThemeLooks">Tweets by ThemeLooks</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<!-- Twitter Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Google Plus Widget Start -->
<div class="google-plus--widget">
<script src="https://apis.google.com/js/platform.js" async defer>
{parsetags: 'explicit'}
</script>
<div class="g-page" data-width="323" data-href="https://plus.google.com/108458806077634977267" data-layout="landscape" data-rel="publisher"></div>
</div>
<!-- Google Plus Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Google Plus Widget Start -->
<div class="google-plus--widget">
<script src="https://apis.google.com/js/platform.js" async defer>
{parsetags: 'explicit'}
</script>
<div class="g-page" data-width="323" data-href="https://plus.google.com/108458806077634977267" data-rel="publisher"></div>
</div>
<!-- Google Plus Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Flicker Widget Start -->
<div class="flicker--widget">
<style type="text/css">
.flickrimg {border: 0px solid #666666 !important; padding:0px; margin:5px;}
#flickr_badge_wrapper {width:360px;text-align:left}
</style><div id="flickr_badge_wrapper"><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?count=12&display=latest&size=square&nsid=64801217@N07&raw=1"></script><center><small>create with <a href="http://www.flickrbadge.com">flickr badge</a>.</small></center></div>
</div>
<!-- Flicker Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Get Newsletter</h2>
<i class="icon fa fa-envelope-open-o"></i>
</div>
<!-- Subscribe Widget Start -->
<div class="subscribe--widget">
<div class="content">
<img src="img/widgets-img/mailchimp-logo.png" alt="">
<p>Subscribe to our newsletter to get latest news, popular news and exclusive updates.</p>
</div>
<form action="https://themelooks.us13.list-manage.com/subscribe/post?u=79f0b132ec25ee223bb41835f&id=f4e0e93d1d" method="post" name="mc-embedded-subscribe-form" target="_blank" data-form="mailchimpAjax" novalidate="novalidate">
<div class="input-group">
<input type="email" name="EMAIL" placeholder="E-mail address" class="form-control" autocomplete="off" required>
<div class="input-group-btn">
<button type="submit" class="btn btn-lg btn-default active"><i class="fa fa-paper-plane-o"></i></button>
</div>
</div>
<div class="status"></div>
</form>
</div>
<!-- Subscribe Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Get Newsletter</h2>
<i class="icon fa fa-envelope-open-o"></i>
</div>
<!-- Subscribe Widget Start -->
<div class="subscribe--widget">
<div class="content">
<p>Subscribe to our newsletter to get latest news, popular news and exclusive updates.</p>
</div>
<form action="https://themelooks.us13.list-manage.com/subscribe/post?u=79f0b132ec25ee223bb41835f&id=f4e0e93d1d" method="post" name="mc-embedded-subscribe-form" target="_blank" data-form="mailchimpAjax" novalidate="novalidate">
<div class="input-group">
<input type="email" name="EMAIL" placeholder="E-mail address" class="form-control" autocomplete="off" required>
<div class="input-group-btn">
<button type="submit" class="btn btn-lg btn-default active"><i class="fa fa-paper-plane-o"></i></button>
</div>
</div>
<div class="status"></div>
</form>
</div>
<!-- Subscribe Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Get Newsletter</h2>
<i class="icon fa fa-envelope-open-o"></i>
</div>
<!-- Subscribe Widget Start -->
<div class="subscribe--widget">
<div class="content">
<p>Subscribe to our newsletter to get latest news, popular news and exclusive updates.</p>
</div>
<form action="https://themelooks.us13.list-manage.com/subscribe/post?u=79f0b132ec25ee223bb41835f&id=f4e0e93d1d" method="post" name="mc-embedded-subscribe-form" target="_blank" data-form="mailchimpAjax" novalidate="novalidate">
<input type="email" name="EMAIL" placeholder="E-mail address" class="form-control" autocomplete="off" required>
<button type="submit" class="btn btn-lg btn-block btn-default active">Subscribe</button>
<div class="status"></div>
</form>
</div>
<!-- Subscribe Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Get Newsletter</h2>
<i class="icon fa fa-envelope-open-o"></i>
</div>
<!-- Subscribe Widget Start -->
<div class="subscribe--widget">
<div class="content">
<p>Subscribe to our newsletter to get latest news, popular news and exclusive updates.</p>
</div>
<form action="https://themelooks.us13.list-manage.com/subscribe/post?u=79f0b132ec25ee223bb41835f&id=f4e0e93d1d" method="post" name="mc-embedded-subscribe-form" target="_blank" data-form="mailchimpAjax" novalidate="novalidate">
<input type="text" name="MERGE1" placeholder="First Name" class="form-control" autocomplete="off" required>
<input type="email" name="EMAIL" placeholder="E-mail address" class="form-control" autocomplete="off" required>
<button type="submit" class="btn btn-lg btn-block btn-default active">Subscribe</button>
<div class="status"></div>
</form>
</div>
<!-- Subscribe Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Get Newsletter</h2>
<i class="icon fa fa-envelope-open-o"></i>
</div>
<!-- Subscribe Widget Start -->
<div class="subscribe--widget">
<form action="https://themelooks.us13.list-manage.com/subscribe/post?u=79f0b132ec25ee223bb41835f&id=f4e0e93d1d" method="post" name="mc-embedded-subscribe-form" target="_blank" data-form="mailchimpAjax" novalidate="novalidate">
<input type="text" name="MERGE1" placeholder="First Name" class="form-control" autocomplete="off" required>
<input type="text" name="MERGE2" placeholder="Last Name" class="form-control" autocomplete="off" required>
<input type="email" name="EMAIL" placeholder="E-mail address" class="form-control" autocomplete="off" required>
<button type="submit" class="btn btn-lg btn-block btn-default active">Subscribe</button>
<div class="status"></div>
</form>
</div>
<!-- Subscribe Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Featured News</h2>
<i class="icon fa fa-newspaper-o"></i>
</div>
<!-- List Widgets Start -->
<div class="list--widget list--widget-1">
<div class="list--widget-nav" data-ajax="tab">
<ul class="nav nav-justified">
<li>
<a href="#" data-ajax-action="load_widget_hot_news">Hot News</a>
</li>
<li class="active">
<a href="#" data-ajax-action="load_widget_trendy_news">Trendy News</a>
</li>
<li>
<a href="#" data-ajax-action="load_widget_most_watched">Most Watched</a>
</li>
</ul>
</div>
<!-- Post Items Start -->
<div class="post--items post--items-3" data-ajax-content="outer">
<ul class="nav" data-ajax-content="inner">
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/news-widget-01.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Ninurta</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/news-widget-02.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Orcus</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/news-widget-03.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Rahab</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/news-widget-04.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Tannin</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
</div>
<!-- List Widgets End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title" data-ajax="tab">
<h2 class="h4">Readers Opinion</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_readers_opinion_widget">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_readers_opinion_widget">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- List Widgets Start -->
<div class="list--widget list--widget-2" data-ajax-content="outer">
<!-- Post Items Start -->
<div class="post--items post--items-3">
<ul class="nav" data-ajax-content="inner">
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<span class="thumb"><img src="img/widgets-img/readers-opinion-01.png" alt="" data-rjs="2"></span>
<div class="post--info">
<div class="title">
<h3 class="h4">Long established fact that a reader will be distracted</h3>
</div>
<ul class="nav meta">
<li><span>by Ninurta</span></li>
<li><span>16 April 2017</span></li>
</ul>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<span class="thumb"><img src="img/widgets-img/readers-opinion-02.png" alt="" data-rjs="2"></span>
<div class="post--info">
<div class="title">
<h3 class="h4">Long established fact that a reader will be distracted</h3>
</div>
<ul class="nav meta">
<li><span>by Ninurta</span></li>
<li><span>16 April 2017</span></li>
</ul>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<span class="thumb"><img src="img/widgets-img/readers-opinion-03.png" alt="" data-rjs="2"></span>
<div class="post--info">
<div class="title">
<h3 class="h4">Long established fact that a reader will be distracted</h3>
</div>
<ul class="nav meta">
<li><span>by Ninurta</span></li>
<li><span>16 April 2017</span></li>
</ul>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
</div>
<!-- List Widgets End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title" data-ajax="tab">
<h2 class="h4">Editors Choice</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_editors_choice_widget">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_editors_choice_widget">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- List Widgets Start -->
<div class="list--widget list--widget-1" data-ajax-content="outer">
<!-- Post Items Start -->
<div class="post--items post--items-3">
<ul class="nav" data-ajax-content="inner">
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/editors-choice-01.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Ninurta</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/editors-choice-02.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Orcus</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/editors-choice-03.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Rahab</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/widgets-img/editors-choice-04.jpg" alt="" data-rjs="2"></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Tannin</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
</div>
<!-- List Widgets End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title" data-ajax="tab">
<h2 class="h4">Voting Poll (Checkbox)</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_poll_widget">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_poll_widget">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Poll Widget Start -->
<div class="poll--widget" data-ajax-content="outer">
<ul class="nav" data-ajax-content="inner">
<li class="title">
<h3 class="h4">Which was the best Football World Cup ever in your opinion?</h3>
</li>
<li class="options">
<form action="#">
<div class="checkbox">
<label>
<input type="checkbox" name="option-1">
<span>Brazil 2014</span>
</label>
<p>65%<span style="width: 65%;"></span></p>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="option-2">
<span>South Africa 2010</span>
</label>
<p>28%<span style="width: 28%;"></span></p>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="option-2">
<span>Germany 2006</span>
</label>
<p>07%<span style="width: 07%;"></span></p>
</div>
<button type="submit" class="btn btn-primary">Vote Now</button>
</form>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Poll Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title" data-ajax="tab">
<h2 class="h4">Voting Poll (Radio)</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_poll_widget">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_poll_widget">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Poll Widget Start -->
<div class="poll--widget" data-ajax-content="outer">
<ul class="nav" data-ajax-content="inner">
<li class="title">
<h3 class="h4">Do you think the cost of sending money to mobile phone should be reduced?</h3>
</li>
<li class="options">
<form action="#">
<div class="radio">
<label>
<input type="radio" name="option-1">
<span>Yes</span>
</label>
<p>65%<span style="width: 65%;"></span></p>
</div>
<div class="radio">
<label>
<input type="radio" name="option-1">
<span>No</span>
</label>
<p>28%<span style="width: 28%;"></span></p>
</div>
<div class="radio">
<label>
<input type="radio" name="option-1">
<span>Average</span>
</label>
<p>07%<span style="width: 07%;"></span></p>
</div>
<button type="submit" class="btn btn-primary">Vote Now</button>
</form>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Poll Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Search Widget Start -->
<div class="search--widget">
<form action="#" data-form="validate" novalidate="novalidate">
<div class="input-group">
<input type="search" name="search" placeholder="Search..." class="form-control" required="" aria-required="true">
<div class="input-group-btn">
<button type="submit" class="btn-link"><i class="fa fa-search"></i></button>
</div>
</div>
</form>
</div>
<!-- Search Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Search Widget Start -->
<div class="search--widget">
<form action="#" data-form="validate" novalidate="novalidate">
<div class="input-group">
<input type="search" name="search" placeholder="Search..." class="form-control" required="" aria-required="true">
<div class="input-group-btn">
<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
</div>
</div>
</form>
</div>
<!-- Search Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Search Widget Start -->
<div class="search--widget">
<form action="#" data-form="validate" novalidate="novalidate">
<div class="input-group">
<div class="input-group-btn dropdown">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li>
<label for="searchType01">
<input type="radio" name="searchType" id="searchType01" checked>
<span>News</span>
</label>
</li>
<li>
<label for="searchType02">
<input type="radio" name="searchType" id="searchType02">
<span>Posts</span>
</label>
</li>
<li>
<label for="searchType03">
<input type="radio" name="searchType" id="searchType03">
<span>Products</span>
</label>
</li>
</ul>
</div>
<input type="search" name="search" placeholder="Search..." class="form-control" required="" aria-required="true">
<div class="input-group-btn">
<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
</div>
</div>
</form>
</div>
<!-- Search Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Search Widget Start -->
<div class="search--widget">
<form action="#" data-form="validate" novalidate="novalidate">
<input type="search" name="search" placeholder="Search..." class="form-control" required="" aria-required="true">
<button type="submit" class="btn btn-block btn-primary">Subscribe</button>
</form>
</div>
<!-- Search Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Catagory</h2>
<i class="icon fa fa-folder-open-o"></i>
</div>
<!-- Nav Widget Start -->
<div class="nav--widget">
<ul class="nav">
<li><a href="#"><span>Fashion</span><span>(22)</span></a></li>
<li><a href="#"><span>Winter</span><span>(16)</span></a></li>
<li><a href="#"><span>Exclusive</span><span>(84)</span></a></li>
<li><a href="#"><span>Summer</span><span>(11)</span></a></li>
<li><a href="#"><span>Heavy Style</span><span>(19)</span></a></li>
</ul>
</div>
<!-- Nav Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Usefull Info Links</h2>
<i class="icon fa fa-expand"></i>
</div>
<!-- Links Widget Start -->
<div class="links--widget">
<ul class="nav">
<li><a href="#" class="fa-angle-right">Gadgets</a></li>
<li><a href="#" class="fa-angle-right">Shop</a></li>
<li><a href="#" class="fa-angle-right">Term and Conditions</a></li>
<li><a href="#" class="fa-angle-right">Forums</a></li>
<li><a href="#" class="fa-angle-right">Top News of This Week</a></li>
<li><a href="#" class="fa-angle-right">Special Recipes</a></li>
<li><a href="#" class="fa-angle-right">Sign Up</a></li>
</ul>
</div>
<!-- Links Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Tags</h2>
<i class="icon fa fa-tags"></i>
</div>
<!-- Tags Widget Start -->
<div class="tags--widget style--1">
<ul class="nav">
<li><a href="#">News</a></li>
<li><a href="#">Image</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Fashion</a></li>
<li><a href="#">Latest</a></li>
<li><a href="#">Trendy</a></li>
<li><a href="#">Special</a></li>
<li><a href="#">Recipe</a></li>
<li><a href="#">Sports</a></li>
</ul>
</div>
<!-- Tags Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Tags</h2>
<i class="icon fa fa-tags"></i>
</div>
<!-- Tags Widget Start -->
<div class="tags--widget style--2">
<ul class="nav">
<li><a href="#" class="btn-primary">News</a></li>
<li><a href="#" class="btn-primary">Image</a></li>
<li><a href="#" class="btn-primary">Music</a></li>
<li><a href="#" class="btn-primary">Video</a></li>
<li><a href="#" class="btn-primary">Audio</a></li>
<li><a href="#" class="btn-primary">Fashion</a></li>
<li><a href="#" class="btn-primary">Latest</a></li>
<li><a href="#" class="btn-primary">Trendy</a></li>
<li><a href="#" class="btn-primary">Special</a></li>
<li><a href="#" class="btn-primary">Recipe</a></li>
<li><a href="#" class="btn-primary">Sports</a></li>
</ul>
</div>
<!-- Tags Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Tags</h2>
<i class="icon fa fa-tags"></i>
</div>
<!-- Tags Widget Start -->
<div class="tags--widget style--3">
<ul class="nav">
<li><a href="#">News<span>11</span></a></li>
<li><a href="#">Image<span>12</span></a></li>
<li><a href="#">Music<span>13</span></a></li>
<li><a href="#">Video<span>08</span></a></li>
<li><a href="#">Audio<span>06</span></a></li>
<li><a href="#">Fashion<span>23</span></a></li>
<li><a href="#">Latest<span>46</span></a></li>
<li><a href="#">Trendy<span>20</span></a></li>
<li><a href="#">Special<span>17</span></a></li>
<li><a href="#">Recipe<span>24</span></a></li>
<li><a href="#">Sports<span>09</span></a></li>
</ul>
</div>
<!-- Tags Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">Tags</h2>
<i class="icon fa fa-tags"></i>
</div>
<!-- Tags Widget Start -->
<div class="tags--widget style--4">
<ul class="nav">
<li><a href="#">News</a></li>
<li><a href="#">Image</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Fashion</a></li>
<li><a href="#">Latest</a></li>
<li><a href="#">Trendy</a></li>
<li><a href="#">Special</a></li>
<li><a href="#">Recipe</a></li>
<li><a href="#">Sports</a></li>
</ul>
</div>
<!-- Tags Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Profile Widget Start -->
<div class="profile--widget">
<div class="contributor--item style--1">
<div class="img">
<img src="img/contributors-img/avatar-01.jpg" alt="" data-rjs="2">
</div>
<div class="name">
<h3 class="h4"><a href="author.html" class="btn-link">Karla Gleichauf</a></h3>
</div>
<div class="desc">
<p>That is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
<ul class="social nav">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>
<!-- Profile Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<!-- Profile Widget Start -->
<div class="profile--widget">
<div class="contributor--item style--1">
<div class="img">
<img src="img/contributors-img/avatar-01.jpg" alt="" data-rjs="2">
</div>
<div class="name">
<h3 class="h4"><a href="author.html" class="btn-link">Karla Gleichauf</a></h3>
</div>
<div class="desc">
<p>That is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
<div class="action">
<a href="author.html" class="btn btn-default">Author Posts</a>
</div>
</div>
</div>
<!-- Profile Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">My Cart</h2>
<i class="icon fa fa-shopping-cart"></i>
</div>
<!-- Cart Widget Start -->
<div class="cart--widget">
<ul class="nav">
<li class="clearfix">
<div class="img">
<a href="#" class="btn-link"><img src="img/shop-img/cart-item-01.jpg" alt="" data-rjs="2"></a>
</div>
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
<li class="clearfix">
<div class="img">
<a href="#" class="btn-link"><img src="img/shop-img/cart-item-02.jpg" alt="" data-rjs="2"></a>
</div>
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
<li class="clearfix">
<div class="img">
<a href="#" class="btn-link"><img src="img/shop-img/cart-item-03.jpg" alt="" data-rjs="2"></a>
</div>
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
</ul>
</div>
<!-- Cart Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">My Cart</h2>
<i class="icon fa fa-shopping-cart"></i>
</div>
<!-- Cart Widget Start -->
<div class="cart--widget">
<ul class="nav">
<li class="clearfix">
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
<li class="clearfix">
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
<li class="clearfix">
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
</ul>
</div>
<!-- Cart Widget End -->
</div>
<!-- Widget End -->
<!-- Widget Start -->
<div class="widget">
<div class="widget--title">
<h2 class="h4">My Cart</h2>
<i class="icon fa fa-shopping-cart"></i>
</div>
<!-- Cart Widget Start -->
<div class="cart--widget">
<ul class="nav">
<li class="clearfix">
<div class="img">
<a href="#" class="btn-link"><img src="img/shop-img/cart-item-01.jpg" alt="" data-rjs="2"></a>
</div>
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
<li class="clearfix">
<div class="img">
<a href="#" class="btn-link"><img src="img/shop-img/cart-item-02.jpg" alt="" data-rjs="2"></a>
</div>
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
<li class="clearfix">
<div class="img">
<a href="#" class="btn-link"><img src="img/shop-img/cart-item-03.jpg" alt="" data-rjs="2"></a>
</div>
<div class="info">
<h3 class="h4"><a href="#" class="btn-link">Lorem ipsum dolor sit amet quam ipsum</a></h3>
<p class="text--color-1">$69.99 * 2</p>
</div>
<a href="#" class="remove"><i class="fa fa-remove"></i></a>
</li>
</ul>
<div class="footer">
<div class="amount clearfix">
<p>Amount</p>
<p>$209.97</p>
</div>
<div class="actions clearfix">
<a href="#" class="btn btn-default">View Cart</a>
<a href="#" class="btn btn-primary">Checkout</a>
</div>
</div>
</div>
<!-- Cart Widget End -->
</div>
<!-- Widget End -->USNews Supports 10 Different CSS Preloaders. Also an Image Preloader.
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="2">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="3">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="4">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="5">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="6">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="7">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="8">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="9">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="10">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End --><!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="img" data-preloader-img="img/preloader-img/preloader-surrounded.gif">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->USNews Supports 09 Different Menu Styles.
<!-- Header Section Start -->
<header class="header--section header--style-1">
<!-- Header Topbar Start -->
<div class="header--topbar bg--color-2">
<div class="container">
<div class="float--left float--xs-none text-xs-center">
<!-- Header Topbar Info Start -->
<ul class="header--topbar-info nav">
<li><i class="fa fm fa-map-marker"></i>New York</li>
<li><i class="fa fm fa-mixcloud"></i>21<sup>0</sup> C</li>
<li><i class="fa fm fa-calendar"></i>Today (Sunday 19 April 2017)</li>
</ul>
<!-- Header Topbar Info End -->
</div>
<div class="float--right float--xs-none text-xs-center">
<!-- Header Topbar Action Start -->
<ul class="header--topbar-action nav">
<li><a href="login.html"><i class="fa fm fa-user-o"></i>Login/Register</a></li>
</ul>
<!-- Header Topbar Action End -->
<!-- Header Topbar Language Start -->
<ul class="header--topbar-lang nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fm fa-language"></i>English<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">French</a></li>
</ul>
</li>
</ul>
<!-- Header Topbar Language End -->
<!-- Header Topbar Social Start -->
<ul class="header--topbar-social nav hidden-sm hidden-xxs">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
<!-- Header Topbar Social End -->
</div>
</div>
</div>
<!-- Header Topbar End -->
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo float--left float--sm-none text-sm-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
<!-- Header Ad Start -->
<div class="header--ad float--right float--sm-none hidden-xs">
<a href="#">
<img src="img/ads-img/ad-728x90-01.jpg" alt="Advertisement">
</a>
</div>
<!-- Header Ad End -->
</div>
</div>
<!-- Header Mainbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar style--1 navbar bd--color-1 bg--color-1" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="active"><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-2">
<!-- Header Topbar Start -->
<div class="header--topbar bg--color-2">
<div class="container">
<div class="float--left float--xs-none text-xs-center">
<!-- Header Topbar Info Start -->
<ul class="header--topbar-info nav">
<li><i class="fa fm fa-map-marker"></i>New York</li>
<li><i class="fa fm fa-mixcloud"></i>21<sup>0</sup> C</li>
<li><i class="fa fm fa-calendar"></i>Today (Sunday 19 April 2017)</li>
</ul>
<!-- Header Topbar Info End -->
</div>
<div class="float--right float--xs-none text-xs-center">
<!-- Header Topbar Action Start -->
<ul class="header--topbar-action nav">
<li><a href="login.html"><i class="fa fm fa-user-o"></i>Login/Register</a></li>
</ul>
<!-- Header Topbar Action End -->
<!-- Header Topbar Language Start -->
<ul class="header--topbar-lang nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fm fa-language"></i>English<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">French</a></li>
</ul>
</li>
</ul>
<!-- Header Topbar Language End -->
<!-- Header Topbar Social Start -->
<ul class="header--topbar-social nav hidden-sm hidden-xxs">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
<!-- Header Topbar Social End -->
</div>
</div>
</div>
<!-- Header Topbar End -->
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo text-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
</div>
</div>
<!-- Header Mainbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar navbar bd--color-1 bg--color-1" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li class="active"><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-3">
<!-- Header Topbar Start -->
<div class="header--topbar bg--color-1">
<div class="container">
<div class="float--left float--xs-none text-xs-center">
<!-- Header Topbar Info Start -->
<ul class="header--topbar-info nav">
<li><i class="fa fm fa-map-marker"></i>New York</li>
<li><i class="fa fm fa-mixcloud"></i>21<sup>0</sup> C</li>
<li><i class="fa fm fa-calendar"></i>Today (Sunday 19 April 2017)</li>
</ul>
<!-- Header Topbar Info End -->
</div>
<div class="float--right float--xs-none text-xs-center">
<!-- Header Topbar Action Start -->
<ul class="header--topbar-action nav">
<li><a href="login.html"><i class="fa fm fa-user-o"></i>Login/Register</a></li>
</ul>
<!-- Header Topbar Action End -->
<!-- Header Topbar Language Start -->
<ul class="header--topbar-lang nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fm fa-language"></i>English<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">French</a></li>
</ul>
</li>
</ul>
<!-- Header Topbar Language End -->
<!-- Header Topbar Social Start -->
<ul class="header--topbar-social nav hidden-sm hidden-xxs">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
<!-- Header Topbar Social End -->
</div>
</div>
</div>
<!-- Header Topbar End -->
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo float--left float--sm-none text-sm-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
<!-- Header Ad Start -->
<div class="header--ad float--right float--sm-none hidden-xs">
<a href="#">
<img src="img/ads-img/ad-728x90-01.jpg" alt="Advertisement">
</a>
</div>
<!-- Header Ad End -->
</div>
</div>
<!-- Header Mainbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar navbar bd--color-1 bg--color-0" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li class="active"><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-4">
<!-- Header Topbar Start -->
<div class="header--topbar bg--color-1">
<div class="container">
<div class="float--left float--xs-none text-xs-center">
<!-- Header Topbar Info Start -->
<ul class="header--topbar-info nav">
<li><i class="fa fm fa-map-marker"></i>New York</li>
<li><i class="fa fm fa-mixcloud"></i>21<sup>0</sup> C</li>
<li><i class="fa fm fa-calendar"></i>Today (Sunday 19 April 2017)</li>
</ul>
<!-- Header Topbar Info End -->
</div>
<div class="float--right float--xs-none text-xs-center">
<!-- Header Topbar Action Start -->
<ul class="header--topbar-action nav">
<li><a href="login.html"><i class="fa fm fa-user-o"></i>Login/Register</a></li>
</ul>
<!-- Header Topbar Action End -->
<!-- Header Topbar Language Start -->
<ul class="header--topbar-lang nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fm fa-language"></i>English<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">French</a></li>
</ul>
</li>
</ul>
<!-- Header Topbar Language End -->
<!-- Header Topbar Social Start -->
<ul class="header--topbar-social nav hidden-sm hidden-xxs">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
<!-- Header Topbar Social End -->
</div>
</div>
</div>
<!-- Header Topbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar navbar bd--color-1 bg--color-0" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Header Logo Start -->
<div class="header--logo text-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
<div id="headerNav" class="navbar-collapse collapse float--right">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li class="active"><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-5">
<!-- Header Topbar Start -->
<div class="header--topbar bg--color-1">
<div class="container">
<div class="float--left float--xs-none text-xs-center">
<!-- Header Topbar Info Start -->
<ul class="header--topbar-info nav">
<li><i class="fa fm fa-map-marker"></i>New York</li>
<li><i class="fa fm fa-mixcloud"></i>21<sup>0</sup> C</li>
<li><i class="fa fm fa-calendar"></i>Today (Sunday 19 April 2017)</li>
</ul>
<!-- Header Topbar Info End -->
</div>
<div class="float--right float--xs-none text-xs-center">
<!-- Header Topbar Action Start -->
<ul class="header--topbar-action nav">
<li><a href="login.html"><i class="fa fm fa-user-o"></i>Login/Register</a></li>
</ul>
<!-- Header Topbar Action End -->
<!-- Header Topbar Language Start -->
<ul class="header--topbar-lang nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fm fa-language"></i>English<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">French</a></li>
</ul>
</li>
</ul>
<!-- Header Topbar Language End -->
<!-- Header Topbar Social Start -->
<ul class="header--topbar-social nav hidden-sm hidden-xxs">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
<!-- Header Topbar Social End -->
</div>
</div>
</div>
<!-- Header Topbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar navbar bd--color-1 bg--color-0" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Header Logo Start -->
<div class="header--logo text-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
<div id="headerNav" class="navbar-collapse collapse float--right">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li class="active"><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-6">
<!-- Header Topbar Start -->
<div class="header--topbar">
<div class="container">
<div class="float--left float--xs-none text-xs-center">
<!-- Header Topbar Info Start -->
<ul class="header--topbar-info nav">
<li><i class="fa fm fa-map-marker"></i>New York</li>
<li><i class="fa fm fa-mixcloud"></i>21<sup>0</sup> C</li>
<li><i class="fa fm fa-calendar"></i>Today (Sunday 19 April 2017)</li>
</ul>
<!-- Header Topbar Info End -->
</div>
<div class="float--right float--xs-none text-xs-center">
<!-- Header Topbar Action Start -->
<ul class="header--topbar-action nav">
<li><a href="login.html"><i class="fa fm fa-user-o"></i>Login/Register</a></li>
</ul>
<!-- Header Topbar Action End -->
<!-- Header Topbar Language Start -->
<ul class="header--topbar-lang nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fm fa-language"></i>English<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">French</a></li>
</ul>
</li>
</ul>
<!-- Header Topbar Language End -->
<!-- Header Topbar Social Start -->
<ul class="header--topbar-social nav hidden-sm hidden-xxs">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
</ul>
<!-- Header Topbar Social End -->
</div>
</div>
</div>
<!-- Header Topbar End -->
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo float--left float--sm-none text-sm-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
<!-- Header Ad Start -->
<div class="header--ad float--right float--sm-none hidden-xs">
<a href="#">
<img src="img/ads-img/ad-728x90-01.jpg" alt="Advertisement">
</a>
</div>
<!-- Header Ad End -->
</div>
</div>
<!-- Header Mainbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar navbar" data-trigger="sticky">
<div class="container">
<div class="header--navbar-inner bg--color-1 clearfix">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li class="active"><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-7">
<!-- Header Navbar Start -->
<div class="header--navbar navbar bd--color-1 bg--color-1" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li class="active"><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
<!-- Header Navbar End -->
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo float--left float--sm-none text-sm-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
<!-- Header Ad Start -->
<div class="header--ad float--right float--sm-none hidden-xs">
<a href="#">
<img src="img/ads-img/ad-728x90-01.jpg" alt="Advertisement">
</a>
</div>
<!-- Header Ad End -->
</div>
</div>
<!-- Header Mainbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-8">
<!-- Header Navbar Start -->
<div class="header--navbar navbar bd--color-1 bg--color-1" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li class="active"><a href="home-menu-v8.html">Home Menu V8</a></li>
<li><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
<!-- Header Navbar End -->
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo text-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
</div>
</div>
<!-- Header Mainbar End -->
</header>
<!-- Header Section End -->
<!-- Header Section Start -->
<header class="header--section header--style-9">
<!-- Header Mainbar Start -->
<div class="header--mainbar">
<div class="container">
<!-- Header Logo Start -->
<div class="header--logo float--left float--sm-none text-sm-center">
<h1 class="h1">
<a href="home-1.html" class="btn-link">
<img src="img/logo.png" alt="USNews Logo">
<span class="hidden">USNews Logo</span>
</a>
</h1>
</div>
<!-- Header Logo End -->
<!-- Header Ad Start -->
<div class="header--ad float--right float--sm-none hidden-xs">
<a href="#">
<img src="img/ads-img/ad-728x90-01.jpg" alt="Advertisement">
</a>
</div>
<!-- Header Ad End -->
</div>
</div>
<!-- Header Mainbar End -->
<!-- Header Navbar Start -->
<div class="header--navbar style--1 navbar bd--color-1 bg--color-1" data-trigger="sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#headerNav" aria-expanded="false" aria-controls="headerNav">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="headerNav" class="navbar-collapse collapse float--left">
<!-- Header Menu Links Start -->
<ul class="header--menu-links nav navbar-nav" data-trigger="hoverIntent">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Default</a></li>
<li><a href="home-1-boxed.html">Home Boxed</a></li>
<li><a href="home-1-rtl.html">Home RTL</a></li>
<li><a href="home-1-rtl-boxed.html">Home RTL Boxed</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Version 01</a></li>
<li><a href="home-2.html">Home Version 02</a></li>
<li><a href="home-3.html">Home Version 03</a></li>
<li><a href="home-4.html">Home Version 04</a></li>
<li><a href="home-5.html">Home Version 05</a></li>
<li><a href="home-6.html">Home Version 06</a></li>
<li><a href="home-7.html">Home Version 07</a></li>
<li><a href="home-8.html">Home Version 08</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Versions<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="home-1.html">Home Menu V1</a></li>
<li><a href="home-menu-v2.html">Home Menu V2</a></li>
<li><a href="home-menu-v3.html">Home Menu V3</a></li>
<li><a href="home-menu-v4.html">Home Menu V4</a></li>
<li><a href="home-menu-v5.html">Home Menu V5</a></li>
<li><a href="home-menu-v6.html">Home Menu V6</a></li>
<li><a href="home-menu-v7.html">Home Menu V7</a></li>
<li><a href="home-menu-v8.html">Home Menu V8</a></li>
<li class="active"><a href="home-menu-v9.html">Home Menu V9</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown megamenu filter">
<a href="world-news.html" class="dropdown-toggle" data-toggle="dropdown">Worlds News<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-2">
<!-- Megamenu Filter Start -->
<div class="megamenu--filter">
<ul class="nav">
<li class="active">
<a href="#" data-action="load_cat_posts" data-cat="all">All<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="latin-america">Latitn America<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="africa">Africa<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="middle-east">Middle East<i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#" data-action="load_cat_posts" data-cat="europe">Europe<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<!-- Megamenu Filter End -->
</div>
<div class="col-md-10">
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="world-news.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</div>
</div>
</li>
</ul>
</li>
<li><a href="national.html">National</a></li>
<li><a href="financial.html">Financial</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="technology.html">Technology</a></li>
<li class="dropdown megamenu posts">
<a href="travel.html" class="dropdown-toggle" data-toggle="dropdown">Travel<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li>
<!-- Megamenu Posts Start -->
<div class="megamenu--posts" data-ajax-content="outer">
<ul class="row" data-ajax-content="inner">
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-01.jpg" alt="">
</a>
<a href="#" class="cat">Beach</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-02.jpg" alt="">
</a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-03.jpg" alt="">
</a>
<a href="#" class="cat">Ice Hiking</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
<li class="col-md-3">
<div class="img">
<a href="news-single-v1.html" class="thumb">
<img src="img/megamenu-img/post-04.jpg" alt="">
</a>
<a href="#" class="cat">Mountain</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
<a href="news-single-v1.html" class="title">It is a long established fact that a reader will be distracted by</a>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Megamenu Posts End -->
<!-- Megamenu Pagination Start -->
<div class="megamenu--pagination" data-ajax="tab">
<a href="#" class="prev" data-ajax-action="load_prev_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<a href="travel.html" class="all" title="View All" data-toggle="tooltip">
<i class="fa fa-th-large"></i>
</a>
<a href="#" class="next" data-ajax-action="load_next_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
<!-- Megamenu Pagination End -->
</li>
</ul>
</li>
<li><a href="sports.html">Sports</a></li>
<li class="dropdown megamenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Catagory<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#">World’s News</a>
<ul class="dropdown-menu">
<li><a href="#">US & Canada</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Asia Pacific</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documantation</a>
<ul class="dropdown-menu">
<li><a href="#">Featured Documantation</a></li>
<li><a href="#">People & Power</a></li>
<li><a href="#">Rebel Education</a></li>
<li><a href="#">Rewind</a></li>
<li><a href="#">Fault Lines</a></li>
<li><a href="#">News 360 Degree World’s</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Sports</a>
<ul class="dropdown-menu">
<li><a href="#">Football</a></li>
<li><a href="#">Cricket</a></li>
<li><a href="#">Hocky</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Business</a>
<ul class="dropdown-menu">
<li><a href="#">US Business</a></li>
<li><a href="#">Middle East Business</a></li>
<li><a href="#">Europe Business</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Education</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Child Education</a></li>
<li><a href="#">Bangladeshi Education</a></li>
<li><a href="#">Middle East Education</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Humanities</a>
<ul class="dropdown-menu">
<li><a href="#">Help For Syrian Refugees</a></li>
<li><a href="#">Help For Afgan Children</a></li>
<li><a href="#">Help For African Children</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Movies</a>
<ul class="dropdown-menu">
<li><a href="#">Hollywood</a></li>
<li><a href="#">Dollywood</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Weather</a>
<ul class="dropdown-menu">
<li><a href="#">North Pole</a></li>
<li><a href="#">South Pole</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Health</a>
<ul class="dropdown-menu">
<li><a href="#">Africa Poor Child Healt</a></li>
<li><a href="#">Fitness and Health</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Animals</a>
<ul class="dropdown-menu">
<li><a href="#">African Animals</a></li>
<li><a href="#">Australian Animals</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<i class="fa flm fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-v1.html">Blog 1</a></li>
<li><a href="blog-v2.html">Blog 2</a></li>
<li><a href="blog-v3.html">Blog 3</a></li>
<li><a href="archives-v1.html">Archives 1</a></li>
<li><a href="archives-v2.html">Archives 2</a></li>
<li><a href="archives-v3.html">Archives 3</a></li>
<li><a href="tag.html">Tag</a></li>
<li><a href="search.html">Search</a></li>
<li><a href="author.html">Author</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News Single<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="news-single-v1.html">News Single 1</a></li>
<li><a href="news-single-v2.html">News Single 2</a></li>
<li><a href="news-single-v3.html">News Single 3</a></li>
<li><a href="news-single-v4.html">News Single 4</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Widgets<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="ad-widgets.html">Ad Widgets</a></li>
<li><a href="social-widgets.html">Social Widgets</a></li>
<li><a href="subscribe-widgets.html">Subscirbe Widgets</a></li>
<li><a href="post-widgets.html">Post Widgets</a></li>
<li><a href="poll-widgets.html">Poll Widgets</a></li>
<li><a href="search-widgets.html">Search Widgets</a></li>
<li><a href="links-widgets.html">Links Widgets</a></li>
<li><a href="tag-widgets.html">Tag Widgets</a></li>
<li><a href="profile-widgets.html">Profile Widgets</a></li>
<li><a href="cart-widgets.html">Cart Widgets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributors<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contributors.html">Contributors 1</a></li>
<li><a href="contributors-2.html">Contributors 2</a></li>
<li><a href="contributors-3.html">Contributors 3</a></li>
<li><a href="contributors-4.html">Contributors 4</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="login.html">Login</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="shop-1.html">Shop 1</a></li>
<li><a href="shop-2.html">Shop 2</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<i class="fa flm fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact 1</a></li>
<li><a href="contact-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
</ul>
<!-- Header Menu Links End -->
</div>
<!-- Header Search Form Start -->
<form action="#" class="header--search-form float--right" data-form="validate">
<input type="search" name="search" placeholder="Search..." class="header--search-control form-control" required>
<button type="submit" class="header--search-btn btn"><i class="header--search-icon fa fa-search"></i></button>
</form>
<!-- Header Search Form End -->
</div>
</div>
<!-- Header Navbar End -->
</header>
<!-- Header Section End -->
<!-- News Updates Bar Start -->
<div class="news-updates--bar" data-direction="left" data-duration="20000">
<div class="title">
<h2>News Updates</h2>
<span>(Update 12 minutes ago)</span>
</div>
<div class="news-updates--list" data-marquee="true">
<ul class="nav">
<li>
<h3 class="h3"><a href="#">Contrary to popular belief Lorem Ipsum is not simply random text.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Education to popular belief Lorem Ipsum is not simply</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Corporis repellendus perspiciatis reprehenderit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Deleniti consequatur laudantium sit aspernatur?</a></h3>
</li>
</ul>
</div>
</div>
<!-- News Updates Bar End --><!-- News Updates Bar Start -->
<div class="news-updates--bar" data-direction="right" data-duration="8000">
<div class="title">
<h2>News Updates</h2>
<span>(Update 12 minutes ago)</span>
</div>
<div class="news-updates--list" data-marquee="true">
<ul class="nav">
<li>
<h3 class="h3"><a href="#">Contrary to popular belief Lorem Ipsum is not simply random text.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Education to popular belief Lorem Ipsum is not simply</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Corporis repellendus perspiciatis reprehenderit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Deleniti consequatur laudantium sit aspernatur?</a></h3>
</li>
</ul>
</div>
</div>
<!-- News Updates Bar End --><!-- News Updates Bar Start -->
<div class="news-updates--bar" data-direction="up" data-duration="3000">
<div class="title">
<h2>News Updates</h2>
<span>(Update 12 minutes ago)</span>
</div>
<div class="news-updates--list" data-marquee="true">
<ul class="nav">
<li>
<h3 class="h3"><a href="#">Contrary to popular belief Lorem Ipsum is not simply random text.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Education to popular belief Lorem Ipsum is not simply</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Corporis repellendus perspiciatis reprehenderit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Deleniti consequatur laudantium sit aspernatur?</a></h3>
</li>
</ul>
</div>
</div>
<!-- News Updates Bar End --><!-- News Updates Bar Start -->
<div class="news-updates--bar" data-direction="down" data-duration="2000">
<div class="title">
<h2>News Updates</h2>
<span>(Update 12 minutes ago)</span>
</div>
<div class="news-updates--list" data-marquee="true">
<ul class="nav">
<li>
<h3 class="h3"><a href="#">Contrary to popular belief Lorem Ipsum is not simply random text.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Education to popular belief Lorem Ipsum is not simply</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Corporis repellendus perspiciatis reprehenderit.</a></h3>
</li>
<li>
<h3 class="h3"><a href="#">Deleniti consequatur laudantium sit aspernatur?</a></h3>
</li>
</ul>
</div>
</div>
<!-- News Updates Bar End -->
<!-- Posts Filter Bar Start -->
<div class="posts--filter-bar style--1 hidden-xs">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-star-o"></i>
<span>Featured News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>Most Popular</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-fire"></i>
<span>Hot News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-flash"></i>
<span>Trending News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-eye"></i>
<span>Most Watched</span>
</a>
</li>
</ul>
</div>
<!-- Posts Filter Bar End -->
<!-- Posts Filter Bar Start -->
<div class="posts--filter-bar style--2 hidden-xs">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-star-o"></i>
<span>Featured News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>Most Popular</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-fire"></i>
<span>Hot News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-flash"></i>
<span>Trending News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-eye"></i>
<span>Most Watched</span>
</a>
</li>
</ul>
</div>
<!-- Posts Filter Bar End -->
<!-- Posts Filter Bar Start -->
<div class="posts--filter-bar style--3 hidden-xs">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-star-o"></i>
<span>Featured News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>Most Popular</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-fire"></i>
<span>Hot News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-flash"></i>
<span>Trending News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-eye"></i>
<span>Most Watched</span>
</a>
</li>
</ul>
</div>
<!-- Posts Filter Bar End -->
<!-- Posts Filter Bar Start -->
<div class="posts--filter-bar style--4 hidden-xs">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-star-o"></i>
<span>Featured News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>Most Popular</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-fire"></i>
<span>Hot News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-flash"></i>
<span>Trending News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-eye"></i>
<span>Most Watched</span>
</a>
</li>
</ul>
</div>
<!-- Posts Filter Bar End -->
<!-- Posts Filter Bar Start -->
<div class="posts--filter-bar style--5 hidden-xs">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-star-o"></i>
<span>Featured News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>Most Popular</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-fire"></i>
<span>Hot News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-flash"></i>
<span>Trending News</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-eye"></i>
<span>Most Watched</span>
</a>
</li>
</ul>
</div>
<!-- Posts Filter Bar End -->
<!-- Post Items Start -->
<div class="post--items post--items-1 pd--30-0">
<div class="row gutter--15">
<div class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-larger">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/banner-01.jpg" alt=""></a>
<a href="#" class="cat">Politics</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--map">
<p class="btn-link"><i class="fa fa-map-o"></i>Location in Google Map</p>
<div class="map--wrapper">
<div data-map-latitude="23.790546" data-map-longitude="90.375583" data-map-zoom="6" data-map-marker="[[23.790546, 90.375583]]"></div>
</div>
</div>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Norma R. Hogan</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Siriyan civil war getting righteous indignation and dislike men who are so beguiled and demoralized by the sure.</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
<div class="col-md-6">
<div class="row gutter--15">
<div class="col-xs-6 col-xss-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/banner-02.jpg" alt=""></a>
<a href="#" class="cat">Travel</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Corey I. Dean</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Lorem Ipsum is simply dummy text of the printing</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
<div class="col-xs-6 hidden-xss">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/banner-03.jpg" alt=""></a>
<a href="#" class="cat">Education</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--map">
<p class="btn-link"><i class="fa fa-map-o"></i>Location in Google Map</p>
<div class="map--wrapper">
<div data-map-latitude="23.790546" data-map-longitude="90.375583" data-map-zoom="6" data-map-marker="[[23.790546, 90.375583]]"></div>
</div>
</div>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Leraje</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Lorem Ipsum is simply dummy text of the printing</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
<div class="col-sm-12 hidden-sm hidden-xs">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-larger">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/banner-04.jpg" alt=""></a>
<a href="#" class="cat">Politics</a>
<a href="#" class="icon"><i class="fa fa-fire"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Balam</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the sure.</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
</div>
</div>
</div>
</div>
<!-- Post Items End -->
<!-- Post Items Start -->
<div class="post--items post--items-1 pd--30-0">
<div class="row gutter--15">
<div class="col-md-3">
<div class="row gutter--15">
<div class="col-md-12 col-xs-6 col-xxs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/banner-01.jpg" alt=""></a>
<a href="#" class="cat">Animal Planet</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Corey I. Dean</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Lorem Ipsum is simply dummy text of the printing</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
<div class="col-md-12 col-xs-6 hidden-xxs">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/banner-02.jpg" alt=""></a>
<a href="#" class="cat">Accident</a>
<a href="#" class="icon"><i class="fa fa-support"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Corey I. Dean</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Lorem Ipsum is simply dummy text of the printing</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
</div>
</div>
<div class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-larger">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/banner-03.jpg" alt=""></a>
<a href="#" class="cat">Peace</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Norma R. Hogan</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Siriyan civil war getting righteous indignation and dislike men who are so beguiled and demoralized by the sure.</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
<div class="col-md-3">
<div class="row gutter--15">
<div class="col-md-12 col-xs-6 col-xxs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/banner-04.jpg" alt=""></a>
<a href="#" class="cat">Discover</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Leraje</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Lorem Ipsum is simply dummy text of the printing</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
<div class="col-md-12 col-xs-6 hidden-xxs">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/banner-05.jpg" alt=""></a>
<a href="#" class="cat">Education</a>
<a href="#" class="icon"><i class="fa fa-book"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Balam</a></li>
<li><a href="#">20 April 2017</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">On the other hand, we denounce with righteous and deby</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</div>
</div>
</div>
</div>
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Worlds News</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_world_news_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_world_news_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-2" data-ajax-content="outer">
<ul class="nav row gutter--15" data-ajax-content="inner">
<li class="col-xs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/world-news-01.jpg" alt=""></a>
<a href="#" class="cat">War</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Siriya attaced by a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-12">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/world-news-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Hantu Raya</a></li>
<li><a href="#">17 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will done</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/world-news-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">17 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will done</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-12">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/world-news-04.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">17 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will done</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/world-news-05.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Hantu Raya</a></li>
<li><a href="#">17 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will done</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Latin America</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_latin_america_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_latin_america_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-2" data-ajax-content="outer">
<ul class="nav" data-ajax-content="inner">
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/latin-america-01.jpg" alt=""></a>
<a href="#" class="cat">Study Tour</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">On the other hand, we denounce with righteous indignation and dislike demoralized</a></h3>
</div>
</div>
</div>
<div class="post--content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos mollitia animi, id est laborum et dolorum fuga.</p>
</div>
<div class="post--action">
<a href="news-single.html">Continue Reading... </a>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/latin-america-02.jpg" alt=""></a>
<a href="#" class="cat">Study Tour</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Famous</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">On the other hand, we denounce with righteous indignation and dislike demoralized</a></h3>
</div>
</div>
</div>
<div class="post--content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos mollitia animi, id est laborum et dolorum fuga.</p>
</div>
<div class="post--action">
<a href="news-single.html">Continue Reading... </a>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Technology</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_technology_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_technology_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-3" data-ajax-content="outer">
<ul class="nav" data-ajax-content="inner">
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/technology-01.jpg" alt=""></a>
<a href="#" class="cat">Computer</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Bathin</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/technology-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Bune</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/technology-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Bune</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/technology-04.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Bune</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/technology-05.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Bune</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Finance</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_finance_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_finance_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-2" data-ajax-content="outer">
<ul class="nav row" data-ajax-content="inner">
<li class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/finance-01.jpg" alt=""></a>
<a href="#" class="cat">Business</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Vassago</a></li>
<li><a href="#">Today 03:30 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-6">
<ul class="nav row">
<li class="col-xs-12 hidden-md hidden-lg">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/finance-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Zepar</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/finance-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Demiurge</a></li>
<li><a href="#">Today 03:02 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-12">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/finance-04.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Demiurge</a></li>
<li><a href="#">Today 02:05 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-6">
<!-- Post Item Start -->
<div class="post--item post--layout-2">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/finance-05.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Zepar</a></li>
<li><a href="#">Today 12:35 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Syrian News</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_syrian_news_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_syrian_news_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-2" data-ajax-content="outer">
<ul class="nav row" data-ajax-content="inner">
<li class="col-md-12">
<!-- Post Item Start -->
<div class="post--item">
<div class="row">
<div class="col-md-6">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/syria-01.jpg" alt=""></a>
<a href="#" class="cat">War</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Vassago</a></li>
<li><a href="#">Today 03:30 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">At vero eos et accusamus et iusto odio dignissimos uniti atque corrupti quos dolores et quas.</a></h3>
</div>
</div>
<div class="post--content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos mollitia animi, id est laborum et dolorum fuga.</p>
</div>
<div class="post--action">
<a href="news-single.html">Continue Reading...</a>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-12">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-4">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/syria-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Demiurge</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-12 hidden-md hidden-lg">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-4">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/syria-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Demiurge</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-12">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-4">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/syria-04.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Demiurge</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-12 hidden-md hidden-lg">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-md-6">
<!-- Post Item Start -->
<div class="post--item post--layout-4">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/world-news-img/syria-05.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Demiurge</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Election</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_election_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_election_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-2" data-ajax-content="outer">
<ul class="nav" data-ajax-content="inner">
<li>
<!-- Post Item Start -->
<div class="post--item">
<div class="row">
<div class="col-md-6">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/national-img/election-01.jpg" alt=""></a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-star-o"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Vassago</a></li>
<li><a href="#">Today 03:30 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="#" class="btn-link">At vero eos et accusamus et iusto odio dignissimos uniti atque corrupti quos dolores et quas.</a></h3>
</div>
</div>
<div class="post--content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos mollitia animi, id est laborum et dolorum fuga.</p>
</div>
<div class="post--action">
<a href="news-single.html">Continue Reading...</a>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item">
<div class="row">
<div class="col-md-6">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/national-img/election-02.jpg" alt=""></a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-flash"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Vassago</a></li>
<li><a href="#">Today 03:30 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">At vero eos et accusamus et iusto odio dignissimos uniti atque corrupti quos dolores et quas.</a></h3>
</div>
</div>
<div class="post--content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos mollitia animi, id est laborum et dolorum fuga.</p>
</div>
<div class="post--action">
<a href="news-single.html">Continue Reading...</a>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item">
<div class="row">
<div class="col-md-6">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/national-img/election-03.jpg" alt=""></a>
<a href="#" class="cat">News</a>
<a href="#" class="icon"><i class="fa fa-heart-o"></i></a>
</div>
</div>
<div class="col-md-6">
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Vassago</a></li>
<li><a href="#">Today 03:30 am</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">At vero eos et accusamus et iusto odio dignissimos uniti atque corrupti quos dolores et quas.</a></h3>
</div>
</div>
<div class="post--content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos mollitia animi, id est laborum et dolorum fuga.</p>
</div>
<div class="post--action">
<a href="news-single.html">Continue Reading...</a>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Audio & Videos</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_audio_video_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_audio_video_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-4" data-ajax-content="outer">
<ul class="nav row" data-ajax-content="inner">
<li class="col-md-8">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--type-video post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/audio-video-01.jpg" alt=""></a>
<a href="#" class="cat">Wave</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Succubus</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">Standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
<!-- Divider Start -->
<hr class="divider hidden-md hidden-lg">
<!-- Divider End -->
</li>
<li class="col-md-4">
<ul class="nav">
<li>
<!-- Post Item Start -->
<div class="post--item post--type-audio post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/audio-video-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Maclaan John</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--type-video post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/audio-video-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Maclaan John</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--type-video post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/audio-video-04.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Maclaan John</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li>
<!-- Post Item Start -->
<div class="post--item post--type-audio post--layout-3">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/audio-video-05.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Maclaan John</a></li>
<li><a href="#">16 April 2017</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">Long established fact that a reader will be distracted by the readable</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Foods & Recipes</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_food_resturent_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_food_resturent_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items" data-ajax-content="outer">
<ul class="nav row gutter--15" data-ajax-content="inner">
<li class="col-md-4 col-xs-6 col-xxs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/food-and-resturent-01.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-xs-12 hidden shown-xxs">
<!-- Divider Start -->
<hr class="divider">
<!-- Divider End -->
</li>
<li class="col-md-4 col-xs-6 col-xxs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/food-and-resturent-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-4 hidden-sm hidden-xs">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/food-and-resturent-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Yeasterday 03:52 pm</a></li>
</ul>
<div class="title">
<h3 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h3>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Post Items Title Start -->
<div class="post--items-title" data-ajax="tab">
<h2 class="h4">Photo Gallery</h2>
<div class="nav">
<a href="#" class="prev btn-link" data-ajax-action="load_prev_photo_gallery_posts">
<i class="fa fa-long-arrow-left"></i>
</a>
<span class="divider">/</span>
<a href="#" class="next btn-link" data-ajax-action="load_next_photo_gallery_posts">
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
<!-- Post Items Title End -->
<!-- Post Items Start -->
<div class="post--items post--items-1" data-ajax-content="outer">
<ul class="nav row gutter--15" data-ajax-content="inner">
<li class="col-md-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1 post--title-large">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/photo-gallery-01.jpg" alt=""></a>
<a href="#" class="cat">Serfer</a>
<a href="#" class="icon"><i class="fa fa-eye"></i></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Today 05:52 pm</a></li>
</ul>
<div class="title text-xxs-ellipsis">
<h2 class="h4"><a href="news-single.html" class="btn-link">Standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-4 col-xs-6 col-xxs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/photo-gallery-02.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-4 col-xs-6 col-xxs-12">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/photo-gallery-03.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
<li class="col-md-4 hidden-sm hidden-xs">
<!-- Post Item Start -->
<div class="post--item post--layout-1">
<div class="post--img">
<a href="news-single.html" class="thumb"><img src="img/home-img/photo-gallery-04.jpg" alt=""></a>
<div class="post--info">
<ul class="nav meta">
<li><a href="#">Astaroth</a></li>
<li><a href="#">Today 03:52 pm</a></li>
</ul>
<div class="title">
<h2 class="h4"><a href="news-single.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h2>
</div>
</div>
</div>
</div>
<!-- Post Item End -->
</li>
</ul>
<!-- Preloader Start -->
<div class="preloader bg--color-0--b" data-preloader="1">
<div class="preloader--inner"></div>
</div>
<!-- Preloader End -->
</div>
<!-- Post Items End -->
<!-- Pricing Image Start -->
<div class="pricing--img layout--1">
<img src="img/pricing-img/01.jpg" alt="" class="center-block">
</div>
<!-- Pricing Image End -->
<!-- Pricing Image Start -->
<div class="pricing--img layout--2">
<img src="img/pricing-img/01.jpg" alt="" class="center-block">
<img src="img/pricing-img/01-small-top.jpg" alt="" class="center-block">
<img src="img/pricing-img/01-small-bottom.jpg" alt="" class="center-block">
</div>
<!-- Pricing Image End -->
<!-- Pricing Image Start -->
<div class="pricing--img layout--3">
<div class="row gutter--20 row--md-vc">
<div class="col-xs-6">
<img src="img/pricing-img/02-left.jpg" alt="" class="center-block">
</div>
<div class="col-xs-6">
<img src="img/pricing-img/02-right-top.jpg" alt="" class="center-block">
<img src="img/pricing-img/02-right-bottom.jpg" alt="" class="center-block">
</div>
</div>
</div>
<!-- Pricing Image End -->
<!-- Pricing Image Start -->
<div class="pricing--img layout--4">
<img src="img/pricing-img/03.jpg" alt="" class="center-block">
<img src="img/pricing-img/03-top-left.jpg" alt="" class="center-block">
<img src="img/pricing-img/03-top-right.jpg" alt="" class="center-block">
<img src="img/pricing-img/03-bottom-right.jpg" alt="" class="center-block">
<img src="img/pricing-img/03-bottom-center.jpg" alt="" class="center-block">
</div>
<!-- Pricing Image End -->
<!-- Contributor Item Start -->
<div class="contributor--item style--1">
<div class="img">
<img src="img/contributors-img/avatar-01.jpg" alt="">
</div>
<div class="name">
<h3 class="h4">Karla Gleichauf</h3>
</div>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
<ul class="social nav">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
<div class="action">
<a href="author.html" class="btn btn-default">Author Posts</a>
</div>
</div>
<!-- Contributor Item End -->
<!-- Contributor Item Start -->
<div class="contributor--item style--2">
<div class="img">
<img src="img/contributors-img/avatar-09.jpg" alt="">
<ul class="social nav bg--color-1--b">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
<div class="name">
<h3 class="h4">Mary Schneider</h3>
</div>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
<div class="action">
<a href="author.html" class="btn btn-default">Author Posts</a>
</div>
</div>
<!-- Contributor Item End -->
<!-- Contributor Item Start -->
<div class="contributor--item style--3">
<div class="img">
<img src="img/contributors-img/avatar-09.jpg" alt="">
</div>
<div class="info bg--color-1 bd--color-1">
<div class="name">
<h3 class="h4">Karla Gleichauf</h3>
</div>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
<ul class="social nav">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
<div class="action">
<a href="author.html" class="btn btn-default">Author Posts</a>
</div>
</div>
</div>
<!-- Contributor Item End -->
<!-- Contributor Item Start -->
<div class="contributor--item style--4">
<div class="img">
<img src="img/contributors-img/avatar-09.jpg" alt="">
</div>
<div class="info">
<div class="vc--parent">
<div class="vc--child">
<div class="name">
<h3 class="h4">Mary Schneider</h3>
</div>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
<ul class="social nav">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
<div class="action">
<a href="author.html" class="btn btn-default">Author Posts</a>
</div>
</div>
</div>
</div>
</div>
<!-- Contributor Item End -->
<!-- Sticky Social Start -->
<div id="stickySocial" class="sticky--left">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-facebook"></i>
<span>Follow Us On Facebook</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-twitter"></i>
<span>Follow Us On Twitter</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-google-plus"></i>
<span>Follow Us On Google Plus</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-rss"></i>
<span>Follow Us On RSS</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-vimeo"></i>
<span>Follow Us On Vimeo</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-youtube-play"></i>
<span>Follow Us On Youtube Play</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-linkedin"></i>
<span>Follow Us On LinkedIn</span>
</a>
</li>
</ul>
</div>
<!-- Sticky Social End -->
<!-- Sticky Social Start -->
<div id="stickySocial" class="sticky--right">
<ul class="nav">
<li>
<a href="#">
<i class="fa fa-facebook"></i>
<span>Follow Us On Facebook</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-twitter"></i>
<span>Follow Us On Twitter</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-google-plus"></i>
<span>Follow Us On Google Plus</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-rss"></i>
<span>Follow Us On RSS</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-vimeo"></i>
<span>Follow Us On Vimeo</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-youtube-play"></i>
<span>Follow Us On Youtube Play</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-linkedin"></i>
<span>Follow Us On LinkedIn</span>
</a>
</li>
</ul>
</div>
<!-- Sticky Social End -->09 September, 2017 - Version 1.1 (Changelog)
// # List of updates // ------------------------------ *. Fixed Scroll Social Menu Overlapping Content On Mobile/Small Devices