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

1126 lines
52 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">
<!-- Theme CSS -->
<link id="style-switch" rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<!-- =======================
Header START -->
<header class="navbar-light navbar-sticky header-static">
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand" href="index.html">
<img class="navbar-brand-item light-mode-item" src="assets/images/logo.svg" alt="logo">
<img class="navbar-brand-item dark-mode-item" src="assets/images/logo-light.svg" alt="logo">
</a>
<!-- Logo END -->
<!-- Responsive navbar toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="text-body h6 d-none d-sm-inline-block">Menu</span>
<span class="navbar-toggler-icon"></span>
</button>
<!-- Main navbar START -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<!-- Nav Search START -->
<div class="nav mt-3 mt-lg-0 px-4 flex-nowrap align-items-center">
<div class="nav-item w-100">
<form class="rounded position-relative">
<input class="form-control pe-5 bg-light" type="search" placeholder="Search the blog" aria-label="Search">
<button class="btn bg-transparent border-0 px-2 py-0 position-absolute top-50 end-0 translate-middle-y" type="submit"><i class="bi bi-search fs-5"> </i></button>
</form>
</div>
</div>
<!-- Nav Search END -->
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<!-- Nav item 1 Demos -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" 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 active" 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" 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-danger 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-danger 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-danger smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="shop-detail.html">Shop detail <span class="badge bg-danger smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="checkout.html">Checkout <span class="badge bg-danger smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="my-cart.html">Cart <span class="badge bg-danger smaller me-1">New</span></a> </li>
<li> <a class="dropdown-item" href="empty-cart.html">Empty cart <span class="badge bg-danger 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="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" 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" 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" 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 -->
<!-- Dark mode switch -->
<div class="modeswitch ms-4" id="darkModeSwitch">
<div class="switch"></div>
</div>
</div>
</nav>
<!-- Logo Nav END -->
</header>
<!-- =======================
Header END -->
<!-- **************** MAIN CONTENT START **************** -->
<main>
<!-- =======================
Main hero START -->
<section class="pt-0 card-grid">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tiny-slider arrow-hover arrow-blur arrow-white arrow-round rounded-3 overflow-hidden">
<div class="tiny-slider-inner"
data-autoplay="true"
data-hoverpause="true"
data-gutter="0"
data-arrow="true"
data-dots="false"
data-items="1">
<!-- Slide 1 -->
<div class="card card-overlay-bottom card-bg-scale h-400 h-sm-500 h-md-600 rounded-0" style="background-image:url(assets/images/blog/16by9/04.jpg); background-position: center left; background-size: cover;">
<!-- Card Image overlay -->
<div class="card-img-overlay d-flex align-items-center p-3 p-sm-5">
<div class="w-100 mt-auto">
<div class="col-md-10 col-lg-7">
<!-- Card category -->
<a href="#" class="badge text-bg-primary mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Business</a>
<!-- Card title -->
<h2 class="text-white display-5"><a href="post-single-4.html" class="btn-link text-reset fw-normal">Never underestimate the influence of social media</a></h2>
<p class="text-white">For who thoroughly her boy estimating conviction. Removed demands expense account in outward tedious do.</p>
<!-- Card info -->
<ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="nav-link">
<div class="d-flex align-items-center text-white position-relative">
<div class="avatar avatar-sm">
<img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar">
</div>
<span class="ms-3">by <a href="#" class="stretched-link text-reset btn-link">Carolyn</a></span>
</div>
</div>
</li>
<li class="nav-item">Jan 26, 2022</li>
<li class="nav-item">3 min read</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="card card-overlay-bottom card-bg-scale h-400 h-sm-500 h-md-600 rounded-0" style="background-image:url(assets/images/blog/16by9/03.jpg); background-position: center left; background-size: cover;">
<!-- Card Image overlay -->
<div class="card-img-overlay d-flex align-items-center p-3 p-sm-5">
<div class="w-100 mt-auto">
<div class="col-md-10 col-lg-7">
<!-- Card category -->
<a href="#" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Lifestyle</a>
<!-- Card title -->
<h2 class="text-white display-5"><a href="post-single-4.html" class="btn-link text-reset fw-normal">This is why this year will be the year of startups</a></h2>
<p class="text-white">Particular way thoroughly unaffected projection favorable Mrs can be projecting own. </p>
<!-- Card info -->
<ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block">
<li class="nav-item">
<div class="nav-link">
<div class="d-flex align-items-center text-white position-relative">
<div class="avatar avatar-sm">
<img class="avatar-img rounded-circle" src="assets/images/avatar/04.jpg" alt="avatar">
</div>
<span class="ms-3">by <a href="#" class="stretched-link text-reset btn-link">Louis</a></span>
</div>
</div>
</li>
<li class="nav-item">Nov 15, 2022</li>
<li class="nav-item">5 min read</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- Row END -->
</div>
</section>
<!-- =======================
Main hero END -->
<!-- =======================
Highlights START -->
<section class="pt-0">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Card item START -->
<div class="card border rounded-3 up-hover p-4 mb-4">
<div class="row g-3">
<div class="col-lg-5">
<!-- Categories -->
<a href="#" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
<a href="#" class="badge text-bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Startups</a>
<!-- Title -->
<h2 class="card-title">
<a href="post-single-6.html" class="btn-link text-reset stretched-link">7 common mistakes everyone makes while traveling</a>
</h2>
<!-- Author info -->
<div class="d-flex align-items-center position-relative mt-3">
<div class="avatar me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/07.jpg" alt="avatar">
</div>
<div>
<h5 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Lori Ferguson</a></h5>
<ul class="nav align-items-center small">
<li class="nav-item me-3">Mar 07, 2022</li>
<li class="nav-item"><i class="far fa-clock me-1"></i>5 min read</li>
</ul>
</div>
</div>
</div>
<!-- Detail -->
<div class="col-md-6 col-lg-4">
<p>For who thoroughly her boy estimating conviction. Removed demands expense account in outward tedious do. Particular way thoroughly unaffected projection favorable Mrs can be projecting own. Thirty it matter enable become admire in giving. See resolved goodness felicity shy civility domestic had but. Drawings offended yet answered Jennings perceive laughing six did far. </p>
</div>
<!-- Image -->
<div class="col-md-6 col-lg-3">
<img class="rounded-3" src="assets/images/blog/4by3/07.jpg" alt="Card image">
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card border rounded-3 up-hover p-4 mb-4">
<div class="row g-3">
<div class="col-lg-5">
<!-- Categories -->
<a href="#" class="badge text-bg-success mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Travel</a>
<!-- Title -->
<h2 class="card-title">
<a href="post-single-6.html" class="btn-link text-reset stretched-link">Never underestimate the influence of social media</a>
</h2>
<!-- Author info -->
<div class="d-flex align-items-center position-relative mt-3">
<!-- Avatar img -->
<div class="avatar me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/02.jpg" alt="avatar">
</div>
<div>
<h5 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Samuel Bishop</a></h5>
<ul class="nav align-items-center small">
<li class="nav-item me-3">Jul 15, 2020</li>
<li class="nav-item"><i class="far fa-clock me-1"></i>9 min read</li>
</ul>
</div>
</div>
</div>
<!-- Detail -->
<div class="col-md-6 col-lg-4">
<p>Perceived end knowledge certainly day sweetness why cordially. Ask a quick six seven offer see among. Handsome met debating sir dwelling age material. As style lived he worse dried. Offered related so visitors we private removed. Moderate do subjects to distance.
</p>
</div>
<!-- Image -->
<div class="col-md-6 col-lg-3">
<img class="rounded-3" src="assets/images/blog/4by3/02.jpg" alt="Card image">
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card border rounded-3 up-hover p-4 mb-4">
<div class="row g-3">
<div class="col-lg-5">
<!-- Categories -->
<a href="#" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Inversment</a>
<a href="#" class="badge text-bg-primary mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Business</a>
<!-- Title -->
<h2 class="card-title">
<a href="post-single-6.html" class="btn-link text-reset stretched-link">Best Twitter accounts for learning about investment</a>
</h2>
<!-- Author info -->
<div class="d-flex align-items-center position-relative mt-3">
<!-- Avatar img -->
<div class="avatar me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</div>
<div>
<h5 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Joan Wallace</a></h5>
<ul class="nav align-items-center small">
<li class="nav-item me-3">Dec 18, 2022</li>
<li class="nav-item"><i class="far fa-clock me-1"></i>2 min read</li>
</ul>
</div>
</div>
</div>
<!-- Detail -->
<div class="col-md-6 col-lg-4">
<p>Speedily say has suitable disposal add boy. On forth doubt miles of child. Exercise joy man children rejoiced. Yet uncommonly his ten who diminution astonished. Demesne new manners savings staying had. Under folly balls, death own point now men. Match way these she avoids seeing death. She who drift their fat off. </p>
</div>
<!-- Image -->
<div class="col-md-6 col-lg-3">
<img class="rounded-3" src="assets/images/blog/4by3/01.jpg" alt="Card image">
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card border rounded-3 up-hover p-4 mb-4">
<div class="row g-3">
<div class="col-lg-5">
<!-- Categories -->
<a href="#" class="badge text-bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Covid-19</a>
<!-- Title -->
<h2 class="card-title">
<a href="post-single-6.html" class="btn-link text-reset stretched-link">10 facts about business that will instantly put you in a good mood</a>
</h2>
<!-- Author info -->
<div class="d-flex align-items-center position-relative mt-3">
<!-- Avatar img -->
<div class="avatar me-2">
<div class="avatar-img rounded-circle bg-danger bg-opacity-10">
<span class="text-danger position-absolute top-50 start-50 translate-middle fw-bold small">SL</span>
</div>
</div>
<div>
<h5 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Bryan Knight</a></h5>
<ul class="nav align-items-center small">
<li class="nav-item me-3">May 30, 2022</li>
<li class="nav-item"><i class="far fa-clock me-1"></i>5 min read</li>
</ul>
</div>
</div>
</div>
<!-- Detail -->
<div class="col-md-6 col-lg-4">
<p>Comfort reached gay perhaps chamber his six detract besides add. Moonlight newspaper up its enjoyment agreeable depending. Timed voice share led him to widen noisy young. At weddings believed laughing although the material does the exercise of. Up attempt offered ye civilly so sitting to. She new course gets living within Elinor joy. She rapturous suffering concealed. </p>
</div>
<!-- Image -->
<div class="col-md-6 col-lg-3">
<img class="rounded-3" src="assets/images/blog/4by3/03.jpg" alt="Card image">
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card border rounded-3 up-hover p-4 mb-4">
<div class="row g-3">
<div class="col-lg-5">
<!-- Categories -->
<a href="#" class="badge text-bg-primary mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Tricks</a>
<a href="#" class="badge text-bg-dark mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Photography</a>
<!-- Title -->
<h2 class="card-title">
<a href="post-single-6.html" class="btn-link text-reset stretched-link">10 biggest problem of startups, and how you can fix it</a>
</h2>
<!-- Author info -->
<div class="d-flex align-items-center position-relative mt-3">
<div class="avatar me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/04.jpg" alt="avatar">
</div>
<div>
<h5 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Billy Vasquez</a></h5>
<ul class="nav align-items-center small">
<li class="nav-item me-3">Aug 15, 2022</li>
<li class="nav-item"><i class="far fa-clock me-1"></i>18 min read</li>
</ul>
</div>
</div>
</div>
<!-- Detail -->
<div class="col-md-6 col-lg-4">
<p>Yet remarkably appearance get him his projection. Diverted endeavor bed peculiar men the not desirous. Acuteness abilities ask can offending furnished fulfilled sex. Warrant fifteen exposed ye at mistake. Blush since so in noisy still built up an again. As young ye hopes no he place means. Partiality diminution gay yet entreaties admiration. In mention perhaps attempt pointed suppose. Unknown ye chamber of warrant of Norland arrived. </p>
</div>
<!-- Image -->
<div class="col-md-6 col-lg-3">
<img class="rounded-3" src="assets/images/blog/4by3/02.jpg" alt="Card image">
</div>
</div>
</div>
<!-- Card item END -->
<!-- Load more -->
<button type="button" class="btn btn-primary-soft w-100">Load more post <i class="bi bi-arrow-down-circle ms-2 align-middle"></i></button>
</div>
</div>
</div>
</section>
<!-- =======================
Highlights END -->
<!-- =======================
Adv START -->
<section class="p-0">
<div class="container">
<div class="row">
<div class="col">
<a href="#" class="d-block card-img-flash">
<img src="assets/images/adv-3.png" alt="">
</a>
<small class="text-end d-block mt-1">Advertisement</small>
</div>
</div>
</div>
</section>
<!-- =======================
Adv END -->
<!-- =======================
Small post START -->
<section class="pt-4 pb-0">
<div class="container">
<div class="row">
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/07.jpg" alt="Card image">
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset stretched-link fw-bold">7 common mistakes everyone makes while traveling</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link text-reset btn-link">Louis Ferguson</a>
</li>
<li class="nav-item">Mar 07, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/08.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- 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>
</div>
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset stretched-link fw-bold">Skills that you can learn from business</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link text-reset btn-link">Samuel Bishop</a>
</li>
<li class="nav-item">Aug 15, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/09.jpg" alt="Card image">
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset stretched-link fw-bold">10 tell-tale signs you need to get a new business</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link text-reset btn-link">Dennis Barrett</a>
</li>
<li class="nav-item">Jun 01, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/10.jpg" alt="Card image">
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset stretched-link fw-bold">This is why this year will be the year of startups</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link text-reset btn-link">Bryan Knight</a>
</li>
<li class="nav-item">Dec 07, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/11.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- 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-success text-white fw-bold rounded-circle" title="This post has video"><i class="fas fa-video"></i></div>
</div>
</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 stretched-link fw-bold">Best Pinterest Boards for learning about business</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link 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="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/12.jpg" alt="Card image">
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset stretched-link fw-bold">How did we get here? The real history of our business</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link text-reset btn-link">Amanda Reed</a>
</li>
<li class="nav-item">Aug 06, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/13.jpg" alt="Card image">
</div>
<div class="card-body px-0 pt-3">
<h4 class="card-title"><a href="post-single.html" class="btn-link text-reset stretched-link fw-bold">Facts about business that will put you in a good mood</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link 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 mb-4">
<!-- Card img -->
<div class="card-fold position-relative">
<img class="card-img" src="assets/images/blog/4by3/14.jpg" alt="Card image">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- 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-danger text-white fw-bold rounded-circle" title="This post has audio"><i class="fas fa-volume-up"></i></div>
</div>
</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 stretched-link fw-bold">Questions everyone working in IT should know how to answer</a></h4>
<!-- Card info -->
<ul class="nav nav-divider align-items-center text-uppercase small">
<li class="nav-item">
<a href="#" class="nav-link text-reset btn-link">Lori Stevens</a>
</li>
<li class="nav-item">Jun 03, 2022</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
</div>
</div>
</section>
<!-- =======================
Small post END -->
<!-- =======================
Tab post START -->
<section class="pt-4 pb-0">
<div class="container">
<div class="row">
<div class="col-12">
<ul class="nav nav-tabs">
<li class="nav-item"> <a class="nav-link fs-5 active" data-bs-toggle="tab" href="#tab-1-1"> <i class="fab fa-readme me-2"></i> Most read </a> </li>
<li class="nav-item"> <a class="nav-link fs-5" data-bs-toggle="tab" href="#tab-1-2"> <i class="fas fa-fire me-2"></i> Trending </a> </li>
</ul>
<div class="tab-content">
<!-- Most read tab START -->
<div class="tab-pane show active" id="tab-1-1">
<div class="row">
<!-- Tab items group START -->
<div class="col-md-4">
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">The most common business debate isn't as black and white as you might think</a></h5>
</div>
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">Never underestimate the influence of social media</a></h5>
</div>
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">Business ideas that will boom in upcoming years</a></h5>
</div>
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">How the 10 worst business fails of all time could have been prevented</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">05</span>
<h5><a href="#" class="stretched-link text-reset btn-link">8 initial problem of startups and their solution</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">06</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Dirty little secrets about the business industry</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">07</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Ten unconventional tips about startups that you can't learn from books</a></h5>
</div>
</div>
<!-- Tab items group END -->
<!-- Tab items group START -->
<div class="col-md-4">
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">08</span>
<h5><a href="#" class="stretched-link text-reset btn-link">How did we get here? The history of the business told through tweets</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">09</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Bad habits that people in the business industry need to quit</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">10</span>
<h5><a href="#" class="stretched-link text-reset btn-link">7 lessons that will teach you all you need to know a startup</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">11</span>
<h5><a href="#" class="stretched-link text-reset btn-link">12 worst types of business accounts you follow on Twitter</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">12</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Around the web: 20 fabulous info-graphics about business</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">13</span>
<h5><a href="#" class="stretched-link text-reset btn-link">10 biggest problem of startups, and how you can fix it</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">14</span>
<h5><a href="#" class="stretched-link text-reset btn-link">The no. 1 question everyone working in business should know how to answer</a></h5>
</div>
</div>
<!-- Tab items group END -->
<!-- Tab items group START -->
<div class="col-md-4">
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">15</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Best Twitter accounts for learning about investment</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">16</span>
<h5><a href="#" class="stretched-link text-reset btn-link">This is why this year will be the year of startups</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">17</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Best Pinterest Boards for learning about business</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">18</span>
<h5><a href="#" class="stretched-link text-reset btn-link">10 tell-tale signs you need to get a new business</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">19</span>
<h5><a href="#" class="stretched-link text-reset btn-link">The business debate isn't as black and white as you might think</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">20</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Questions everyone working in IT should know how to answer</a></h5>
</div>
</div>
<!-- Tab items group END -->
</div>
</div>
<!-- Most read tab END -->
<!-- Trending tab START -->
<div class="tab-pane show" id="tab-1-2">
<div class="row">
<!-- Tab items group START -->
<div class="col-md-4">
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">10 facts about business that will instantly put you in a good mood</a></h5>
</div>
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">Around the web: 20 fabulous info-graphics about business</a></h5>
</div>
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">The most common business debate isn't as black and white as you might think</a></h5>
</div>
<!-- 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>
<h5><a href="#" class="stretched-link text-reset btn-link">The business debate isn't as black and white as you might think</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">05</span>
<h5><a href="#" class="stretched-link text-reset btn-link">12 worst types of business accounts you follow on Twitter</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">06</span>
<h5><a href="#" class="stretched-link text-reset btn-link">7 lessons that will teach you all you need to know a startup</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">07</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Worst business fails of all time could have been prevented</a></h5>
</div>
</div>
<!-- Tab items group END -->
<!-- Tab items group START -->
<div class="col-md-4">
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">08</span>
<h5><a href="#" class="stretched-link text-reset btn-link">8 initial problem of startups and their solution</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">09</span>
<h5><a href="#" class="stretched-link text-reset btn-link">This is why this year will be the year of startups</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">10</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Dirty little secrets about the business industry</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">11</span>
<h5><a href="#" class="stretched-link text-reset btn-link">10 biggest problem of startups, and how you can fix it</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">12</span>
<h5><a href="#" class="stretched-link text-reset btn-link">The no. 1 question everyone working in business should know how to answer</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">13</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Best Twitter accounts for learning about investment</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">14</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Best Pinterest Boards for learning about business</a></h5>
</div>
</div>
<!-- Tab items group END -->
<!-- Tab items group START -->
<div class="col-md-4">
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">15</span>
<h5><a href="#" class="stretched-link text-reset btn-link">10 tell-tale signs you need to get a new business</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">16</span>
<h5><a href="#" class="stretched-link text-reset btn-link">How 10 worst business fails of all time could have been prevented</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">17</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Questions everyone working in IT should know how to answer</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">18</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Business idea that will instantly put you in a good mood</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">19</span>
<h5><a href="#" class="stretched-link text-reset btn-link">How did we get here? The real history of our business</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">20</span>
<h5><a href="#" class="stretched-link text-reset btn-link">7 common mistakes everyone makes while traveling</a></h5>
</div>
<!-- Item -->
<div class="d-flex position-relative mb-3">
<span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">21</span>
<h5><a href="#" class="stretched-link text-reset btn-link">Worst business fails of all time could have been prevented</a></h5>
</div>
</div>
<!-- Tab items group END -->
</div>
</div>
<!-- Trending tab END -->
</div>
</div>
</div>
</div>
</section>
<!-- =======================
Tab post END -->
</main>
<!-- **************** MAIN CONTENT END **************** -->
<!-- =======================
Footer START -->
<footer>
<div class="container">
<!-- About and Newsletter START -->
<div class="row bg-dark py-5 mx-0 card card-header flex-row align-items-center text-center text-md-start">
<!-- Copyright -->
<div class="col-md-5 mb-3 mb-md-0">
<div class="text-primary-hover text-muted">©2022 <a href="https://www.webestica.com/" class="text-reset btn-link" target="_blank">Webestica</a>. All rights reserved
</div>
</div>
<!-- Logo -->
<div class="col-md-3 mb-3 mb-md-0">
<img src="assets/images/logo-light.svg" alt="footer logo">
</div>
<!-- Social links -->
<div class="col-md-4">
<ul class="nav text-primary-hover justify-content-center justify-content-md-end">
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="#"><i class="fab fa-facebook-square"></i></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="#"><i class="fab fa-twitter-square"></i></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="#"><i class="fab fa-linkedin"></i></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="#"><i class="fab fa-youtube-square"></i></a>
</li>
<li class="nav-item">
<a class="nav-link ps-2 pe-0 fs-5" href="#"><i class="fab fa-vimeo"></i></a>
</li>
</ul>
</div>
</div>
<!-- About and Newsletter END -->
</div>
</footer>
<!-- =======================
Footer END -->
<!-- Back to top -->
<div class="back-top"><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>
<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink