CC_SDK/Build/static/search-results-grid-view.html

591 lines
30 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 active"> <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="">Wedding</a></li>
<li><a class="dropdown-item" href="search-results-list-view.html">Corporate Events</a></li>
<li><a class="dropdown-item" href="">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="">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="">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"> <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.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</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>Search Results</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">Search Results Grid View</li>
</ol>
</div>
</div>
</div>
</div>
<!-- ================ inner page header end ================ -->
<!-- ================ Search results page ================ -->
<div class="search-results-page 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="City, State, Country" type="text">
<button type="submit"><i class="bi bi-search"></i></button>
</form>
<!-- sidebar search end -->
<!-- sidebar filter box -->
<div class="sidebar-filter-box mb-30">
<div class="title">Categories</div>
<!-- sidebar categories -->
<ul class="sidebar-categories">
<li class="active"><a href="#"><i class="bi bi-arrow-right"></i> All</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Event Planner</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Photographer</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Design & Floral</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Caterer</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Rentals</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Entertainment</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Bakery & Desserts</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Invitations & Print</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Videographer</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Event Agency</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Hair & Makeup</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> AV & Technology</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Favors & Gifts</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Staffing</a></li>
<li><a href="#"><i class="bi bi-arrow-right"></i> Parking & Transportation</a></li>
</ul>
<!-- sidebar categories -->
</div>
<!-- sidebar filter box end -->
<!-- sidebar filter box -->
<div class="sidebar-filter-box mb-30">
<div class="title">Location</div>
<!-- sidebar location -->
<select class="form-select sidebar-location">
<option selected="">Select</option>
<option value="All Areas">All Areas</option>
<option value="Near Me">Near Me</option>
<option value="Atlanta">Atlanta</option>
<option value="Austin">Austin</option>
<option value="Baltimore">Baltimore</option>
<option value="Boston">Boston</option>
<option value="Charleston">Charleston</option>
<option value="Chicago">Chicago</option>
</select>
<!-- sidebar location end -->
</div>
<!-- sidebar filter box end -->
<!-- sidebar filter box -->
<div class="sidebar-filter-box mb-30">
<div class="title">Event Type</div>
<!-- sidebar event type -->
<select class="form-select sidebar-location">
<option selected="">Event Type</option>
<option value="Wedding">Wedding</option>
<option value="Wedding Shower">Wedding Shower</option>
<option value="Rehearsal Dinner">Rehearsal Dinner</option>
<option value="Gala">Gala</option>
<option value="Luncheon">Luncheon</option>
<option value="Bat Mitzvah">Bat Mitzvah</option>
<option value="Bar Mitzvah">Bar Mitzvah</option>
<option value="Kids Birthday">Kids Birthday</option>
<option value="Milestone Birthday">Milestone Birthday</option>
<option value="Dinner Party">Dinner Party</option>
<option value="Holiday Party">Holiday Party</option>
<option value="Anniversary">Anniversary</option>
<option value="Cocktail Party">Cocktail Party</option>
<option value="Baby Shower">Baby Shower</option>
<option value="Corporate Event">Corporate Event</option>
<option value="Corporate Holiday Party">Corporate Holiday Party</option>
<option value="Conference/Summit">Conference/Summit</option>
<option value="Awards Show">Awards Show</option>
<option value="Fashion Show">Fashion Show</option>
<option value="Product Launch">Product Launch</option>
<option value="Trade Show">Trade Show</option>
<option value="Pop Up">Pop Up</option>
<option value="Experiential Activation">Experiential Activation</option>
<option value="Installation/Exhibit">Installation/Exhibit</option>
<option value="Festival">Festival</option>
<option value="Live Event">Live Event</option>
<option value="Premiere">Premiere</option>
<option value="Employee Event">Employee Event</option>
<option value="Opening Party">Opening Party</option>
<option value="Sporting Event">Sporting Event</option>
</select>
<!-- sidebar event type end -->
</div>
<!-- sidebar filter box end -->
</aside>
</div>
<div class="col-lg-9">
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
<div class="col mb-30">
<!-- recently event box -->
<div class="recently-event-box">
<div class="recently-event-box-img"><img src="static/picture/12.jpg" alt="">
<div class="posted-by">Posted by: Kevin Smith Events</div>
</div>
<div class="recently-event-des">
<h3><a href="#">Beach Wedding at Adarson Club and Caicos...</a></h3>
<div class="location"><i class="bi bi-geo-alt"></i> Miami, Florida</div>
</div>
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
<div class="recently-event-meta">
<div class="meta-item"> <span class="number">115+</span> <span class="name">Photos</span> </div>
<div class="meta-item"> <span class="number">150+</span> <span class="name">Guest</span> </div>
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
</div>
</div>
<!-- recently event box end -->
</div>
<div class="col mb-30">
<!-- recently event box -->
<div class="recently-event-box">
<div class="recently-event-box-img"><img src="static/picture/21.jpg" alt="">
<div class="posted-by">Posted by: John Events</div>
</div>
<div class="recently-event-des">
<h3><a href="#">Andrew Birthday Party at Louisiana...</a></h3>
<div class="location"><i class="bi bi-geo-alt"></i> New Orleans, Louisiana</div>
</div>
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
<div class="recently-event-meta">
<div class="meta-item"> <span class="number">105+</span> <span class="name">Photos</span> </div>
<div class="meta-item"> <span class="number">160+</span> <span class="name">Guest</span> </div>
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
</div>
</div>
<!-- recently event box end -->
</div>
<div class="col mb-30">
<!-- recently event box -->
<div class="recently-event-box">
<div class="recently-event-box-img"><img src="static/picture/31.jpg" alt="">
<div class="posted-by">Posted by: Bradon Events</div>
</div>
<div class="recently-event-des">
<h3><a href="#">Crithia, Modern Anniversary Party Level at...</a></h3>
<div class="location"><i class="bi bi-geo-alt"></i> Atlanta, Georgia</div>
</div>
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
<div class="recently-event-meta">
<div class="meta-item"> <span class="number">125+</span> <span class="name">Photos</span> </div>
<div class="meta-item"> <span class="number">140+</span> <span class="name">Guest</span> </div>
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
</div>
</div>
<!-- recently event box end -->
</div>
<div class="col mb-30">
<!-- recently event box -->
<div class="recently-event-box">
<div class="recently-event-box-img"><img src="static/picture/42.jpg" alt="">
<div class="posted-by">Posted by: Crithia Events</div>
</div>
<div class="recently-event-des">
<h3><a href="#">Featured photo from Trump Tower Chicago...</a></h3>
<div class="location"><i class="bi bi-geo-alt"></i> Wabash Ave, Chicago, USA</div>
</div>
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
<div class="recently-event-meta">
<div class="meta-item"> <span class="number">120+</span> <span class="name">Photos</span> </div>
<div class="meta-item"> <span class="number">130+</span> <span class="name">Guest</span> </div>
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
</div>
</div>
<!-- recently event box end -->
</div>
<div class="col mb-30">
<!-- recently event box -->
<div class="recently-event-box">
<div class="recently-event-box-img"><img src="static/picture/51.jpg" alt="">
<div class="posted-by">Posted by: Andrew Events</div>
</div>
<div class="recently-event-des">
<h3><a href="#">Cafe Brauer at Lincoln Waldorf Astoria Park Zoo...</a></h3>
<div class="location"><i class="bi bi-geo-alt"></i> LaSalle Chicago, USA</div>
</div>
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
<div class="recently-event-meta">
<div class="meta-item"> <span class="number">100+</span> <span class="name">Photos</span> </div>
<div class="meta-item"> <span class="number">110+</span> <span class="name">Guest</span> </div>
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
</div>
</div>
<!-- recently event box end -->
</div>
<div class="col mb-30">
<!-- recently event box -->
<div class="recently-event-box">
<div class="recently-event-box-img"><img src="static/picture/61.jpg" alt="">
<div class="posted-by">Posted by: Charles Events</div>
</div>
<div class="recently-event-des">
<h3><a href="#">Gibsons Bar & Steakhouse Art Institute of, Chicago...</a></h3>
<div class="location"><i class="bi bi-geo-alt"></i> 105 Michigan Ave 60603, USA</div>
</div>
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
<div class="recently-event-meta">
<div class="meta-item"> <span class="number">160+</span> <span class="name">Photos</span> </div>
<div class="meta-item"> <span class="number">170+</span> <span class="name">Guest</span> </div>
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
</div>
</div>
<!-- recently event box end -->
</div>
</div>
<!-- pagination -->
<ul class="pagination pagination-box mb-30">
<li class="page-item"> <a class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"> <a class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li>
</ul>
<!-- pagination end -->
</div>
</div>
</div>
</div>
<!-- ================ Search results page 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 ================ -->
<!-- Request Pricing Modal -->
<div class="modal fade request-pricingModal" id="request-pricingModal" tabindex="-1" aria-labelledby="request-pricingModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="request-pricingModalLabel">Request a Quote</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form class="request-pricing-form">
<div class="row">
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Name<span class="text-danger">*</span></label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Email<span class="text-danger">*</span></label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="tel" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Event Type<span class="text-danger">*</span></label>
<select class="form-select">
<option selected="">Select</option>
<option value="Wedding">Wedding</option>
<option value="Wedding Shower">Wedding Shower</option>
<option value="Rehearsal Dinner">Rehearsal Dinner</option>
<option value="Gala">Gala</option>
<option value="Luncheon">Luncheon</option>
<option value="Bat Mitzvah">Bat Mitzvah</option>
<option value="Bar Mitzvah">Bar Mitzvah</option>
<option value="Kids Birthday">Kids Birthday</option>
<option value="Milestone Birthday">Milestone Birthday</option>
<option value="Dinner Party">Dinner Party</option>
<option value="Holiday Party">Holiday Party</option>
<option value="Anniversary">Anniversary</option>
<option value="Cocktail Party">Cocktail Party</option>
<option value="Baby Shower">Baby Shower</option>
<option value="Corporate Event">Corporate Event</option>
<option value="Corporate Holiday Party">Corporate Holiday Party</option>
<option value="Conference/Summit">Conference/Summit</option>
<option value="Awards Show">Awards Show</option>
<option value="Fashion Show">Fashion Show</option>
<option value="Product Launch">Product Launch</option>
<option value="Trade Show">Trade Show</option>
<option value="Pop Up">Pop Up</option>
<option value="Experiential Activation">Experiential Activation</option>
<option value="Installation/Exhibit">Installation/Exhibit</option>
<option value="Festival">Festival</option>
<option value="Live Event">Live Event</option>
<option value="Premiere">Premiere</option>
<option value="Employee Event">Employee Event</option>
<option value="Opening Party">Opening Party</option>
<option value="Sporting Event">Sporting Event</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Date<span class="text-danger">*</span></label>
<input type="date" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Total Guest<span class="text-danger">*</span></label>
<select class="form-select">
<option selected="">Select</option>
<option value="Under 25">Under 25</option>
<option value="25 - 50">25 - 50</option>
<option value="50 - 100">50 - 100</option>
<option value="100 - 150">100 - 150</option>
<option value="150 - 200">150 - 200</option>
<option value="200 - 500">200 - 500</option>
<option value="500 - 1,000">500 - 1,000</option>
<option value="1,000+">1,000+</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Estimated Budget</label>
<select class="form-select">
<option selected="">Select</option>
<option value="Under $10,000">Under $10,000</option>
<option value="$10,001-$30,000">$10,001-$30,000</option>
<option value="$30,001-$50,000">$30,001-$50,000</option>
<option value="$50,001-$100,000">$50,001-$100,000</option>
<option value="$100,001-$200,000">$100,001-$200,000</option>
<option value="$200,001-$500,000">$200,001-$500,000</option>
<option value="$500,000+">$500,000+</option>
<option value="I'm not sure">I'm not sure</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Hours</label>
<input type="number" class="form-control">
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label class="form-label">Message</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer justify-content-start">
<button type="button" class="btn-style-1">Send</button>
</div>
</div>
</div>
</div>
<!-- Request Pricing Modal 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>