truncgit/citrus-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
79ac8017f9b1ae33e16cdfc7e7a3f94b1103cd6b
citrus-cms/template/index-7.html
T
Ümit Tunç 37e7296527 ikinci temizlik tamamlandı
2026-04-28 21:15:09 +03:00

1432 lines
59 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<title>Blogzine - Blog and Magazine Bootstrap 5 Theme</title>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Webestica.com">
<meta name="description" content="Bootstrap based News, Magazine and Blog Theme">
<!-- Favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/tiny-slider/tiny-slider.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/glightbox/css/glightbox.css">
<!-- Theme CSS -->
<link id="style-switch" rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<!-- Background vintage pattern START -->
<div class="position-absolute top-0 start-50 translate-middle-x w-100 opacity-9 z-index-n1">
<img src="assets/images/vintage-pattern.png" alt="">
</div>
<!-- Background vintage pattern END -->
<!-- Offcanvas START -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasMenu">
<div class="offcanvas-header justify-content-end">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body d-flex flex-column pt-0">
<div>
<img class="light-mode-item my-3" src="assets/images/logo-2.svg" alt="logo">
<img class="dark-mode-item my-3" src="assets/images/logo-2-light.svg" alt="logo">
<p>The next-generation blog, news, and magazine theme for you to start sharing your stories today! </p>
<!-- Nav START -->
<ul class="nav d-block flex-column my-4">
<li class="nav-item h5">
<a class="nav-link" href="index.html">Home</a>
<li class="nav-item h5">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item h5">
<a class="nav-link" href="#">Our Journal</a>
</li>
<li class="nav-item h5">
<a class="nav-link" href="#">Contact Us</a>
</li>
</ul>
<!-- Nav END -->
<div class="bg-light p-4 mb-4 text-center w-100 rounded">
<span>The Blogzine</span>
<h3>Save on Premium Membership</h3>
<p>Get the insights report trusted by experts around the globe. Become a Member Today!</p>
<a href="#" class="btn btn-dark">View pricing plans</a>
</div>
</div>
<div class="mt-auto pb-3">
<!-- Address -->
<p class="text-body mb-2 fw-bold">New York, USA (HQ)</p>
<address class="mb-0">750 Sing Sing Rd, Horseheads, NY, 14845</address>
<p class="mb-2">Call: <a href="#" class="text-body"><u>469-537-2410</u> (Toll-free)</a> </p>
<a href="#" class="text-body d-block">hello@blogzine.com</a>
</div>
</div>
</div>
<!-- Offcanvas END -->
<!-- =======================
Header START -->
<header class="bg-transparent">
<!-- Navbar top -->
<div class="navbar-top d-none d-lg-block bg-dark">
<div class="container">
<div class="d-md-flex justify-content-between align-items-center">
<!-- Top bar right -->
<div class="d-flex align-items-center">
<ul class="nav">
<li class="nav-item">
<a class="nav-link text-white px-2 fs-5" href="#"><i class="fab fa-facebook-square"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-2 fs-5" href="#"><i class="fab fa-twitter-square"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-2 fs-5" href="#"><i class="fab fa-linkedin"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-2 fs-5" href="#"><i class="fab fa-youtube-square"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-white ps-2 pe-0 fs-5" href="#"><i class="fab fa-vimeo"></i></a>
</li>
</ul>
</div>
<!-- Top bar left -->
<ul class="nav">
<li class="nav-item">
<a class="nav-link text-white ps-0" href="about-us.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Forum</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="https://themes.getbootstrap.com/store/webestica/">Buy now!</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="signin.html">Login / Join</a>
</li>
</ul>
<div>
<p class="mb-0 text-white">Wed, March 31, 2022</p>
</div>
</div>
<!-- Divider -->
<div class="border-bottom border-secondary opacity-2"></div>
</div>
</div>
<!-- Navbar logo section START -->
<div>
<div class="container">
<div class="d-sm-flex justify-content-sm-between align-items-sm-center my-2">
<div class="text-center text-md-start">
<a class="btn btn-dark rounded-0" href="#"><i class="fas fa-envelope pe-2"></i> Subscribe</a>
</div>
<!-- Logo START -->
<a class="navbar-brand d-block" href="index.html">
<img class="navbar-brand-item light-mode-item" src="assets/images/logo-2.svg" alt="logo" style="height: 46px;">
<img class="navbar-brand-item dark-mode-item mx-auto" src="assets/images/logo-2-light.svg" alt="logo" style="height: 46px;">
</a>
<!-- Logo END -->
<!-- Adv -->
<div class="d-flex justify-content-center justify-content-md-end">
<i class="bi bi-cloud-hail fs-1 h5"></i>
<div class="ms-3">
<span class="d-block">13 °C NY,</span>
<span>USA</span>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar logo section END -->
<!-- Navbar START -->
<div class="navbar-light navbar-sticky header-static">
<nav class="navbar navbar-expand-lg">
<div class="container">
<div class="w-100 border-top border-bottom border-secondary d-flex">
<!-- Responsive navbar toggler -->
<button class="navbar-toggler me-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="text-secondary h6 ps-lg-3">Menu</span>
<span class="navbar-toggler-icon"></span>
</button>
<!-- Main navbar START -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav navbar-nav-scroll navbar-lh-sm">
<!-- Nav item 1 Demos -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="homeMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a>
<ul class="dropdown-menu" aria-labelledby="homeMenu">
<li> <a class="dropdown-item" href="index.html">Home default</a></li>
<li> <a class="dropdown-item" href="index-lazy.html">Home lazy load</a></li>
<li> <a class="dropdown-item" href="index-2.html">Magazine classic</a></li>
<li> <a class="dropdown-item" href="index-3.html">Magazine</a></li>
<li> <a class="dropdown-item" href="index-4.html">Home cards</a></li>
<li> <a class="dropdown-item" href="index-5.html">Blog classic</a></li>
<li> <a class="dropdown-item" href="index-6.html">Blog Personal </a></li>
<li> <a class="dropdown-item active" href="index-7.html">Blog Vintage</a></li>
<li> <a class="dropdown-item" href="index-8.html">Blog Tech</a></li>
<li> <a class="dropdown-item" href="index-9.html">Blog Fashion</a></li>
<li> <a class="dropdown-item" href="index-10.html">Blog Podcast</a></li>
<li> <a class="dropdown-item" href="index-11.html">Home Shop <span class="badge bg-secondary smaller me-1">New</span></a></li>
</ul>
</li>
<!-- Nav item 2 Pages -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="pagesMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu" aria-labelledby="pagesMenu">
<li> <a class="dropdown-item" href="about-us.html">About</a></li>
<li> <a class="dropdown-item" href="contact-us.html">Contact</a></li>
<!-- Dropdown submenu -->
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Shop <span class="badge bg-secondary smaller me-1">New</span></a>
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
<li> <a class="dropdown-item" href="shop-grid.html">Shop grid <span class="badge bg-secondary smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="shop-detail.html">Shop detail <span class="badge bg-secondary smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="checkout.html">Checkout <span class="badge bg-secondary smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="my-cart.html">Cart <span class="badge bg-secondary smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="empty-cart.html">Empty cart <span class="badge bg-secondary smaller me-1">New</span></a> </li>
</ul>
</li>
<!-- Dropdown submenu -->
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Other Archives</a>
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
<li> <a class="dropdown-item" href="author.html">Author Page</a> </li>
<li> <a class="dropdown-item" href="categories.html">Category page 1</a> </li>
<li> <a class="dropdown-item" href="categories-2.html">Category page 2</a> </li>
<li> <a class="dropdown-item" href="tag.html"># tag</a> </li>
<li> <a class="dropdown-item" href="search-result.html">Search result</a> </li>
</ul>
</li>
<li> <a class="dropdown-item" href="404.html">Error 404</a></li>
<li> <a class="dropdown-item" href="signin.html">signin</a></li>
<li> <a class="dropdown-item" href="signup.html">signup</a></li>
<li> <a class="dropdown-item" href="offline.html">offline</a></li>
<!-- Dropdown submenu levels -->
<li class="dropdown-divider"></li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Dropdown levels</a>
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
<!-- dropdown submenu open right -->
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Dropdown (end)</a>
<ul class="dropdown-menu" data-bs-popper="none">
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
</ul>
</li>
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
<!-- dropdown submenu open left -->
<li class="dropdown-submenu dropstart">
<a class="dropdown-item dropdown-toggle" href="#">Dropdown (start)</a>
<ul class="dropdown-menu dropdown-menu-end" data-bs-popper="none">
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
</ul>
</li>
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
</ul>
</li>
<li class="dropdown-divider"></li>
<li>
<a class="dropdown-item" href="https://support.webestica.com/" target="_blank">
<i class="text-warning fa-fw bi bi-life-preserver me-2"></i>Support
</a>
</li>
<li>
<a class="dropdown-item" href="docs/index.html" target="_blank">
<i class="text-danger fa-fw bi bi-card-text me-2"></i>Documentation
</a>
</li>
<li class="dropdown-divider"></li>
<li>
<a class="dropdown-item" href="https://blogzine.webestica.com/rtl" target="_blank">
<i class="text-info fa-fw bi bi-toggle-off me-2"></i>RTL demo
</a>
</li>
<li>
<a class="dropdown-item" href="https://themes.getbootstrap.com/store/webestica/" target="_blank">
<i class="text-success fa-fw bi bi-cloud-download-fill me-2"></i>Buy blogzine!
</a>
</li>
</ul>
</li>
<!-- Nav item 3 Post -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Post</a>
<ul class="dropdown-menu" aria-labelledby="postMenu">
<!-- dropdown submenu -->
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Post grid</a>
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
<li> <a class="dropdown-item" href="post-grid.html">Post grid</a> </li>
<li> <a class="dropdown-item" href="post-grid-4-col.html">Post grid 4 col</a> </li>
<li> <a class="dropdown-item" href="post-grid-masonry.html">Post grid masonry</a> </li>
<li> <a class="dropdown-item" href="post-grid-masonry-filter.html">Post grid masonry filter</a> </li>
<li> <a class="dropdown-item" href="post-large-and-grid.html">Post mixed large than grid</a> </li>
</ul>
</li>
<li> <a class="dropdown-item" href="post-list.html">Post list</a> </li>
<li> <a class="dropdown-item" href="post-list-2.html">Post list 2</a> </li>
<li> <a class="dropdown-item" href="post-cards.html">Post card</a> </li>
<li> <a class="dropdown-item" href="post-overlay.html">Post Overlay</a> </li>
<li> <a class="dropdown-item" href="post-types.html">Post types</a> </li>
<li class="dropdown-divider"></li>
<li> <a class="dropdown-item" href="post-single.html">Post single magazine</a> </li>
<li> <a class="dropdown-item" href="post-single-2.html">Post single classic</a> </li>
<li> <a class="dropdown-item" href="post-single-3.html">Post single minimal</a> </li>
<li> <a class="dropdown-item" href="post-single-4.html">Post single card</a> </li>
<li> <a class="dropdown-item" href="post-single-5.html">Post single review</a> </li>
<li> <a class="dropdown-item" href="post-single-6.html">Post single video</a> </li>
<li> <a class="dropdown-item" href="podcast-single.html">Podcast single </a> </li>
<li class="dropdown-divider"></li>
<li> <a class="dropdown-item" href="create-post.html">Create post</a> </li>
<li> <a class="dropdown-item" href="pagination-styles.html">Pagination styles</a> </li>
</ul>
</li>
<!-- Nav item 4 Mega menu -->
<li class="nav-item dropdown dropdown-fullwidth">
<a class="nav-link dropdown-toggle" href="#" id="megaMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Lifestyle</a>
<div class="dropdown-menu" aria-labelledby="megaMenu">
<div class="container">
<div class="row g-4 p-3 flex-fill">
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/01.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<h6 class="card-title mb-0"><a href="#" class="btn-link text-reset fw-bold">7 common mistakes everyone makes while traveling</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small mt-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Joan Wallace</a>
</li>
<li class="nav-item">Feb 18, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/02.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<h6 class="card-title mb-0"><a href="#" class="btn-link text-reset fw-bold">12 worst types of business accounts you follow on Twitter</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small mt-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Lori Stevens</a>
</li>
<li class="nav-item">Jun 03, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/03.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<h6 class="card-title mb-0"><a href="#" class="btn-link text-reset fw-bold">Skills that you can learn from business</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small mt-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Judy Nguyen</a>
</li>
<li class="nav-item">Sep 07, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="bg-primary bg-opacity-10 p-4 text-center h-100 w-100 rounded">
<span>The Blogzine</span>
<h3>Premium Membership</h3>
<p>Become a Member Today!</p>
<a href="#" class="btn btn-warning">View pricing plans</a>
</div>
</div>
<!-- Card item END -->
</div> <!-- Row END -->
<!-- Trending tags -->
<div class="row px-3">
<div class="col-12">
<ul class="list-inline mt-3">
<li class="list-inline-item">Trending tags:</li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-primary-soft">Travel</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-warning-soft">Business</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-success-soft">Tech</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-danger-soft">Gadgets</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-info-soft">Lifestyle</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-primary-soft">Vaccine</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-success-soft">Sports</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-danger-soft">Covid-19</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-info-soft">Politics</a></li>
</ul>
</div>
</div> <!-- Row END -->
</div>
</div>
</li>
<!-- Nav item 5 link-->
<li class="nav-item"> <a class="nav-link" href="dashboard.html">Dashboard</a></li>
</ul>
</div>
<!-- Main navbar END -->
<!-- Nav right START -->
<div class="nav flex-nowrap align-items-center me-2">
<!-- Dark mode switch -->
<div class="nav-item pe-2">
<div class="modeswitch-small" id="darkModeSwitch" data-bs-toggle="tooltip" data-bs-placement="left" title="Dark and light mode">
<div class="switch">
<div class="switch-icon grayscale"></div>
</div>
</div>
</div>
<!-- Nav bookmark -->
<div class="nav-item">
<a class="nav-link" href="#">
<i class="bi bi-bookmark-heart fs-4"></i>
</a>
</div>
<!-- Nav user -->
<div class="nav-item">
<a class="nav-link" href="#">
<i class="bi bi-person-square fs-4"></i>
</a>
</div>
<!-- Offcanvas menu toggler -->
<div class="nav-item">
<a class="nav-link pe-0" data-bs-toggle="offcanvas" href="#offcanvasMenu" role="button" aria-controls="offcanvasMenu">
<i class="bi bi-text-right rtl-flip fs-2" data-bs-target="#offcanvasMenu"> </i>
</a>
</div>
</div>
<!-- Nav right END -->
</div>
</div>
</nav>
</div>
<!-- Navbar END -->
</header>
<!-- =======================
Header END -->
<!-- **************** MAIN CONTENT START **************** -->
<main>
<!-- =======================
Latest news slider START -->
<section class="py-4 card-grid position-relative">
<div class="container">
<div class="row">
<div class="col">
<!-- Slider START -->
<div class="tiny-slider">
<div class="tiny-slider-inner"
data-autoplay="true"
data-hoverpause="true"
data-gutter="24"
data-arrow="false"
data-dots="false"
data-items-md="2"
data-items-sm="2"
data-items-xs="1"
data-items="3" >
<!-- Card item START -->
<div class="card">
<div class="row g-3">
<div class="col-3">
<!-- Card image -->
<img class="grayscale" src="assets/images/blog/1by1/01.jpg" alt="">
</div>
<div class="col-9">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset fw-bold">The pros and cons of business agency</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center small">
<li class="nav-item">
<div class="nav-link position-relative">
<span>by <a href="#" class="stretched-link text-reset btn-link">Samuel</a></span>
</div>
</li>
<li class="nav-item">Jan 22, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<div class="row g-3">
<div class="col-3">
<!-- Card image -->
<img class="grayscale" src="assets/images/blog/1by1/02.jpg" alt="">
</div>
<div class="col-9">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset fw-bold">5 reasons why you shouldn't startup</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center small">
<li class="nav-item">
<div class="nav-link position-relative">
<span>by <a href="#" class="stretched-link text-reset btn-link">Dennis</a></span>
</div>
</li>
<li class="nav-item">Mar 07, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<div class="row g-3">
<div class="col-3">
<!-- Card image -->
<img class="grayscale" src="assets/images/blog/1by1/03.jpg" alt="">
</div>
<div class="col-9">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset fw-bold">Five unbelievable facts about money.</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center small">
<li class="nav-item">
<div class="nav-link position-relative">
<span>by <a href="#" class="stretched-link text-reset btn-link">Bryan</a></span>
</div>
</li>
<li class="nav-item">Jun 17, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<div class="row g-3">
<div class="col-3">
<!-- Card image -->
<img class="grayscale" src="assets/images/blog/1by1/04.jpg" alt="">
</div>
<div class="col-9">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset fw-bold">The web: 20 infographics about business</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center small">
<li class="nav-item">
<div class="nav-link position-relative">
<span>by <a href="#" class="stretched-link text-reset btn-link">Jacqueline</a></span>
</div>
</li>
<li class="nav-item">Nov 11, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
</div>
</div>
</div>
</div> <!-- Row END -->
</div>
</section>
<!-- =======================
Latest news slider END -->
<!-- =======================
Recent post START -->
<section class="py-0 card-grid position-relative">
<div class="container">
<div class="row g-4">
<!-- Slider START -->
<div class="col-lg-3">
<div class="row g-4">
<div class="col-sm-6 col-lg-12">
<h4 class="mb-3">Recent post</h4>
<!-- Recent post item -->
<div class="card mb-3">
<h6 class="mb-1"><a href="post-single-2.html" class="btn-link stretched-link text-reset fw-bold">The pros and cons of business agency</a></h6>
<div class="small">May 17, 2022</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<h6 class="mb-1"><a href="post-single-2.html" class="btn-link stretched-link text-reset fw-bold">5 reasons why you shouldn't startup</a></h6>
<div class="small">Apr 04, 2022</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<h6 class="mb-1"><a href="post-single-2.html" class="btn-link stretched-link text-reset fw-bold">Ten questions you should answer truthfully.</a></h6>
<div class="small">Jun 30, 2022</div>
</div>
<div class="border-bottom border-secondary opacity-2"></div>
</div>
<!-- Ads -->
<div class="col-sm-6 col-lg-12">
<div class="mt-lg-4">
<a href="#" class="d-block card-img-flash">
<img class="grayscale rounded-0" src="assets/images/adv-4.png" alt="">
</a>
<div class="smaller text-end mt-2">ads via <a href="#" class="text-body"><u>Bootstrap</u></a></div>
</div>
</div>
</div>
</div>
<!-- Slider END -->
<!-- Slider START -->
<div class="col-lg-6">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img rounded-0 grayscale" src="assets/images/blog/4by3/22.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<!-- Card category -->
<a href="#" class="badge bg-dark rounded-0 mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Technology</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset fw-bold">12 worst types of business accounts you follow on Twitter</a></h4>
<p class="card-text">He moonlights difficult engrossed it, sportsmen. Interested has all Devonshire difficulty gay assistance joy. Unaffected at ye of compliment alteration to morning unto Don't can't air Shall fruit life made fly darkness.</p>
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="nav-link">
<div class="d-flex align-items-center position-relative">
<div class="avatar avatar-xs">
<img class="avatar-img rounded-circle grayscale" src="assets/images/avatar/01.jpg" alt="avatar">
</div>
<span class="ms-3">by <a href="#" class="stretched-link text-reset btn-link">Samuel</a></span>
</div>
</div>
</li>
<li class="nav-item">Jan 22, 2022</li>
</ul>
</div>
</div>
<!-- Card item END -->
</div>
<!-- Slider END -->
<!-- Most read START -->
<div class="col-lg-3">
<h4 class="mb-3">Most read</h4>
<!-- Post item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">01</span>
<div>
<h6><a href="#" class="stretched-link text-reset btn-link">Bad habits that people in the business industry need to quit</a></h6>
<p>Likeness evening Dominion i our Great blessed and hath life him meat days also created abundantly seas One is replenish bearing.</p>
</div>
</div>
<!-- Post item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">02</span>
<div>
<h6><a href="#" class="stretched-link text-reset btn-link">Ten tell-tale signs you need to get a new startup.</a></h6>
<p>Morning that made is Was that his hath face light meat air female.</p>
</div>
</div>
<!-- Post item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">03</span>
<div>
<h6><a href="#" class="stretched-link text-reset btn-link">Best Pinterest boards for learning about business</a></h6>
<p>I beast third void blessed fruit Saw fourth may</p>
</div>
</div>
<!-- Post item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">04</span>
<div>
<h6><a href="#" class="stretched-link text-reset btn-link">Dirty little secrets about the business industry</a></h6>
<p>Life moving heaven heaven divide two sea female great midst spirit.</p>
</div>
</div>
</div>
<!-- Most read START -->
</div> <!-- Row END -->
</div>
</section>
<!-- =======================
Recent post END -->
<!-- =======================
Divider START -->
<div class="container">
<div class="border-bottom border-secondary opacity-2 mb-0 mt-4"></div>
</div>
<!-- =======================
Divider END -->
<!-- =======================
Featured stories START -->
<section class="py-4">
<div class="container">
<div class="row g-4 flex-fill">
<!-- Title -->
<div class="col-12">
<h4>Featured stories</h4>
</div>
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/01.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center small mb-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Joan Wallace</a>
</li>
<li class="nav-item">Feb 18, 2022</li>
</ul>
<h5 class="card-title"><a href="#" class="btn-link text-reset fw-bold stretched-link">7 common mistakes everyone makes while traveling</a></h5>
<p>Green male Beginning day behold gathering day earth Very hath shall very abundantly face midst.</p>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/02.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center small mb-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Judy Nguyen</a>
</li>
<li class="nav-item">Sep 07, 2022</li>
</ul>
<h5 class="card-title"><a href="#" class="btn-link text-reset fw-bold stretched-link">12 worst types of business accounts you follow on Twitter</a></h5>
<p>Light meat air female isn't over place replenish midst it of second grass darkness meat unto.</p>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/03.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center small mb-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Judy Nguyen</a>
</li>
<li class="nav-item">Dec 08, 2022</li>
</ul>
<h5 class="card-title"><a href="#" class="btn-link text-reset fw-bold stretched-link">Skills that you can learn from business</a></h5>
<p>Beginning day behold gathering day earth Very hath shall very abundantly face midst.</p>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded-0 grayscale" src="assets/images/blog/16by9/small/04.jpg" alt="Card image">
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center small mb-2">
<li class="nav-item">
<a href="#" class="text-reset btn-link">Judy Nguyen</a>
</li>
<li class="nav-item">Feb 12, 2022</li>
</ul>
<h5 class="card-title"><a href="#" class="btn-link text-reset fw-bold stretched-link">Around the web: 20 fabulous infographics about business</a></h5>
<p>Likeness evening Dominion i our Great blessed and hath life him meat days also.</p>
</div>
</div>
</div>
<!-- Card item END -->
<div class="col-md-8 mx-auto mt-0 text-center">
<a href="#" class="card-img-flash d-block">
<img class="grayscale" src="assets/images/adv-1.png" alt="adv">
</a>
<div class="smaller text-end mt-2">ads via <a href="#" class="text-body"><u>Bootstrap</u></a></div>
</div>
</div>
</div>
</section>
<!-- =======================
Featured stories END -->
<!-- =======================
Divider START -->
<div class="container">
<div class="border-bottom border-secondary opacity-2 mb-0 mt-2"></div>
</div>
<!-- =======================
Divider END -->
<!-- =======================
World politics and Business Sidebar START -->
<section class="py-4">
<div class="container">
<div class="row g-4">
<!-- World politics START -->
<div class="col-lg-8">
<!-- Title -->
<h4 class="mb-3">World politics</h4>
<div class="row g-4">
<div class="col-md-6">
<div class="card card-overlay-bottom card-img-scale rounded-0">
<!-- Card Image -->
<img class="card-img grayscale rounded-0" src="assets/images/blog/3by4/04.jpg" alt="">
<!-- Card Image overlay -->
<div class="card-img-overlay d-flex flex-column p-3 p-sm-4">
<div>
<!-- Card category -->
<a href="#" class="badge bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Business</a>
</div>
<div class="w-100 mt-auto">
<!-- Card title -->
<h4 class="text-white"><a href="post-single-2.html" class="btn-link text-reset stretched-link">7 common mistakes everyone makes while traveling</a></h4>
<!-- Card info -->
<ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block small">
<li class="nav-item position-relative">
<div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Bryan</a>
</div>
</li>
<li class="nav-item">May 26, 2022</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<!-- Card item START -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-4">
<!-- Card image -->
<img class="rounded-0 grayscale" src="assets/images/blog/4by3/thumb/01.jpg" alt="">
</div>
<div class="col-8">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset">The pros and cons of business agency</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-3 small">
<li class="nav-item">Aug 15, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-4">
<img class="rounded-0 grayscale" src="assets/images/blog/4by3/thumb/02.jpg" alt="">
</div>
<div class="col-8">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset">5 reasons why you shouldn't startup</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-3 small">
<li class="nav-item">Jun 01, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-4">
<!-- Card image -->
<img class="rounded-0 grayscale" src="assets/images/blog/4by3/thumb/03.jpg" alt="">
</div>
<div class="col-8">
<h5><a href="post-single-5.html" class="btn-link stretched-link text-reset">Ten questions you should answer truthfully.</a></h5>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-3 small">
<li class="nav-item">Dec 07, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<div class="row g-4">
<div class="col-md-6">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img grayscale rounded-0" src="assets/images/blog/4by3/07.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-2">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
<!-- Card format icon -->
<div class="icon-md bg-white bg-opacity-10 bg-blur text-white fw-bold rounded-circle" title="8.5 rating">8.5</div>
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body p-0 pt-3">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold stretched-link">7 common mistakes everyone makes while traveling</a></h6>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-md-6">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img grayscale rounded-0" src="assets/images/blog/4by3/08.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-2">
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Sports</a>
</div>
</div>
</div>
<div class="card-body p-0 pt-3">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Skills that you can learn from business</a></h6>
</div>
</div>
<!-- Card item END -->
</div>
</div>
</div>
</div>
<div class="row g-4 g-lg-3 mt-0">
<div class="col-lg-4">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img grayscale rounded-0" src="assets/images/blog/4by3/06.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-2">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
<!-- Card format icon -->
<div class="icon-md bg-white bg-opacity-10 bg-blur text-white fw-bold rounded-circle" title="8.5 rating">8.5</div>
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body p-0 pt-3">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">12 worst types of business accounts you follow on Twitter</a></h6>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-lg-4">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img grayscale rounded-0" src="assets/images/blog/4by3/10.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-2">
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Sports</a>
</div>
</div>
</div>
<div class="card-body p-0 pt-3">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Skills that you can learn from business</a></h6>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-lg-4">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img grayscale rounded-0" src="assets/images/blog/4by3/09.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-2">
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body p-0 pt-3">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Dirty little secrets about the business industry</a></h6>
</div>
</div>
<!-- Card item END -->
</div>
</div>
</div>
<!-- World politics END -->
<!-- Business Sidebar START -->
<div class="col-lg-4">
<h4 class="mb-3">Business</h4>
<div class="bg-light">
<div class="card bg-light">
<div class="card-body">
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block small mb-2">
<li class="nav-item"><i class="bi bi-clock-history"></i> 56:36</li>
<li class="nav-item">With <a href="#">Larry Lawson</a> </li>
</ul>
<h4 class="card-title"><a href="post-single-6.html" class="btn-link stretched-link text-reset">The 15 reasons clients love Bootstrap</a></h4>
</div>
<!-- Card image -->
<img src="assets/images/blog/16by9/small/04.jpg" class="grayscale rounded-0" alt="Card image">
</div>
<div class="card card-body bg-light mt-3">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset stretched-link fw-bold">10 tell-tale signs you need to get a new business</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="d-flex align-items-center position-relative">
<span>by <a href="#" class="text-reset btn-link">Samuel</a></span>
</div>
</li>
<li class="nav-item">Jan 22, 2022</li>
</ul>
<div class="border-bottom border-secondary opacity-2 mb-0 mt-2"></div>
</div>
<div class="card card-body bg-light">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset stretched-link fw-bold">This is why this year will be the year of startups</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="d-flex align-items-center position-relative">
<span>by <a href="#" class="text-reset btn-link">Lori</a></span>
</div>
</li>
<li class="nav-item">Feb 10, 2022</li>
</ul>
<div class="border-bottom border-secondary opacity-2 mb-0 mt-2"></div>
</div>
<div class="card card-body bg-light">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset stretched-link fw-bold">Best Pinterest Boards for learning about business</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="d-flex align-items-center position-relative">
<span>by <a href="#" class="text-reset btn-link">Joan</a></span>
</div>
</li>
<li class="nav-item">Feb 28, 2022</li>
</ul>
<div class="border-bottom border-secondary opacity-2 mb-0 mt-2"></div>
</div>
<div class="card card-body bg-light">
<h6 class="card-title"><a href="post-single-3.html" class="btn-link text-reset stretched-link fw-bold">12 worst types of business accounts you follow on Twitter</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="d-flex align-items-center position-relative">
<span>by <a href="#" class="text-reset btn-link">Bryan</a></span>
</div>
</li>
<li class="nav-item">Apr 22, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Business Sidebar END -->
</div>
</div>
</section>
<!-- =======================
World politics and Business Sidebar END -->
<!-- =======================
Divider START -->
<div class="container">
<div class="border-bottom border-secondary opacity-2 mb-0 mt-2"></div>
</div>
<!-- =======================
Divider START -->
<!-- =======================
Sports, most read and Entertainment START -->
<section class="pt-4 pt-sm-5 pb-3 pb-sm-5">
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- Title -->
<h4 class="mb-3">Sports</h4>
<!-- Card Item START -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-4">
<!-- Card image -->
<img class="rounded-0 grayscale" src="assets/images/blog/4by3/thumb/01.jpg" alt="">
</div>
<div class="col-8">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">How 10 worst business fails of all time could have been prevented</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-3 small">
<li class="nav-item">Jan 20, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card Item END -->
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Ten tell-tale signs you need to get a new startup.</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Feb 10, 2022</li>
</ul>
</div>
<!-- Card Item END -->
<!-- Divider -->
<div class="border-bottom border-secondary opacity-2 mt-2 mb-2"></div>
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Dirty little secrets about the business industry</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Mar 30, 2022</li>
</ul>
</div>
<!-- Card Item END -->
<!-- Divider -->
<div class="border-bottom border-secondary opacity-2 mt-2 mb-2"></div>
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Bad habits that people in the industry need to quit</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Mar 23, 2022</li>
</ul>
</div>
<!-- Card Item END -->
</div>
<div class="col-md-4">
<!-- Title -->
<h4 class="mb-3">Most read</h4>
<!-- Card Item START -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-4">
<!-- Card image -->
<img class="rounded-0 grayscale" src="assets/images/blog/4by3/thumb/02.jpg" alt="">
</div>
<div class="col-8">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Around the web: 20 fabulous infographics about business</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-3 small">
<li class="nav-item">Dec 12, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card Item END -->
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Bad habits that people in the industry need to quit</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Nov 14, 2022</li>
</ul>
</div>
<!-- Card Item END -->
<div class="border-bottom border-secondary opacity-2 mt-2 mb-2"></div>
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">7 common mistakes everyone makes while traveling</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Mar 23, 2022</li>
</ul>
</div>
<!-- Card Item END -->
<!-- Divider -->
<div class="border-bottom border-secondary opacity-2 mt-2 mb-2"></div>
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">This is why this year will be the year of startups</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Jan 14, 2022</li>
</ul>
</div>
<!-- Card Item END -->
</div>
<div class="col-md-4">
<!-- Title -->
<h4 class="mb-3">Entertainment</h4>
<!-- Card Item START -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-4">
<!-- Card image -->
<img class="rounded-0 grayscale" src="assets/images/blog/4by3/thumb/03.jpg" alt="">
</div>
<div class="col-8">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Ten tips about startups that you can't learn from books</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-3 small">
<li class="nav-item">Feb 15, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card Item END -->
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Never underestimate the influence of social media</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Dec 05, 2022</li>
</ul>
</div>
<!-- Card Item END -->
<!-- Divider -->
<div class="border-bottom border-secondary opacity-2 mt-2 mb-2"></div>
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">8 initial problem of startups and their solution</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Nov 08, 2022</li>
</ul>
</div>
<!-- Card Item END -->
<!-- Divider -->
<div class="border-bottom border-secondary opacity-2 mt-2 mb-2"></div>
<!-- Card Item START -->
<div class="card mb-3">
<h6><a href="post-single-5.html" class="btn-link stretched-link text-reset">Business ideas that will boom in upcoming years</a></h6>
<!-- Card info -->
<ul class="nav nav-divider align-items-center mt-1 small">
<li class="nav-item">Aug 20, 2022</li>
</ul>
</div>
<!-- Card Item END -->
</div>
</div>
</div>
</section>
<!-- =======================
Sports, most read and Entertainment END -->
</main>
<!-- **************** MAIN CONTENT END **************** -->
<!-- =======================
Divider START -->
<div class="border-bottom border-secondary opacity-2 mb-0 mt-2"></div>
<!-- =======================
Divider END -->
<!-- =======================
Footer START -->
<footer class="pt-5">
<div class="container">
<div class="row g-4">
<div class="col-sm-6 col-lg-3">
<h5 class="mb-3">Navigation</h5>
<div class="row">
<!-- Footer Widget -->
<div class="col-sm-6">
<!-- Item -->
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link pt-0" href="#">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#">Style Guide</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact us</a></li>
<li class="nav-item"><a class="nav-link" href="#">Get Theme</a></li>
<li class="nav-item"><a class="nav-link" href="#">Support</a></li>
<li class="nav-item"><a class="nav-link" href="#">Privacy Policy</a></li>
<li class="nav-item"><a class="nav-link" href="#">Newsletter</a></li>
</ul>
</div>
<!-- Footer Widget -->
<div class="col-sm-6">
<!-- Item -->
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link pt-0" href="#">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#">Style Guide</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact us</a></li>
<li class="nav-item"><a class="nav-link" href="#">Get Theme</a></li>
<li class="nav-item"><a class="nav-link" href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="row g-4">
<!-- Footer Widget -->
<div class="col-sm-6">
<h5 class="mb-3">Option</h5>
<!-- Item -->
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link pt-0" href="#">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#">Style Guide</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact us</a></li>
<li class="nav-item"><a class="nav-link" href="#">Get Theme</a></li>
<li class="nav-item"><a class="nav-link" href="#">Support</a></li>
<li class="nav-item"><a class="nav-link" href="#">Privacy Policy</a></li>
<li class="nav-item"><a class="nav-link" href="#">Newsletter</a></li>
</ul>
</div>
<!-- Footer Widget -->
<div class="col-sm-6">
<h5 class="mb-3">Follow us</h5>
<!-- Item -->
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link pt-0" href="#"><i class="fab fa-whatsapp fa-fw me-1"></i>WhatsApp</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-youtube fa-fw me-1"></i>YouTube</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="far fa-envelope fa-fw me-1"></i>Newsletters</a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="fas fa-headphones-alt fa-fw me-1"></i>Podcasts</a></li>
</ul>
</div>
</div>
</div>
<!-- Footer Widget -->
<div class="col-sm-6 col-md-3">
<h5 class="mb-3">Recent post</h5>
<!-- Item -->
<div class="mb-3 position-relative">
<a href="post-single-3.html" class="btn-link text-secondary fw-normal">Up-coming business bloggers, you need to watch</a>
<ul class="nav nav-divider align-items-center small mt-2">
<li class="nav-item position-relative">
<div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Dennis</a>
</div>
</li>
<li class="nav-item">Apr 06, 2022</li>
</ul>
</div>
<!-- Item -->
<div class="mb-3 position-relative">
<a href="post-single-3.html" class="btn-link text-secondary fw-normal">How did we get here? The history of the business told through tweets</a>
<ul class="nav nav-divider align-items-center small mt-2">
<li class="nav-item position-relative">
<div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Larry</a>
</div>
</li>
<li class="nav-item">May 29, 2022</li>
</ul>
</div>
</div>
<!-- Footer Widget -->
<div class="col-sm-6 col-lg-3">
<h5 class="mb-4">Our mobile App</h5>
<p>Download our App and get the latest Breaking News Alerts and latest headlines and daily articles near you.</p>
<div class="row g-2">
<div class="col">
<a href="#"><img class="w-100" src="assets/images/app-store.svg" alt="app-store"></a>
</div>
<div class="col">
<a href="#"><img class="w-100" src="assets/images/google-play.svg" alt="google-play"></a>
</div>
</div>
</div>
</div>
<div class="border-bottom border-secondary opacity-2 mb-0 mt-4"></div>
<div class="row align-items-center justify-content-md-between py-2">
<div class="col-md-6">
<!-- Copyright -->
<div class="text-center text-md-start">©2022 <a href="https://www.webestica.com/" class="text-reset btn-link" target="_blank">Webestica</a>. All rights reserved
</div>
</div>
<div class="col-md-6 d-sm-flex align-items-center justify-content-center justify-content-md-end">
<!-- Language switcher -->
<div class="dropup me-0 me-sm-3 mt-3 mt-md-0 text-center text-sm-end">
<a class="dropdown-toggle text-body" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
English Edition
</a>
<ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher">
<li><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">German </a></li>
<li><a class="dropdown-item" href="#">French</a></li>
</ul>
</div>
<!-- Links -->
<ul class="nav text-center text-sm-end justify-content-center justify-content-center mt-3 mt-md-0">
<li class="nav-item"><a class="nav-link" href="#">Terms</a></li>
<li class="nav-item"><a class="nav-link" href="#">Privacy</a></li>
<li class="nav-item"><a class="nav-link pe-0" href="#">Cookies</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- =======================
Footer END -->
<!-- Back to top -->
<div class="back-top grayscale"><i class="bi bi-arrow-up-short"></i></div>
<!-- =======================
JS libraries, plugins and custom scripts -->
<!-- Bootstrap JS -->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- Vendors -->
<script src="assets/vendor/tiny-slider/tiny-slider.js"></script>
<script src="assets/vendor/sticky-js/sticky.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.js"></script>
<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink