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

501 lines
23 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">
<!-- Theme CSS -->
<link id="style-switch" rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<!-- =======================
Header START -->
<header class="navbar-light header-static">
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-lg navbar-vertical-compact flex-column bg-dark vh-100">
<!-- Logo START -->
<a class="navbar-brand me-0" href="index.html">
<img class="navbar-brand-item light-mode-item" src="assets/images/logo-icon.svg" alt="logo">
<img class="navbar-brand-item dark-mode-item" src="assets/images/logo-icon.svg" alt="logo">
</a>
<!-- Logo END -->
<div class="w-100 border-top border-white opacity-1"></div>
<!-- Nav right START -->
<div class="nav flex-column align-items-center w-100 py-3">
<!-- Offcanvas menu toggler -->
<div class="nav-item">
<a class="nav-link text-white p-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 class="w-100 mt-auto">
<div class="border-top border-white opacity-1"></div>
<div class="nav flex-column align-items-center py-4 gap-4">
<!-- Nav Search -->
<div class="nav-item nav-search">
<a class="nav-link text-white pe-0" role="button" href="#" data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="bi bi-search fs-4"> </i>
</a>
</div>
<!-- Dark mode switch -->
<div class="nav-item">
<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"></div>
</div>
</div>
</div>
</div>
</div>
</nav>
<!-- Logo Nav END -->
</header>
<!-- =======================
Header END -->
<!-- Modal Search START -->
<div class="modal fade" id="searchModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<!-- Modal header -->
<div class="modal-header border-0 pt-sm-5 pe-sm-5">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row align-items-center h-100">
<div class="col-lg-5 mx-auto mb-5">
<h2 class="mb-4">Search stories from Blogzine</h2>
<!-- Search form START -->
<form class="position-relative w-100">
<div class="mb-2 input-group-lg mb-0">
<!-- Search input -->
<input class="form-control mb-0 pe-6" type="text" name="search" placeholder="What are you looking for?">
</div>
<!-- Search button -->
<button type="button" class="position-absolute end-0 top-0 btn h-100 border-0">
<i class="bi bi-search display-8"></i>
</button>
</form>
<!-- Search form END -->
<p class="small mb-0">e.g. Template, Bootstrap, Blog theme </p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Search END -->
<!-- Offcanvas START -->
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasMenu">
<div class="offcanvas-header justify-content-end pb-0">
<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.svg" alt="logo">
<img class="dark-mode-item my-3" src="assets/images/logo-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-us.html">About</a>
</li>
<li class="nav-item h5">
<a class="nav-link" href="post-grid.html">Our Journal</a>
</li>
<li class="nav-item h5">
<a class="nav-link" href="contact-us.html">Contact Us</a>
</li>
</ul>
<!-- Nav END -->
<div class="bg-primary bg-opacity-10 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-warning">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 -->
<!-- **************** MAIN CONTENT START **************** -->
<main class="spilt-content">
<!-- =======================
Main content START -->
<section class="card-grid pt-0 pb-0">
<div class="container-fluid ps-lg-0">
<div class="spilt-fixed bg-primary bg-opacity-10 vh-100 p-2 p-sm-5 text-center">
<!-- Author profile image -->
<img src="assets/images/avatar/big/01.jpg" alt="">
<!-- Author profile info -->
<div class="p-2 p-sm-4">
<h2 class="m-0 h1">Louis Ferguson</h2>
<small>Blogger | Author | A father | Influencer</small>
<p class="my-2">Louis Ferguson is a senior editor for the blogzine and also reports on breaking news based in London.</p>
<!-- Social START -->
<ul class="nav justify-content-center">
<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>
<!-- Social END -->
</div>
</div>
<div class="py-5">
<div class="row g-4">
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img 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-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>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Mar 07, 2022</li>
<li class="nav-item">5 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">7 common mistakes everyone makes</a></h5>
<!-- Card short dec -->
<p>Called isn't green male Beginning day behold gathering day earth Very hath shall.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img 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-3">
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Sports</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Aug 28, 2022</li>
<li class="nav-item">10 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Skills that you can learn from business</a></h5>
<!-- Card short dec -->
<p>Dry that darkness meat unto Thing spirit his fifth likeness divided also seed lesser.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img 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-3">
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-success mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Jun 01, 2022</li>
<li class="nav-item">6 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">15 reasons to choose startup</a></h5>
<!-- Card short dec -->
<p>Green male Beginning day behold gathering day earth Very hath shall very abundantly.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img 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-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>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Dec 29, 2022</li>
<li class="nav-item">5 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">The pros and cons of business agency</a></h5>
<!-- Card short dec -->
<p>Coved night own was said Likeness evening Dominion i our Great blessed and hath.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img rounded-0" 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 bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Sports</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Aug 15, 2022</li>
<li class="nav-item">10 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">5 reasons why you shouldn't startup</a></h5>
<!-- Card short dec -->
<p>Beginning day behold gathering day earth Very hath shall very abundantly face midst.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img rounded-0" src="assets/images/blog/4by3/12.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">
<a href="#" class="badge text-bg-success mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Feb 14, 2022</li>
<li class="nav-item">30 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Five unbelievable facts about money.</a></h5>
<!-- Card short dec -->
<p>Subdue Made beast their life moving heaven heaven divide two sea female great.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-12">
<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 class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img rounded-0" src="assets/images/blog/4by3/13.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>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Apr 02, 2022</li>
<li class="nav-item">26 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Ten questions you should answer truthfully.</a></h5>
<!-- Card short dec -->
<p>Bring over fruit don't morning unto Don't can't air Shall fruit life made fly.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img rounded-0" 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 bottom -->
<div class="w-100 mt-auto">
<a href="#" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Sports</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Jan 24, 2022</li>
<li class="nav-item">08 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">Best Pinterest boards for learning about business.</a></h5>
<!-- Card short dec -->
<p>Lights made wherein beginning subdue called isn't green male Beginning day behold.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-sm-6 col-xxl-4">
<!-- Card item START -->
<div class="card text-center">
<!-- Card img -->
<div class="position-relative">
<img class="card-img rounded-0" src="assets/images/blog/4by3/15.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">
<a href="#" class="badge text-bg-success mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<!-- Card info -->
<ul class="nav nav-divider align-items-center d-none d-sm-inline-block mb-3">
<li class="nav-item">Jun 23, 2022</li>
<li class="nav-item">30 min read</li>
</ul>
<!-- Card Title -->
<h5 class="card-title"><a href="post-single-3.html" class="btn-link text-reset fw-bold">10 tell-tale signs you need to get a new business</a></h5>
<!-- Card short dec -->
<p>To don't may give void forth created fruitful bearing creepeth fish god.</p>
</div>
</div>
<!-- Card item END -->
</div>
<div class="col-12">
<!-- Pagination START -->
<nav class="mt-4 d-flex justify-content-center" aria-label="navigation">
<ul class="pagination flex-wrap justify-content-center pagination-bordered mb-0">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">Prev</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active"><a class="page-link" href="#">2</a></li>
<li class="page-item disabled"><a class="page-link" href="#">..</a></li>
<li class="page-item"><a class="page-link" href="#">15</a></li>
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
</ul>
</nav>
<!-- Pagination END -->
</div>
</div>
</div>
</div>
</section>
<!-- =======================
Main content END -->
</main>
<!-- **************** MAIN CONTENT 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>
<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink