CC_SDK/Build/static/blog-left-sidebar.html

413 lines
21 KiB
HTML
Raw Normal View History

2025-04-25 19:37:53 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- page title -->
<title>Party Ideas, Venues and Event Professionals HTML Template</title>
<!-- favicon -->
<link rel="icon" href="favicon.ico">
<!-- bootstrap core CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- bootstrap icons -->
<link href="static/css/bootstrap-icons.css" rel="stylesheet">
<!-- owl carousel -->
<link href="static/css/owl.carousel.min.css" rel="stylesheet">
<link href="static/css/owl.theme.default.min.css" rel="stylesheet">
<!-- venobox css -->
<link rel="stylesheet" href="static/css/venobox.css">
<!-- custom styles for this template -->
<link href="static/css/custom.css" rel="stylesheet">
<link href="static/css/responsive.css" rel="stylesheet">
<link href="static/css/helper.css" rel="stylesheet">
</head>
<body>
<!-- ================ Preloader ================ -->
<div id="preloader">
<div class="spinner-grow" role="status"> <span class="sr-only"></span> </div>
</div>
<!-- ================ Preloader end ================ -->
<!-- ================ Header ================ -->
<header>
<!-- header upper -->
<div class="header-upper">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-5 col-sm-12">
<ul class="header-upper-link list-inline">
<li class="list-inline-item"><a href="search-results-list-view.html">Venues</a></li>
<li class="list-inline-item"><a href="search-results-list-view.html">Vendors</a></li>
<li class="list-inline-item"><a href="search-results-list-view.html">Ideas</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="header-search">
<form action="#">
<input type="search" name="search" placeholder="Search Here...">
<button type="submit"><i class="bi bi-search"></i></button>
</form>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 text-lg-end text-md-end text-sm-end text-center">
<div class="header-right-btn"> <a href="login.html" class="sign-in-btn">Sign In</a> <a href="signup.html" class="sign-up-btn">Sign Up</a> </div>
</div>
</div>
</div>
</div>
<!-- header upper end -->
<!-- header lover -->
<div class="header-lover">
<div class="container">
<nav class="navbar navbar-expand-lg">
<!-- logo -->
<a class="navbar-brand" href="index.html"><img src="static/picture/logo.png" alt=""></a>
<!-- logo end -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbars01" aria-controls="navbars01" aria-expanded="false" aria-label="Toggle navigation"> <span></span> <span></span> <span></span> </button>
<div class="collapse navbar-collapse" id="navbars01">
<ul class="navbar-nav ms-auto">
<li class="nav-item"> <a class="nav-link" href="index.html">Home</a> </li>
<li class="nav-item"> <a class="nav-link" href="about.html">About Us</a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown01" role="button" data-bs-toggle="dropdown" aria-expanded="false">Events</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown01">
<li><a class="dropdown-item" href="search-results-grid-view.html">Wedding</a></li>
<li><a class="dropdown-item" href="search-results-list-view.html">Corporate Events</a></li>
<li><a class="dropdown-item" href="search-results-grid-view.html">Kids Birthday</a></li>
<li><a class="dropdown-item" href="search-results-list-view.html">Dinner Party</a></li>
<li><a class="dropdown-item" href="search-results-grid-view.html">Holiday Party</a></li>
<li><a class="dropdown-item" href="search-results-list-view.html">Baby Shower</a></li>
<li><a class="dropdown-item" href="search-results-grid-view.html">Trade Show</a></li>
<li><a class="dropdown-item" href="search-results-list-view.html">Awards Show</a></li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown02" role="button" data-bs-toggle="dropdown" aria-expanded="false">Gallery</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown02">
<li><a class="dropdown-item" href="photo-gallery.html">Photo Gallery</a></li>
<li><a class="dropdown-item" href="video-gallery.html">Video Gallery</a></li>
</ul>
</li>
<li class="nav-item dropdown active"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown03" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown03">
<li><a class="dropdown-item" href="blog-grid.html">Blog Grid</a></li>
<li><a class="dropdown-item" href="">Blog Left Sidebar</a></li>
<li><a class="dropdown-item" href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown04" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown04">
<li><a class="dropdown-item" href="login.html">Sign In</a></li>
<li><a class="dropdown-item" href="signup.html">Sign Up</a></li>
<li><a class="dropdown-item" href="search-results-grid-view.html">Search Results Grid View</a></li>
<li><a class="dropdown-item" href="search-results-list-view.html">Search Results List View</a></li>
<li><a class="dropdown-item" href="event-details.html">Event Details</a></li>
<li><a class="dropdown-item" href="faq.html">Faq</a></li>
<li><a class="dropdown-item" href="team.html">Team</a></li>
<li><a class="dropdown-item" href="testimonial.html">Testimonial</a></li>
<li><a class="dropdown-item" href="404.html">404 Page</a></li>
<li><a class="dropdown-item" href="contact.html">Contact</a></li>
</ul>
</li>
<li class="nav-item header-call"> <a class="nav-link" href="#">Call: 123-456-789</a> </li>
</ul>
</div>
</nav>
</div>
</div>
<!-- header lover end -->
</header>
<!-- ================ Header end ================ -->
<!-- ================ inner page header ================ -->
<div class="inner-page-title inner-page-header-bg">
<div class="container">
<div class="inner-page-title-c">
<h1>Blog Left Sidebar</h1>
<div class="breadcrumb-box">
<!-- breadcrumb -->
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Blog Left Sidebar</li>
</ol>
</div>
</div>
</div>
</div>
<!-- ================ inner page header end ================ -->
<!-- ================ Blog area ================ -->
<div class="blog-area pt-70 pb-40">
<div class="container">
<div class="row">
<div class="col-lg-3">
<aside>
<!-- sidebar search -->
<form class="sidebar-search mb-30">
<input placeholder="Your Keyword..." type="text">
<button type="submit"><i class="bi bi-search"></i></button>
</form>
<!-- sidebar search end -->
<!-- sidebar widget -->
<div class="sidebar-widget mb-30">
<h5 class="sidebar-widget-title">Categories</h5>
<!-- sidebar categories -->
<ul class="sidebar-categories">
<li><a href="#"><i class="bi bi-arrow-right"></i> Event Planner <span>(06)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Photography <span>(08)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Design & Floral <span>(10)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Caterer <span>(12)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Bakery & Desserts <span>(14)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Videographer <span>(16)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Event Agency <span>(10)</span></a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Favors & Gifts <span>(12)</span></a></li>
</ul>
<!-- sidebar categories end -->
</div>
<!-- sidebar widget end -->
<!-- sidebar widget -->
<div class="sidebar-widget mb-30">
<h5 class="sidebar-widget-title">Recent Post</h5>
<!-- sidebar recent post -->
<ul class="sidebar-recent-post">
<li>
<div class="recent-post-img"><img src="static/picture/recent-post-1.jpg" alt=""></div>
<div class="recent-post-des">
<h5 class="post-title"><a href="#">The real voyage does not consist...</a></h5>
<div class="post-date"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
<li>
<div class="recent-post-img"><img src="static/picture/recent-post-2.jpg" alt=""></div>
<div class="recent-post-des">
<h5 class="post-title"><a href="#">On the beach of a blue sea in...</a></h5>
<div class="post-date"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
<li>
<div class="recent-post-img"><img src="static/picture/recent-post-3.jpg" alt=""></div>
<div class="recent-post-des">
<h5 class="post-title"><a href="#">The planet doesnt need saving...</a></h5>
<div class="post-date"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
</ul>
<!-- sidebar recent post end -->
</div>
<!-- sidebar widget end -->
<!-- sidebar widget -->
<div class="sidebar-widget mb-30">
<h5 class="sidebar-widget-title">Tags</h5>
<!-- popular tag -->
<ul class="popular-tag">
<li><a href="#">Event</a></li>
<li><a href="#">Photographer</a></li>
<li><a href="#">Caterer</a></li>
<li><a href="#">Rentals</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Bakery</a></li>
<li><a href="#">Desserts</a></li>
<li><a href="#">Videographer</a></li>
<li><a href="#">Event Agency</a></li>
<li><a href="#">Technology</a></li>
</ul>
<!-- popular tag end -->
</div>
<!-- sidebar widget end -->
</aside>
</div>
<div class="col-lg-9">
<div class="row row-cols-lg-2 row-cols-md-2 row-cols-sm-1 row-cols-1">
<div class="col mb-30">
<!-- blog item -->
<div class="blog-item">
<div class="blog-item-img"><img src="static/picture/14.jpg" alt=""></div>
<div class="blog-item-content">
<ul class="list-inline d-flex align-items-center justify-content-between">
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
</ul>
<h6><a href="#">Partiality indulgence dispatched to of celebrated remarkably...</a></h6>
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
</div>
</div>
<!-- blog item end -->
</div>
<div class="col mb-30">
<!-- blog item -->
<div class="blog-item">
<div class="blog-item-img"><img src="static/picture/23.jpg" alt=""></div>
<div class="blog-item-content">
<ul class="list-inline d-flex align-items-center justify-content-between">
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
</ul>
<h6><a href="#">Chimney pot plastered bamboozled arse dropped cheeky bloke...</a></h6>
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
</div>
</div>
<!-- blog item end -->
</div>
<div class="col mb-30">
<!-- blog item -->
<div class="blog-item">
<div class="blog-item-img"><img src="static/picture/33.jpg" alt=""></div>
<div class="blog-item-content">
<ul class="list-inline d-flex align-items-center justify-content-between">
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
</ul>
<h6><a href="#">Public school Elizabeth up duff buggered chinwag bike mate...</a></h6>
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
</div>
</div>
<!-- blog item end -->
</div>
<div class="col mb-30">
<!-- blog item -->
<div class="blog-item">
<div class="blog-item-img"><img src="static/picture/44.jpg" alt=""></div>
<div class="blog-item-content">
<ul class="list-inline d-flex align-items-center justify-content-between">
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
</ul>
<h6><a href="#">Suddenly became known beyond the professional of typesetter...</a></h6>
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
</div>
</div>
<!-- blog item end -->
</div>
<div class="col mb-30">
<!-- blog item -->
<div class="blog-item">
<div class="blog-item-img"><img src="static/picture/54.jpg" alt=""></div>
<div class="blog-item-content">
<ul class="list-inline d-flex align-items-center justify-content-between">
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
</ul>
<h6><a href="#">Write your own blog with getblog provide everything you...</a></h6>
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
</div>
</div>
<!-- blog item end -->
</div>
<div class="col mb-30">
<!-- blog item -->
<div class="blog-item">
<div class="blog-item-img"><img src="static/picture/63.jpg" alt=""></div>
<div class="blog-item-content">
<ul class="list-inline d-flex align-items-center justify-content-between">
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
</ul>
<h6><a href="#">If the distribution of making a letters and reader will is random...</a></h6>
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
</div>
</div>
<!-- blog item end -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ================ Blog area end ================ -->
<!-- ================ Footer area ================ -->
<footer class="footer-main">
<!-- footer upper -->
<div class="footer-upper pt-40 pb-10">
<div class="container">
<div class="row row-cols-lg-4 row-cols-md-2 row-cols-sm-2 row-cols-1">
<div class="col mb-30">
<!-- footer title -->
<div class="footer-title">Useful Links</div>
<!-- footer title end -->
<!-- footer link -->
<ul class="footer-link">
<li><a href="#"><i class="bi bi-caret-right"></i> About us</a></li>
<li><a href="#"><i class="bi bi-caret-right"></i> Find a Venue</a></li>
<li><a href="#"><i class="bi bi-caret-right"></i> Find Ideas</a></li>
<li><a href="#"><i class="bi bi-caret-right"></i> Corporate Events</a></li>
<li><a href="#"><i class="bi bi-caret-right"></i> Contact Us</a></li>
</ul>
<!-- footer link end -->
</div>
<div class="col mb-30">
<!-- footer title -->
<div class="footer-title">Recent Post</div>
<!-- footer title end -->
<!-- footer recent post -->
<ul class="footer-recent-post">
<li>
<div class="footer-recent-post-des">
<h5 class="post-title"><a href="#">Cargo business blasting financier firms...</a></h5>
<div class="post-date"> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
<li>
<div class="footer-recent-post-des">
<h5 class="post-title"><a href="#">Organization to organization prompting...</a></h5>
<div class="post-date"> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
</ul>
<!-- footer recent post end -->
</div>
<div class="col mb-30">
<!-- footer title -->
<div class="footer-title">Contact Us</div>
<!-- footer title end -->
<!-- footer address -->
<ul class="footer-address">
<li><a href="mailto:info@example.com"><i class="bi bi-envelope"></i> info@example.com</a></li>
<li><a href="#"><i class="bi bi-printer"></i> (+01) 123 457 890</a></li>
<li><a href="tel:123457890"><i class="bi bi-telephone"></i> (+01) 123 457 890</a></li>
</ul>
<!-- footer address end -->
</div>
<div class="col mb-30">
<!-- footer title -->
<div class="footer-title">Address</div>
<!-- footer title end -->
<p>01/1B, West Arnold, Walworth Road,<br>
India, 9845</p>
<!-- footer social -->
<div class="footer-social"> <a href="#"><i class="bi bi-facebook"></i></a> <a href="#"><i class="bi bi-twitter-x"></i></a> <a href="#"><i class="bi bi-linkedin"></i></a> <a href="#"><i class="bi bi-pinterest"></i></a> </div>
<!-- footer social end -->
</div>
</div>
</div>
</div>
<!-- footer upper end -->
<!-- footer copyright -->
<div class="footer-copyright text-center">
<div class="container">
<p class="mb-0">Copyright &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://www.html5code.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</div>
</div>
<!-- footer copyright end -->
</footer>
<!-- ================ Footer area end ================ -->
<!-- ================ Top scroll ================ -->
<a href="#" class="scroll-top"><i class="bi bi-arrow-bar-up"></i></a>
<!-- ================ Top scroll end ================ -->
<!-- js files -->
<script src="static/js/jquery-3.6.0.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<!-- venobox js -->
<script src="static/js/venobox.min.js"></script>
<!-- owl carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- sticky js -->
<script src="static/js/jquery.sticky.js"></script>
<!-- script js -->
<script src="static/js/custom.js"></script>
</body>
</html>