CC_SDK/Build/static/blog-right-sidebar.html
2025-04-25 19:37:53 +08:00

413 lines
21 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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.html">Blog Left Sidebar</a></li>
<li><a class="dropdown-item" href="">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 Right 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 Right 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-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 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>
</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>