thsOne/Corporate/blog.html

511 lines
21 KiB
HTML

<!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>Corporate 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-fluid">
<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 </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-1 g-md-3 g-lg-5">
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post white-bg text-left p-1">
<div class="pic pb-3"><img src="assets/imgs/blog/1.jpg" class="img-fluid" alt=""></div>
<div class="p-4">
<h4><a href="blog.html">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-right-sidebar.html">Single Blog Post with Right Sidebar</a></h2>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring Cepteur sint occaecat cupidt proident ...</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>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post white-bg text-left p-1">
<div class="pic pb-3"><img src="assets/imgs/blog/2.jpg" class="img-fluid" alt=""></div>
<div class="p-4">
<h4><a href="blog.html">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-left-sidebar.html">Single Blog Post with Left Sidebar</a></h2>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring, 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>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post white-bg text-left p-1">
<div class="pic pb-3"><img src="assets/imgs/blog/3.jpg" class="img-fluid" alt=""></div>
<div class="p-4">
<h4><a href="blog.html">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-without-sidebar.html">Single Blog Post without Sidebar</a></h2>
<p>Taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cuatat 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>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post white-bg text-left p-1">
<div class="pic pb-3"><img src="assets/imgs/blog/4.jpg" class="img-fluid" alt=""></div>
<div class="p-4">
<h4><a href="blog.html">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-right-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 spring Cepteur sint occaecat cupidt proident ...</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>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post white-bg text-left p-1">
<div class="pic pb-3"><img src="assets/imgs/blog/5.jpg" class="img-fluid" alt=""></div>
<div class="p-4">
<h4><a href="blog.html">/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 spring Cepteur sint occaecat cupidt proident ...</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>
</div>
<!-- Blog Post Ends-->
<!-- Blog Post Starts-->
<div class="col-12 col-md-6">
<div class="blog-post white-bg text-left p-1">
<div class="pic pb-3"><img src="assets/imgs/blog/6.jpg" class="img-fluid" alt=""></div>
<div class="p-4">
<h4><a href="blog.html">/TECHNOLOGY</a></h4>
<h2><a href="single-blog-post-without-sidebar.html">For the First Time, Lilly Hosts a Resort Preview</a></h2>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring Cepteur sint occaecat cupidt proident ...</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>
</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>