thsOne/Digital-Agency/blog.html

541 lines
21 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Main CSS -->
<link href="assets/css/main.css" rel="stylesheet" >
<title>Digital Agency Template</title>
</head>
<body data-bs-spy="scroll" data-bs-target="#navigation">
<!-- PRELOADER STARTS
========================================================================= -->
<div id="main-preloader" class="main-preloader semi-dark-background">
<div class="main-preloader-inner center">
<h1 class="preloader-percentage center">
<span class="preloader-percentage-text">0</span> <!-- Show Percentage Number -->
<span class="percentage">%</span>
</h1>
<div class="preloader-bar-outer">
<div class="preloader-bar"></div>
<!-- Percentage Precess Bar -->
</div>
</div>
</div>
<!-- /.. PRELOADER ENDS
========================================================================= -->
<!-- NAVIGATION STARTS
========================================================================= -->
<nav id="navigation" class="navbar navbar-expand-lg navbar-light fixed-top bg-light">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="assets/imgs/logo.png" class="img-fluid" alt="" ></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html#home">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#team">team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#contact">Contact</a>
</li>
</ul>
<span class="ps-3 d-none d-lg-block">
<a href="https://themeforest.net/item/this-one-one-page-responsive-website-template/7236268" class="btn btn-primary" target="_blank">BUY NOW</a>
</span>
</div>
</div>
</nav>
<!-- INNER BANNER STARTS
========================================================================= -->
<div class="inner-banner-style banner-img-01" id="top">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="info text-center">
<h6 class="shuffletext">/ Standard Blog</h6>
<h2>
We Move The Digital<br class="d-none d-md-block" />
Industry Forward
</h2>
</div>
</div>
</div>
</div>
</div>
<!-- /. INNER BANNER ENDS
========================================================================= -->
<!-- BLOG GRID STARTS
========================================================================= -->
<section class="blog blog-inner-page">
<div class="container">
<div class="row">
<!-- Left Column Starts-->
<div class="col-12 col-lg-9 pe-3 pe-lg-5">
<div class="row g-0 g-lg-5">
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post pb-md-2">
<div class="pic pb-4">
<img src="assets/imgs/blog/1.jpg" class="img-fluid" alt="" >
</div>
<h4><a href="#">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-right-sidebar.html">3 Four-Star Resorts Bolster Costa Ricas Luxury Reputation</a></h2>
<p>
Cepteur sint occaecat cupidatat proident, taken possession
of my entire soul, like these sweet mornings of
springCepteur sint occaecat cupidt proident, taken
possession of my entire soul ...
</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post pb-md-2">
<div class="pic pb-4">
<img src="assets/imgs/blog/2.jpg" class="img-fluid" alt="" >
</div>
<h4><a href="#">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-left-sidebar.html">Imagine Losing 20 Pounds In 14 Days!</a></h2>
<p>
Cepteur sint occaecat cupidatat proident, taken possession
of my entire soul, like these sweet mornings of
springCepteur sint occaecat cupidt proident, taken
possession of my entire soul ...
</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post pb-md-2">
<div class="pic pb-4">
<img src="assets/imgs/blog/3.jpg" class="img-fluid" alt="" >
</div>
<h4><a href="#">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-left-sidebar.html">Burberry Brings London to LA, Including the Guards</a></h2>
<p>
Cepteur sint occaecat cupidatat proident, taken possession
of my entire soul, like these sweet mornings of
springCepteur sint occaecat cupidt proident, taken
possession of my entire soul ...
</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post pb-md-2">
<div class="pic pb-4">
<img src="assets/imgs/blog/4.jpg" class="img-fluid" alt="" >
</div>
<h4><a href="#">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-right-sidebar.html">For the First Time, Lilly Pulitzer Hosts a Resort Preview</a></h2>
<p>
Cepteur sint occaecat cupidatat proident, taken possession
of my entire soul, like these sweet mornings of
springCepteur sint occaecat cupidt proident, taken
possession of my entire soul ...
</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post pb-md-2">
<div class="pic pb-4">
<img src="assets/imgs/blog/5.jpg" class="img-fluid" alt="" >
</div>
<h4><a href="#">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-left-sidebar.html">For the First Time, Lilly Pulitzer Hosts a Resort Preview</a></h2>
<p>
Cepteur sint occaecat cupidatat proident, taken possession
of my entire soul, like these sweet mornings of
springCepteur sint occaecat cupidt proident, taken
possession of my entire soul ...
</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post pb-md-2">
<div class="pic pb-4">
<img src="assets/imgs/blog/6.jpg" class="img-fluid" alt="" >
</div>
<h4><a href="#">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-right-sidebar.html">For the First Time, Lilly Pulitzer Hosts a Resort Preview</a></h2>
<p>
Cepteur sint occaecat cupidatat proident, taken possession
of my entire soul, like these sweet mornings of
springCepteur sint occaecat cupidt proident, taken
possession of my entire soul ...
</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<!-- Blog Post Ends-->
</div>
<div class="row">
<div class="col-12">
<ul class="pagination pt-0 pt-md-4 pt-lg-5">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true"><i class="las la-angle-left"></i></span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true"
><i class="las la-angle-right"></i
></span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Left Column Ends-->
<!-- Right Column Starts-->
<div class="col-12 col-lg-3 sidebar pt-5 pt-lg-0">
<!-- Search Starts -->
<div class="search">
<h2>Search</h2>
<div class="searchform3">
<form id="search3">
<input type="text" class="form-control s" id="s3" placeholder="Type your keywork">
<button type="submit" class="sbtn3"><i class="las la-search"></i></button>
</form>
</div>
</div>
<!-- Search Ends -->
<!-- Categories Starts -->
<div class="categories">
<h2>Categories</h2>
<ul>
<li class="clearfix">
<div class="info">
<h2><a href="">Web Development</a></h2>
<h3>Lorem ipsum dolor sit amet</h3>
</div>
<div class="posts">[30]</div>
</li>
<li class="clearfix">
<div class="info">
<h2><a href="">Multipurpose Site</a></h2>
<h3>Consectetur adipisicing elit sed</h3>
</div>
<div class="posts">[19]</div>
</li>
<li class="clearfix">
<div class="info">
<h2><a href="">Technology</a></h2>
<h3>Eiusmod tempor incididunt ut</h3>
</div>
<div class="posts">[40]</div>
</li>
<li class="clearfix">
<div class="info">
<h2><a href="">Free Support</a></h2>
<h3>Laboris nisi ut aliquip ex ea</h3>
</div>
<div class="posts">[28]</div>
</li>
</ul>
</div>
<!-- Categories Ends -->
<!-- Posts Tabs Starts -->
<div class="posts-tabs">
<!-- Nav tabs -->
<ul class="nav" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="popular-tab" data-bs-toggle="tab" href="#popular" role="tab" aria-controls="popular" aria-selected="true">Popular</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="recent-tab" data-bs-toggle="tab" href="#recent" role="tab" aria-controls="recent" aria-selected="false">Recent</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="popular" role="tabpanel" aria-labelledby="popular-tab">
<ul>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/1.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Cepteur sint occae cat cupidatat proident ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/2.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Nunc molestie sapien tempor placerat ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/3.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Lorem ipsum dolor sit amet consectetur ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/4.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Nunc molestie sapien tempor placerat ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane fade" id="recent" role="tabpanel" aria-labelledby="recent-tab">
<ul>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/5.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Nunc molestie sapien tempor placerat ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/6.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Nunc molestie sapien tempor placerat ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/7.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Nunc molestie sapien tempor placerat ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
<li class="clearfix">
<div class="picture"><img src="assets/imgs/blog/popular-posts/8.jpg" width="72" height="72" alt="" ></div>
<div class="info">
<div class="caption"><a href="">Nunc molestie sapien tempor placerat ...</a></div>
<div class="date">Jan 03, 2021</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- Posts Tabs Ends -->
<!-- About Us Starts -->
<div class="about">
<h2>About Us</h2>
<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. enim ad minim veniam, quis nostrud exercitation ullamco laboris.</div>
</div>
<!-- About Us Ends -->
<!-- Photos Starts -->
<div class="photos">
<h2>Photos</h2>
<div class="row popup-gallery">
<div class="col-4"><a href="assets/imgs/sidebar/gallery/1.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/1.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/2.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/2.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/3.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/3.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/4.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/4.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/5.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/5.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/6.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/6.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/7.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/7.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/8.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/8.jpg" class="img-fluid" alt=""></a></div>
<div class="col-4"><a href="assets/imgs/sidebar/gallery/9.jpg" title="Pic Caption"><img src="assets/imgs/sidebar/gallery/9.jpg" class="img-fluid" alt=""></a></div>
</div>
</div>
<!-- Photos Ends -->
<!-- Tags Starts -->
<div class="tags">
<h2>Tags</h2>
<div class="tag-list">
<a href="#" >Website</a>
<a href="#" >Responsive</a>
<a href="#" >Multipurpose</a>
<a href="#" >SEO</a>
<a href="#" >Wordpress</a>
<a href="#" >Clean Design</a>
<a href="#" >Multipages</a>
</div>
</div>
<!-- Tags Ends -->
</div>
<!-- Right Column Ends-->
</div>
</div>
</section>
<!-- /.. BLOG GRID ENDS
========================================================================= -->
<!-- FOOTER STARTS
========================================================================= -->
<footer class="dark-grey-bg text-center">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul>
<li><a href="index.html#about">ABOUT</a></li>
<li><a href="index.html#services">SERVICES</a></li>
<li><a href="index.html#portfolio">PORTFOLIO</a></li>
<li><a href="index.html#blog">BLOG</a></li>
<li><a href="index.html#contact">CONTACT</a></li>
</ul>
</div>
</div>
<div class="row pt-4">
<div class="col-12">
<ul class="socialmedia">
<li>
<a href=""><i class="lab la-twitter"></i></a>
</li>
<li>
<a href=""><i class="lab la-facebook-f"></i></a>
</li>
<li>
<a href=""><i class="lab la-behance"></i></a>
</li>
<li>
<a href=""><i class="lab la-dribbble"></i></a>
</li>
</ul>
</div>
</div>
<div class="row pt-3 copyright">
<div class="col-12">THISONE © 2021</div>
</div>
</div>
</footer>
<!-- /.. FOOTER ENDS
========================================================================= -->
<!-- TO TOP STARTS
========================================================================= -->
<a href="#top" class="back-to-top"><i class="las la-angle-up"></i></a>
<!-- /.. TO TOP ENDS
========================================================================= -->
<!-- INCLUD ALL JS FILES
========================================================================= -->
<!--JQUERY MIN JS-->
<script src="assets/lib/jquery-1.12.4/jquery.min.js"></script>
<!--BOOTSTRAP JS-->
<script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
<!-- PRELOADER -->
<script src="assets/lib/preloader/sPreloader.js"></script>
<!-- OWL CAROUSEL -->
<script src="assets/lib/owl-carousel/owl.carousel.js"></script>
<!-- ISOTOPE GALLERY -->
<script src="assets/lib/isotope/jquery.isotope.min.js"></script>
<script src="assets/lib/isotope/custom-isotope-mansory.js"></script>
<!-- MAGNIFIC POPUP -->
<script src="assets/lib/magnific-popup/jquery.magnific-popup.js"></script>
<!-- CUSTOM JS -->
<script src="assets/js/script.js"></script>
</body>
</html>