MMCT TEAM
Server IP : 162.214.80.37  /  Your IP : 216.73.216.83
Web Server : Apache
System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : imyrqtmy ( 2189)
PHP Version : 8.2.18
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home2/imyrqtmy/public_html/eventsbyshubhchintak/pages/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/imyrqtmy/public_html/eventsbyshubhchintak/pages/index-5.html
<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from preview.easetemplate.com/realwed/pages/index-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 07 Aug 2023 11:48:23 GMT -->
<head>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">



<!-- Libs -->
<link rel="stylesheet" href="../assets/libs/bootstrap-icons/font/bootstrap-icons.css">
<link rel="stylesheet" href="../assets/fonts/wedding-icon-font/flaticon.css">
<link rel="stylesheet" href="../assets/fonts/fontello/css/fontello.css">





<!-- Theme CSS -->
<link rel="stylesheet" href="../assets/css/theme.min.css">
    <title>Homepage v5 - Wedding Listing and Directory Template - RealWed</title>

</head>

<body>

    <!-- navbar -->
<div class="navbar-transparent navbar-position border-bottom border-white border-opacity-25">
    <div class="container">

          <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand" href="../index.html"><svg width="124" height="24" viewBox="0 0 124 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9247 3.32383L12.0002 4.4539L13.0757 3.3223C15.6003 0.669641 20.2295 1.58657 21.9005 4.92156C22.6865 6.49016 22.862 8.75335 21.4295 11.6452C20.7221 13.0701 19.6247 14.6394 18.027 16.3189C22.6163 9.767 15.3208 5.76655 12.0004 9.1158C8.67961 5.76619 1.38285 9.76844 5.97523 16.3214C4.37607 14.6409 3.27786 13.0708 2.57092 11.6452C1.13838 8.75488 1.31538 6.49016 2.09991 4.92156C3.77096 1.58657 8.4001 0.671174 10.9247 3.32383ZM11.7362 1.9929C4.91849 -4.42101 -11 7.70455 12.0002 23.2402C35.0004 7.70302 19.0804 -4.42408 12.2642 1.99444C12.1729 2.07776 12.0848 2.16472 12.0002 2.2551C11.9147 2.16464 11.8262 2.07724 11.7362 1.9929Z" fill="#DC2626"/>
              <path d="M43.464 17.536L44.184 19.96C43.864 20.2 43.472 20.384 43.008 20.512C42.544 20.656 42.056 20.728 41.544 20.728C39.752 20.728 38.344 19.936 37.32 18.352L34.848 14.56C34.592 14.16 34.328 13.88 34.056 13.72C33.784 13.56 33.488 13.48 33.168 13.48H33.048V20.512H30V3.47195H35.304C37.464 3.47195 39.096 3.91995 40.2 4.81595C41.32 5.71195 41.88 6.94395 41.88 8.51195C41.88 9.45595 41.672 10.272 41.256 10.96C40.84 11.632 40.272 12.168 39.552 12.568C38.832 12.968 38.016 13.224 37.104 13.336C37.584 13.592 38.024 14.024 38.424 14.632L39.768 16.624C40.12 17.136 40.448 17.488 40.752 17.68C41.072 17.872 41.472 17.968 41.952 17.968C42.512 17.968 43.016 17.824 43.464 17.536ZM35.088 6.01595H33.048V11.032H34.944C36.256 11.032 37.224 10.832 37.848 10.432C38.472 10.032 38.784 9.39195 38.784 8.51195C38.784 6.84795 37.552 6.01595 35.088 6.01595Z" fill="#212529"/>
              <path d="M50.0417 20.728C48.7297 20.728 47.5937 20.488 46.6337 20.008C45.6897 19.512 44.9617 18.808 44.4497 17.896C43.9377 16.984 43.6817 15.896 43.6817 14.632C43.6817 13.368 43.9457 12.256 44.4737 11.296C45.0017 10.32 45.7137 9.55995 46.6097 9.01595C47.5217 8.47195 48.5537 8.19995 49.7057 8.19995C51.5777 8.19995 52.9537 8.83995 53.8337 10.12C54.7297 11.384 55.0417 13.136 54.7697 15.376H46.6577C46.7217 16.224 47.0657 16.904 47.6897 17.416C48.3137 17.928 49.1697 18.184 50.2577 18.184C50.7697 18.184 51.2817 18.072 51.7937 17.848C52.3217 17.624 52.7697 17.28 53.1377 16.816L54.8417 18.544C54.2977 19.232 53.6337 19.768 52.8497 20.152C52.0817 20.536 51.1457 20.728 50.0417 20.728ZM49.7537 10.408C48.9377 10.408 48.2657 10.664 47.7377 11.176C47.2097 11.688 46.8737 12.376 46.7297 13.24H52.2497C52.2817 12.248 52.0657 11.528 51.6017 11.08C51.1377 10.632 50.5217 10.408 49.7537 10.408Z" fill="#212529"/>
              <path d="M68.1369 8.43995V20.512H65.1609L65.2569 18.4C64.8249 19.136 64.2569 19.712 63.5529 20.128C62.8649 20.528 62.0729 20.728 61.1769 20.728C60.1209 20.728 59.2249 20.488 58.4889 20.008C57.7529 19.512 57.1929 18.832 56.8089 17.968C56.4249 17.104 56.2329 16.112 56.2329 14.992C56.2329 13.648 56.4969 12.472 57.0249 11.464C57.5529 10.44 58.2729 9.63995 59.1849 9.06395C60.1129 8.48795 61.1529 8.19995 62.3049 8.19995C63.0729 8.19995 63.7529 8.36795 64.3449 8.70395C64.9369 9.02395 65.3929 9.45595 65.7129 9.99995L66.0009 8.43995H68.1369ZM62.5209 10.792C61.5289 10.792 60.7369 11.168 60.1449 11.92C59.5529 12.672 59.2569 13.656 59.2569 14.872C59.2569 15.912 59.4809 16.72 59.9289 17.296C60.3769 17.872 60.9929 18.16 61.7769 18.16C62.4169 18.16 62.9929 17.976 63.5049 17.608C64.0329 17.24 64.4489 16.728 64.7529 16.072C65.0569 15.416 65.2089 14.664 65.2089 13.816C65.2089 12.872 64.9689 12.136 64.4889 11.608C64.0089 11.064 63.3529 10.792 62.5209 10.792Z" fill="#212529"/>
              <path d="M74.2704 20.728C73.1184 20.728 72.2464 20.416 71.6544 19.792C71.0624 19.168 70.7664 18.28 70.7664 17.128V2.75195H73.6944V16.888C73.6944 17.752 74.0944 18.184 74.8944 18.184C75.2944 18.184 75.6464 18.088 75.9504 17.896L76.6704 20.032C76.4144 20.224 76.0704 20.384 75.6384 20.512C75.2064 20.656 74.7504 20.728 74.2704 20.728Z" fill="#212529"/>
              <path d="M96.3263 3.47195H99.3023L94.3583 20.512H90.8063L87.7103 7.50395L84.0143 20.512H80.4383L76.2143 3.47195H79.3583L82.4303 16.504L86.0783 3.47195H89.7023L92.7503 16.432L96.3263 3.47195Z" fill="#212529"/>
              <path d="M105.215 20.728C103.903 20.728 102.767 20.488 101.807 20.008C100.863 19.512 100.135 18.808 99.6234 17.896C99.1114 16.984 98.8554 15.896 98.8554 14.632C98.8554 13.368 99.1194 12.256 99.6474 11.296C100.175 10.32 100.887 9.55995 101.783 9.01595C102.695 8.47195 103.727 8.19995 104.879 8.19995C106.751 8.19995 108.127 8.83995 109.007 10.12C109.903 11.384 110.215 13.136 109.943 15.376H101.831C101.895 16.224 102.239 16.904 102.863 17.416C103.487 17.928 104.343 18.184 105.431 18.184C105.943 18.184 106.455 18.072 106.967 17.848C107.495 17.624 107.943 17.28 108.311 16.816L110.015 18.544C109.471 19.232 108.807 19.768 108.023 20.152C107.255 20.536 106.319 20.728 105.215 20.728ZM104.927 10.408C104.111 10.408 103.439 10.664 102.911 11.176C102.383 11.688 102.047 12.376 101.903 13.24H107.423C107.455 12.248 107.239 11.528 106.775 11.08C106.311 10.632 105.695 10.408 104.927 10.408Z" fill="#212529"/>
              <path d="M123.311 2.75195V20.512H120.335L120.431 18.4C119.999 19.152 119.439 19.728 118.751 20.128C118.063 20.528 117.263 20.728 116.351 20.728C115.295 20.728 114.399 20.488 113.663 20.008C112.927 19.512 112.367 18.832 111.983 17.968C111.599 17.104 111.407 16.112 111.407 14.992C111.407 13.648 111.671 12.472 112.199 11.464C112.727 10.44 113.447 9.63995 114.359 9.06395C115.287 8.48795 116.327 8.19995 117.479 8.19995C118.087 8.19995 118.639 8.30395 119.135 8.51195C119.647 8.71995 120.071 9.00795 120.407 9.37595L120.383 8.39195V2.75195H123.311ZM117.695 10.792C116.703 10.792 115.911 11.168 115.319 11.92C114.727 12.672 114.431 13.656 114.431 14.872C114.431 15.912 114.655 16.72 115.103 17.296C115.551 17.872 116.167 18.16 116.951 18.16C117.591 18.16 118.167 17.976 118.679 17.608C119.207 17.24 119.623 16.728 119.927 16.072C120.231 15.416 120.383 14.664 120.383 13.816C120.383 12.872 120.143 12.136 119.663 11.608C119.183 11.064 118.527 10.792 117.695 10.792Z" fill="#212529"/>
              </svg>

              </a>
            <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
              data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
              aria-label="Toggle navigation">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav ms-auto ">
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarHome" role="button" data-bs-toggle="dropdown"
                  aria-expanded="false">
                  Home
                </a>
                <ul class="dropdown-menu " aria-labelledby="navbarHome">
                  <li><a class="dropdown-item" href="../index.html">Home v1</a></li>
                  <li><a class="dropdown-item" href="index-2.html">Home v2</a></li>
                  <li><a class="dropdown-item" href="index-3.html">Home v3</a></li>
                  <li><a class="dropdown-item" href="index-4.html">Home v4</a></li>
                  <li><a class="dropdown-item" href="index-5.html">Home v5</a></li>
                  <li><a class="dropdown-item" href="index-6.html">Home v6</a></li>
                </ul>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarListing" role="button" data-bs-toggle="dropdown"
                    aria-expanded="false">
                    Listing
                  </a>
                  <ul class="dropdown-menu " aria-labelledby="navbarListing">
                    <li><a class="dropdown-item" href="grid-view.html">Grid View</a></li>
                    <li><a class="dropdown-item" href="grid-with-map.html">Grid + Map</a></li>

                    <li><a class="dropdown-item" href="list-view-sidebar.html">List with Sidebar</a></li>
                    <li><a class="dropdown-item" href="listing-single.html">Listing Single</a></li>
                    <li><a class="dropdown-item" href="vendor-category.html">Vendor By Category</a></li>
                    <li><a class="dropdown-item" href="vendor-location.html">Vendor By Location</a></li>
                  </ul>
                </li>
                <li class="nav-item dropdown ">
                  <a class="nav-link dropdown-toggle" href="#" id="blogDropdown" role="button" data-bs-toggle="dropdown"
                    aria-expanded="false">
                    Blog
                  </a>
                  <ul class="dropdown-menu" aria-labelledby="blogDropdown">
                    <li><a class="dropdown-item" href="blog.html">Classic</a></li>
                    <li><a class="dropdown-item" href="blog-listing.html">Listing</a></li>
                    <li><a class="dropdown-item" href="blog-category.html">Category</a></li>
                    <li><a class="dropdown-item" href="blog-search.html">Search</a></li>
                  <li><a class="dropdown-item" href="blog-author.html">Author</a></li>
                  <li><a class="dropdown-item" href="blog-fullwidth.html">Article</a></li>
                    <li><a class="dropdown-item" href="blog-single.html">Single Post</a></li>
                  </ul>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#!" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Pages
                  </a>
                  <div class="dropdown-menu dropdown-menu-xl">
                    <div class="row gx-0">


                        <div class="col-6 col-md-4 ">
                         <!-- Heading -->
                         <h6 class="dropdown-header">
                          Account
                        </h6>
                        <a class="dropdown-item" href="signup.html">Sign Up</a>
                    <a class="dropdown-item" href="signin.html">Sign in</a>
                    <a class="dropdown-item" href="forget-password.html">Forgot Password</a>
                    <a class="dropdown-item" href="error-page.html">404 Error</a>




                       </div>

                       <div class="col-6 col-md-4">
                        <!-- Heading -->
                        <h6 class="dropdown-header">
                          Email Template
                        </h6>

                        <!-- List -->

                          <a class="dropdown-item" href="new-id-password.html" title="">New ID/Password</a>
                          <a class="dropdown-item" href="reset-password.html" title="">Reset Password</a>
                          <a class="dropdown-item" href="forgot-password.html" title="">Forgot Password</a>

                      </div>
                      <div class="col-6 col-md-4  mt-3 mt-lg-0">
                        <!-- Heading -->
                        <h6 class="dropdown-header">
                        Others
                       </h6>

                       <!-- List -->
                       <a class="dropdown-item" href="about-1.html">
                        About v1
                       </a>
                       <a class="dropdown-item" href="about-2.html">
                         About v2
                       </a>
                       <a class="dropdown-item" href="pricing.html">
                        Pricing
                      </a>

                      <a class="dropdown-item" href="contact.html">
                        Contact
                      </a>

                     </div>
                        </div>


                      </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarRelwed" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      Real Weddings
                    </a>
                 <ul class="dropdown-menu" aria-labelledby="navbarRelwed">
                      <!-- List -->
                     <li> <a class="dropdown-item" href="real-wedding-list.html">
                        List
                     </a>
                    </li>
                    <li>
                     <a class="dropdown-item" href="real-wedding-single.html">
                        Single
                     </a>
                    </li>

                    </ul>
                  </li>
                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#!" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      Docs
                    </a>
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="../docs/index.html">Documentation</a></li>
                      <li><a class="dropdown-item" href="../docs/changelog.html">Changelog</a></li>
        
        
        
        
                    </ul>
                  </li>
              </ul>
              <div class="ms-lg-4 mt-2 mt-lg-0">
                <a href="signin.html" class="btn btn-light shadow-sm">Sign In</a>
                <a href="#" class="btn btn-primary shadow-sm">List Your Business</a>
              </div>
            </div>
          </nav>

    </div>
  </div>
    <!-- hero start -->
    <main>
        <section class="py-lg-20 py-10"
            style="background: url(../assets/images/banner/hero-img-5.jpg)no-repeat; background-size: cover; background-position: center center;">
            <div class="container">
                <div class="row justify-content-center ">
                    <!-- hero captions -->
                    <div class="col-xxl-9 col-md-12">
                        <div class="text-white ">
                            <h1 class="display-3 fw-bold text-white">Wedding Made Easy. <br>
                                Hire Your Wedding Team.</h1>
                            <p class="lead mb-0">Find and book perfect wedding vendor for your special day.</p>
                        </div>
                        <div class=" mt-5">
                            <!-- card -->
                            <div class="card bg-dark bg-opacity-50 border-0">
                                <!-- card body -->
                                <div class="card-body p-3">
                                    <!-- form -->
                                    <form>
                                        <div class="row g-2">
                                            <!-- col -->
                                            <div class="col-sm">
                                                <select class="form-select border-white" id="selectVenue"
                                                    aria-label="Floating label select example">
                                                    <option selected>Wedding Venue</option>
                                                    <option value="Barns & Farms">Barns & Farms</option>
                                                    <option value="Hotels">Hotels</option>
                                                    <option value="Wineries & Breweries">Wineries & Breweries</option>
                                                    <option value="Country Clubs">Country Clubs</option>
                                                    <option value="Restaurants">Restaurants</option>
                                                    <option value="Rooftops & Lofts">Rooftops & Lofts</option>
                                                    <option value="Mansions">Mansions</option>
                                                    <option value="Churches & Temples">Churches & Temples</option>
                                                    <option value="Museums">Museums</option>
                                                    <option value="Boats">Boats</option>
                                                    <option value="Parks">Parks</option>
                                                    <option value="Historic Venues">Historic Venues</option>
                                                    <option value="Banquet Halls">Banquet Halls</option>
                                                    <option value="Beaches">Beaches</option>
                                                    <option value="Gardens">Gardens</option>
                                                    <option value="Waterfronts">Waterfronts</option>
                                                </select>


                                            </div>
                                            <!-- col -->
                                            <div class="col-sm ">

                                                <select class="form-select border-white"
                                                    aria-label="Floating label select example">
                                                    <option selected>Where</option>
                                                    <option value="London">London</option>
                                                    <option value="Paris">Paris</option>
                                                    <option value="Barcelona">Barcelona</option>
                                                    <option value="New York">New York</option>

                                                </select>


                                            </div>
                                            <!-- col -->
                                            <div class="col-sm-2">
                                                <div class="d-grid ">
                                                    <button type="submit" class="btn btn-primary">Submit</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="mt-5">
                            <p class="text-white lead mb-0">Or browse the highlights picked by us</p>

                            <div class=" d-md-flex justify-content-between">

                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1 ">
                                    <i class="flaticon-025-wedding-cake fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-033-bouquet fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-046-wedding fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-030-dish fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-008-wedding-dress fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-038-camera fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-022-church fs-1"></i>
                                </div>
                                <div class="icon-shape icon-xxl bg-white bg-opacity-25 rounded-circle icon-hover mb-3 mx-1">
                                    <i class="flaticon-007-ring fs-1"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- hero close -->
        <!-- most popular -->
        <section class="py-10 bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="text-center mb-8">
                            <h2 class="mb-1">Most Popular Categories</h2>
                            <p class="mb-0">Browse our most popular category and vendor or supplier listing.</p>
                        </div>
                    </div>
                </div>
                <div class="row g-1">
                    <div class="col-md-3">
                        <div class="card  h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-046-wedding copy 2 fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Wedding Venue</h4>
                                        <span>12 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card  h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-033-bouquet copy 2 fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Florist</h4>
                                        <span>2 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card  h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-008-wedding-dress copy fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Dresses</h4>
                                        <span>8 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card  h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-007-ring copy fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Jewellery</h4>
                                        <span>10 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card  h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-025-wedding-cake copy 2 fs-1  text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Wedding Cake</h4>
                                        <span>15 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-038-camera copy 2 fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Photographer</h4>
                                        <span>10 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card  h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-005-gramophone fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Wedding DJ</h4>
                                        <span>16 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card h-100 icon-lift">
                            <div class="card-body py-6">
                                <div class="text-center">
                                    <div class=" rounded-circle  bg-primary-100 icon-shape icon-xxl mb-4">
                                        <i class="flaticon-045-bride fs-1 text-primary"></i>
                                    </div>
                                    <div>
                                        <h4 class="mb-1">Beauty Salon</h4>
                                        <span>10 Listing</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="text-center mt-5">
                            <a href="#" class="btn btn-outline-primary ">View All Category</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- most pouplar -->
        <!-- latest wedding -->
        <section class="py-10">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="text-center mb-6">
                            <h2 class="mb-1">Latest Wedding Venue</h2>
                            <p class="mb-0">A short description for showcase of latest wedding venue.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <div class="card mb-4 mb-md-0">
                            <div class="position-relative p-2">
                                <div class="img-hover">
                                    <a href="#">
                                        <img src="../assets/images/category/vendor-img-1.jpg" alt="vendor1"
                                            class="img-fluid w-100">
                                    </a>
                                </div>
                                <div class="position-absolute top-0 end-0 p-4">
                                    <a href="#" class="text-white text-hover-primary" data-bs-toggle="modal"
                                        data-bs-target="#favouriteIcon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                            fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
                                            <path
                                                d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="mb-1">
                                    <a href="#" class="text-inherit">Wedding Venue Title Name</a>
                                </h3>
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                        fill="var(--rw-gray-400)" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
                                        <path
                                            d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                                    </svg>
                                </span>
                                <span class="mb-0">Morbi,<span class="ms-1">Gujarat.</span></span>
                            </div>
                            <div class="row  g-0 border-top align-items-center">
                                <div class="col-4">
                                    <div class="text-center py-3">
                                        <h5 class="mb-0">$150</h5>
                                        <p class="mb-0 small">Start From</p>
                                    </div>
                                </div>
                                <div class="col-4 border-start">
                                    <div class="text-center py-3 ">
                                        <h5 class="mb-0">120</h5>
                                        <p class="mb-0 small">Guest</p>
                                    </div>
                                </div>
                                <div class="col-4 border-start">
                                    <div class="text-center py-3 ">
                                        <div class="lh-sm">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-gray-400)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                        </div>
                                        <p class="mb-0 small">(20)</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card mb-4 mb-md-0">
                            <div class="position-relative p-2">
                                <div class="img-hover">
                                    <a href="#">
                                        <img src="../assets/images/category/vendor-img-2.jpg" alt="vendor1"
                                            class="img-fluid w-100">
                                    </a>
                                </div>
                                <div class="position-absolute top-0 end-0 p-4">
                                    <a href="#" class="text-white text-hover-primary" data-bs-toggle="modal"
                                        data-bs-target="#favouriteIcon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                            fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
                                            <path
                                                d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="mb-1">
                                    <a href="#" class="text-inherit">Wedding Venue Title Name</a>
                                </h3>
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                        fill="var(--rw-gray-400)" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
                                        <path
                                            d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                                    </svg>
                                </span>
                                <span class="mb-0">Ahmedabad,<span class="ms-1">Gujarat.</span></span>
                            </div>
                            <div class="row  g-0 border-top align-items-center">
                                <div class="col-4">
                                    <div class="text-center py-3">
                                        <h5 class="mb-0">$150</h5>
                                        <p class="mb-0 small">Start From</p>
                                    </div>
                                </div>
                                <div class="col-4 border-start">
                                    <div class="text-center py-3 ">
                                        <h5 class="mb-0">120</h5>
                                        <p class="mb-0 small">Guest</p>
                                    </div>
                                </div>
                                <div class="col-4 border-start">
                                    <div class="text-center py-3 ">
                                        <div class="lh-sm">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-gray-400)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                        </div>
                                        <p class="mb-0 small">(15)</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4 d-block d-lg-block d-md-none">
                        <div class="card">
                            <div class="position-relative p-2">
                                <div class="img-hover">
                                    <a href="#">
                                        <img src="../assets/images/category/vendor-img-3.jpg" alt="vendor1"
                                            class="img-fluid w-100">
                                    </a>
                                </div>
                                <div class="position-absolute top-0 end-0 p-4">
                                    <a href="#" class="text-white text-hover-primary" data-bs-toggle="modal"
                                        data-bs-target="#favouriteIcon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                            fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
                                            <path
                                                d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="mb-1">
                                    <a href="#" class="text-inherit">Wedding Venue Title Name</a>
                                </h3>
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                        fill="var(--rw-gray-400)" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
                                        <path
                                            d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                                    </svg>
                                </span>
                                <span class="mb-0">Baroda,<span class="ms-1">Gujarat.</span></span>
                            </div>
                            <div class="row  g-0 border-top align-items-center">
                                <div class="col-4">
                                    <div class="text-center py-3">
                                        <h5 class="mb-0">$150</h5>
                                        <p class="mb-0 small">Start From</p>
                                    </div>
                                </div>
                                <div class="col-4 border-start">
                                    <div class="text-center py-3 ">
                                        <h5 class="mb-0">120</h5>
                                        <p class="mb-0 small">Guest</p>
                                    </div>
                                </div>
                                <div class="col-4 border-start">
                                    <div class="text-center py-3 ">
                                        <div class="lh-sm">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-warning)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="var(--rw-gray-400)" class="bi bi-star-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                            </svg>
                                        </div>
                                        <p class="mb-0 small">(17)</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </section>
        <!-- latest wedding -->
        <!-- more leads -->
        <section class="py-10"
            style="background: url(../assets/images/banner/hero-img.jpg)no-repeat; background-size: cover;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-10 offset-lg-1">
                        <div class="text-center">
                            <h2 class="display-5 text-white mb-3">Get more leads to
                                <span class="border-bottom border-danger border-3"> grow your business.</span>
                            </h2>
                            <p class="text-white lead px-lg-18 mb-6">Your free custom Storefront makes it easy for
                                couples to find what they need and contact
                                your business.</p>
                            <a href="#" class="btn btn-primary ">Add Your Business Listing</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- moew leads -->
        <!-- popular start -->
        <section class="py-10">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="text-center mb-8">

                            <h2 class="mb-1">Popular Locations</h2>
                            <p class="mb-0">We are able to offer you detailed information regarding romantic wedding in
                                the following
                                locations.</p>
                        </div>
                    </div>
                </div>
                <div class="row gx-3">
                    <div class="col-md-3 col-lg-3 col-sm-12 col-xl-3">
                        <div>
                            <div class="position-relative mb-3 mb-md-0 img-overlay">
                                <a href="#">
                                    <img src="../assets/images/location/location-img-5.jpg" alt="img5"
                                        class="w-100 rounded">
                                </a>
                                <div class="text-center position-absolute top-0 start-50 translate-middle-x mt-4">
                                    <h2 class="text-white mb-1">New York</h2>
                                    <span class="text-white">20 Vendors</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="row">
                            <div class="col-md-12">
                                <div>
                                    <div class="position-relative img-overlay">
                                        <a href="#">
                                            <img src="../assets/images/location/location-img-6.jpg" alt="img6"
                                                class=" w-100 mb-3 rounded">
                                        </a>
                                        <div
                                            class="text-center position-absolute top-0 start-50 translate-middle-x mt-4">
                                            <h2 class="text-white mb-1">Barcelona</h2>
                                            <span class="text-white">12 Vendors</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div>
                                    <div class="position-relative mb-3 mb-md-0 img-overlay">
                                        <a href="#">
                                            <img src="../assets/images/location/location-img-7.jpg" alt="img7"
                                                class="w-100 rounded">
                                        </a>
                                        <div
                                            class="text-center position-absolute top-0 start-50 translate-middle-x mt-4">
                                            <h2 class="text-white mb-1">Paris</h2>
                                            <span class="text-white">14 Vendors</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="row">
                            <div class="col-md-12">
                                <div>
                                    <div class="position-relative mb-md-0 img-overlay">
                                        <a href="#">
                                            <img src="../assets/images/location/location-img-8.jpg" alt="img8"
                                                class="w-100 mb-3 rounded">
                                        </a>
                                        <div
                                            class="text-center position-absolute top-0 start-50 translate-middle-x mt-4">
                                            <h2 class="text-white mb-1">Tokyo</h2>
                                            <span class="text-white">09 Vendors</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div>
                                    <div class="position-relative mb-3 mb-md-0 img-overlay">
                                        <a href="#">
                                            <img src="../assets/images/location/location-img-9.jpg" alt="img9"
                                                class="w-100 rounded">
                                        </a>
                                        <div
                                            class="text-center position-absolute top-0 start-50 translate-middle-x mt-4">
                                            <h2 class="text-white mb-1">Chicago</h2>
                                            <span class="text-white">10 Vendors</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div>
                            <div class="position-relative img-overlay">
                                <a href="#">
                                    <img src="../assets/images/location/location-img-10.jpg" alt="img10"
                                        class="w-100 rounded">
                                </a>
                                <div class="text-center position-absolute top-0 start-50 translate-middle mt-7">
                                    <h2 class="text-white">Reykjavik</h2>
                                    <span class="text-white">5 Vendors</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- popular close -->
        <!-- how it work -->
        <section class="pb-10">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="text-center mb-8">
                            <h2>How it works ?</h2>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="text-center px-xxl-8 mb-6 mb-md-0">
                            <div class="position-relative">
                                <div class="border border-primary icon-shape icon-xxl rounded-circle bg-primary-100">
                                    <i class="flaticon-046-wedding  fs-1 text-primary"></i>
                                </div>
                                <div class="position-absolute start-50 mt-2 translate-middle">
                                    <p class="rounded-circle icon-shape icon-xs text-white bg-primary small">1</p>
                                </div>
                            </div>
                            <div class="mt-6">
                                <h3>Browse Venues</h3>
                                <p class="mb-0">Duis ultrices tincidunt augue sit amet ult simple dummy rices mi cursus
                                    ut susperetra
                                    nunc.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center px-xxl-8 mb-6 mb-md-0">
                            <div class="position-relative">
                                <div class="border border-primary icon-shape icon-xxl rounded-circle bg-primary-100">
                                    <i class="flaticon-023-wedding-invitation-1 fs-1 text-primary"></i>
                                </div>
                                <div class="position-absolute start-50 mt-2 translate-middle">
                                    <p class="rounded-circle icon-shape icon-xs text-white bg-primary small">2</p>
                                </div>
                            </div>
                            <div class="mt-6">
                                <h3>Request Quotes</h3>
                                <p class="mb-0">Maecenas bibendum velit nisl, sed vulputate nulla maximus convallo
                                    lutpgna ipsum.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center px-xxl-8">
                            <div class="position-relative">
                                <div class="border border-primary icon-shape icon-xxl rounded-circle  bg-primary-100">
                                    <i class="flaticon-009-calendar-1 fs-1 text-primary"></i>
                                </div>
                                <div class="position-absolute start-50 mt-2 translate-middle">
                                    <p class="rounded-circle icon-shape icon-xs text-white bg-primary small">3</p>
                                </div>
                            </div>
                            <div class="mt-6">
                                <h3>Browse vendor</h3>
                                <p class="mb-0">Praesent consectetur mauris id urna interdu quis fringilla esmoin purus
                                    blandit
                                    convallis.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- how it work -->
        <!-- Latest Articles-->
        <section class="py-10 bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="text-center mb-8">

                            <h2 class="mb-1">Latest Articles and Tips</h2>
                            <p class="mb-0">Small content paragraph for heading title subtitle text.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <div class="card mb-4 mb-md-0">
                            <div class="position-relative">
                                <div>
                                    <a href="#">
                                        <img src="../assets/images/post/post-img-1.jpg" alt="post"
                                            class="img-fluid w-100 rounded-top">
                                    </a>
                                </div>
                                <div class="position-absolute bottom-0 ms-4 mb-4">
                                    <a href="#" class="badge bg-primary-100 text-primary ">Real Wedding</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="mb-0">
                                    <a href="#" class="text-inherit">Top 10 Wedding Tips for Groom & Bride</a>
                                </h3>
                            </div>
                            <div class="card-footer d-flex align-items-center fs-5">
                                <span class="lh-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        fill="var(--rw-gray-400)" class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>
                                    <a href="#" class="ms-1">RealWed</a>
                                </span>
                                <span class="ms-3 lh-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        fill="var(--rw-gray-400)" class="bi bi-calendar3" viewBox="0 0 16 16">
                                        <path
                                            d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" />
                                        <path
                                            d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                                    </svg>
                                    <span class="ms-1">Oct 26, 2023</span>
                                </span>
                                <span class="ms-3 d-lg-none d-xxl-block lh-sm">Comments</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card mb-4 mb-md-0">
                            <div class="position-relative">
                                <div>
                                    <a href="#">
                                        <img src="../assets/images/post/post-img-2.jpg" alt="post"
                                            class="img-fluid w-100 rounded-top">
                                    </a>
                                </div>
                                <div class="position-absolute bottom-0 ms-5 mb-3">
                                    <a href="#" class="badge bg-warning-100 text-warning">Florist</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="mb-0">
                                    <a href="#" class="text-inherit">Suspendisse get magna let ultricies egestas</a>
                                </h3>
                            </div>
                            <div class="card-footer d-flex align-items-center fs-5">
                                <span class="lh-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        fill="var(--rw-gray-400)" class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>
                                    <a href="#" class="ms-1">RealWed</a>
                                </span>
                                <span class="ms-3 lh-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        fill="var(--rw-gray-400)" class="bi bi-calendar3" viewBox="0 0 16 16">
                                        <path
                                            d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" />
                                        <path
                                            d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                                    </svg>
                                    <span class="ms-1">Oct 24, 2023</span>
                                </span>
                                <span class="ms-3 d-lg-none d-xxl-block lh-sm">Comments</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4 d-block d-lg-block d-md-none">
                        <div class="card">
                            <div class="position-relative">
                                <div>
                                    <a href="#">
                                        <img src="../assets/images/post/post-img-3.jpg" alt="post"
                                            class="img-fluid w-100 rounded-top">
                                    </a>
                                </div>
                                <div class="position-absolute bottom-0 ms-5 mb-3">
                                    <a href="#" class="badge bg-success-100 text-success">Venue</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="mb-0">
                                    <a href="#" class="text-inherit">Nullam leo tellus, porta surem ipsum commodo elit
                                        ac</a>
                                </h3>
                            </div>
                            <div class="card-footer d-flex align-items-center fs-5">
                                <span class="lh-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        fill="var(--rw-gray-400)" class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>
                                    <a href="#" class="ms-1">RealWed</a>
                                </span>
                                <span class="ms-3 lh-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        fill="var(--rw-gray-400)" class="bi bi-calendar3" viewBox="0 0 16 16">
                                        <path
                                            d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" />
                                        <path
                                            d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                                    </svg>
                                    <span class="ms-1">Oct 20, 2023</span>
                                </span>
                                <span class="ms-3 d-lg-none d-xxl-block lh-sm">Comments</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="text-center mt-6">
                            <a href="#" class="btn btn-outline-primary">View Tips And News</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Latest Articles -->
        <!--couple talking -->
        <section class=" py-md-10 py-lg-0 py-10 border-bottom border-primary border-4"
            style="background: url(../assets/images/banner/hero-img.jpg)no-repeat; background-position: center; background-size: cover;">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 offset-md-3">
                        <div class="text-center py-lg-18">
                            <h2 class="fs-1 text-white">Start Planning for Free</h2>
                            <p class="text-white mb-5">VendorHub will connect your wedding with businessess that are
                                available on your wedding
                                date, meet your budgets, are in-line with your style and much more. Save time and let
                                venorhub recommend the best wedding vendors in india for your Wedding Day!</p>
                            <a href="#" class="btn btn-primary mb-2 ">Plan For Free Today</a>
                            <p class="text-white">Already have an account?
                                <a href="#" class="text-white text-decoration-underline">Login here</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- articles close -->
    <!-- footer -->
     <!-- footer -->

 <footer class="pt-12 pb-0 bg-light">
    <div class="container">
      <div class="row">
          <!-- col -->
        <div class="col-lg-5 col-md-6 col-12">
            <!-- para -->
          <div class="mb-4 mb-lg-0">
            <a href="../index.html"><svg width="124" height="24" viewBox="0 0 124 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9247 3.32383L12.0002 4.4539L13.0757 3.3223C15.6003 0.669641 20.2295 1.58657 21.9005 4.92156C22.6865 6.49016 22.862 8.75335 21.4295 11.6452C20.7221 13.0701 19.6247 14.6394 18.027 16.3189C22.6163 9.767 15.3208 5.76655 12.0004 9.1158C8.67961 5.76619 1.38285 9.76844 5.97523 16.3214C4.37607 14.6409 3.27786 13.0708 2.57092 11.6452C1.13838 8.75488 1.31538 6.49016 2.09991 4.92156C3.77096 1.58657 8.4001 0.671174 10.9247 3.32383ZM11.7362 1.9929C4.91849 -4.42101 -11 7.70455 12.0002 23.2402C35.0004 7.70302 19.0804 -4.42408 12.2642 1.99444C12.1729 2.07776 12.0848 2.16472 12.0002 2.2551C11.9147 2.16464 11.8262 2.07724 11.7362 1.9929Z" fill="#DC2626"/>
              <path d="M43.464 17.536L44.184 19.96C43.864 20.2 43.472 20.384 43.008 20.512C42.544 20.656 42.056 20.728 41.544 20.728C39.752 20.728 38.344 19.936 37.32 18.352L34.848 14.56C34.592 14.16 34.328 13.88 34.056 13.72C33.784 13.56 33.488 13.48 33.168 13.48H33.048V20.512H30V3.47195H35.304C37.464 3.47195 39.096 3.91995 40.2 4.81595C41.32 5.71195 41.88 6.94395 41.88 8.51195C41.88 9.45595 41.672 10.272 41.256 10.96C40.84 11.632 40.272 12.168 39.552 12.568C38.832 12.968 38.016 13.224 37.104 13.336C37.584 13.592 38.024 14.024 38.424 14.632L39.768 16.624C40.12 17.136 40.448 17.488 40.752 17.68C41.072 17.872 41.472 17.968 41.952 17.968C42.512 17.968 43.016 17.824 43.464 17.536ZM35.088 6.01595H33.048V11.032H34.944C36.256 11.032 37.224 10.832 37.848 10.432C38.472 10.032 38.784 9.39195 38.784 8.51195C38.784 6.84795 37.552 6.01595 35.088 6.01595Z" fill="#212529"/>
              <path d="M50.0417 20.728C48.7297 20.728 47.5937 20.488 46.6337 20.008C45.6897 19.512 44.9617 18.808 44.4497 17.896C43.9377 16.984 43.6817 15.896 43.6817 14.632C43.6817 13.368 43.9457 12.256 44.4737 11.296C45.0017 10.32 45.7137 9.55995 46.6097 9.01595C47.5217 8.47195 48.5537 8.19995 49.7057 8.19995C51.5777 8.19995 52.9537 8.83995 53.8337 10.12C54.7297 11.384 55.0417 13.136 54.7697 15.376H46.6577C46.7217 16.224 47.0657 16.904 47.6897 17.416C48.3137 17.928 49.1697 18.184 50.2577 18.184C50.7697 18.184 51.2817 18.072 51.7937 17.848C52.3217 17.624 52.7697 17.28 53.1377 16.816L54.8417 18.544C54.2977 19.232 53.6337 19.768 52.8497 20.152C52.0817 20.536 51.1457 20.728 50.0417 20.728ZM49.7537 10.408C48.9377 10.408 48.2657 10.664 47.7377 11.176C47.2097 11.688 46.8737 12.376 46.7297 13.24H52.2497C52.2817 12.248 52.0657 11.528 51.6017 11.08C51.1377 10.632 50.5217 10.408 49.7537 10.408Z" fill="#212529"/>
              <path d="M68.1369 8.43995V20.512H65.1609L65.2569 18.4C64.8249 19.136 64.2569 19.712 63.5529 20.128C62.8649 20.528 62.0729 20.728 61.1769 20.728C60.1209 20.728 59.2249 20.488 58.4889 20.008C57.7529 19.512 57.1929 18.832 56.8089 17.968C56.4249 17.104 56.2329 16.112 56.2329 14.992C56.2329 13.648 56.4969 12.472 57.0249 11.464C57.5529 10.44 58.2729 9.63995 59.1849 9.06395C60.1129 8.48795 61.1529 8.19995 62.3049 8.19995C63.0729 8.19995 63.7529 8.36795 64.3449 8.70395C64.9369 9.02395 65.3929 9.45595 65.7129 9.99995L66.0009 8.43995H68.1369ZM62.5209 10.792C61.5289 10.792 60.7369 11.168 60.1449 11.92C59.5529 12.672 59.2569 13.656 59.2569 14.872C59.2569 15.912 59.4809 16.72 59.9289 17.296C60.3769 17.872 60.9929 18.16 61.7769 18.16C62.4169 18.16 62.9929 17.976 63.5049 17.608C64.0329 17.24 64.4489 16.728 64.7529 16.072C65.0569 15.416 65.2089 14.664 65.2089 13.816C65.2089 12.872 64.9689 12.136 64.4889 11.608C64.0089 11.064 63.3529 10.792 62.5209 10.792Z" fill="#212529"/>
              <path d="M74.2704 20.728C73.1184 20.728 72.2464 20.416 71.6544 19.792C71.0624 19.168 70.7664 18.28 70.7664 17.128V2.75195H73.6944V16.888C73.6944 17.752 74.0944 18.184 74.8944 18.184C75.2944 18.184 75.6464 18.088 75.9504 17.896L76.6704 20.032C76.4144 20.224 76.0704 20.384 75.6384 20.512C75.2064 20.656 74.7504 20.728 74.2704 20.728Z" fill="#212529"/>
              <path d="M96.3263 3.47195H99.3023L94.3583 20.512H90.8063L87.7103 7.50395L84.0143 20.512H80.4383L76.2143 3.47195H79.3583L82.4303 16.504L86.0783 3.47195H89.7023L92.7503 16.432L96.3263 3.47195Z" fill="#212529"/>
              <path d="M105.215 20.728C103.903 20.728 102.767 20.488 101.807 20.008C100.863 19.512 100.135 18.808 99.6234 17.896C99.1114 16.984 98.8554 15.896 98.8554 14.632C98.8554 13.368 99.1194 12.256 99.6474 11.296C100.175 10.32 100.887 9.55995 101.783 9.01595C102.695 8.47195 103.727 8.19995 104.879 8.19995C106.751 8.19995 108.127 8.83995 109.007 10.12C109.903 11.384 110.215 13.136 109.943 15.376H101.831C101.895 16.224 102.239 16.904 102.863 17.416C103.487 17.928 104.343 18.184 105.431 18.184C105.943 18.184 106.455 18.072 106.967 17.848C107.495 17.624 107.943 17.28 108.311 16.816L110.015 18.544C109.471 19.232 108.807 19.768 108.023 20.152C107.255 20.536 106.319 20.728 105.215 20.728ZM104.927 10.408C104.111 10.408 103.439 10.664 102.911 11.176C102.383 11.688 102.047 12.376 101.903 13.24H107.423C107.455 12.248 107.239 11.528 106.775 11.08C106.311 10.632 105.695 10.408 104.927 10.408Z" fill="#212529"/>
              <path d="M123.311 2.75195V20.512H120.335L120.431 18.4C119.999 19.152 119.439 19.728 118.751 20.128C118.063 20.528 117.263 20.728 116.351 20.728C115.295 20.728 114.399 20.488 113.663 20.008C112.927 19.512 112.367 18.832 111.983 17.968C111.599 17.104 111.407 16.112 111.407 14.992C111.407 13.648 111.671 12.472 112.199 11.464C112.727 10.44 113.447 9.63995 114.359 9.06395C115.287 8.48795 116.327 8.19995 117.479 8.19995C118.087 8.19995 118.639 8.30395 119.135 8.51195C119.647 8.71995 120.071 9.00795 120.407 9.37595L120.383 8.39195V2.75195H123.311ZM117.695 10.792C116.703 10.792 115.911 11.168 115.319 11.92C114.727 12.672 114.431 13.656 114.431 14.872C114.431 15.912 114.655 16.72 115.103 17.296C115.551 17.872 116.167 18.16 116.951 18.16C117.591 18.16 118.167 17.976 118.679 17.608C119.207 17.24 119.623 16.728 119.927 16.072C120.231 15.416 120.383 14.664 120.383 13.816C120.383 12.872 120.143 12.136 119.663 11.608C119.183 11.064 118.527 10.792 117.695 10.792Z" fill="#212529"/>
              </svg>

              </a>
            <p class="mb-0 mt-4 pe-lg-16">Discover the most high rated wedding vendors and  plan your wedding more better, forever.</p>
          </div>
        </div>
        <div class="col-lg-2 col-md-3 col-6">
          <!-- list -->
        <div class="mb-4 mb-lg-0">
          <h3 class="mb-3">Company</h3>
         <ul class="list-unstyled">
           <li><a href="#" class="text-body text-hover-primary">About us</a></li>
           <li><a href="#" class="text-body text-hover-primary">Careers</a></li>
           <li><a href="#" class="text-body text-hover-primary">Press Kit</a></li>
           <li><a href="#" class="text-body text-hover-primary">Partner</a></li>

         </ul>
        </div>
      </div>
      <div class="col-lg-2 col-md-3 col-6">
        <!-- list -->
      <div class="mb-4 mb-lg-0">
        <h3 class="mb-3">Support</h3>
       <ul class="list-unstyled">
         <li><a href="#" class="text-body text-hover-primary">Get in Touch</a></li>
         <li><a href="#" class="text-body text-hover-primary">Help Center</a></li>
         <li><a href="#" class="text-body text-hover-primary">Live Chat</a></li>
         <li><a href="#" class="text-body text-hover-primary">How it works</a></li>

       </ul>
      </div>
    </div>
    <div class="col-lg-3 col-md-6 col-12">
      <!-- contact -->
    <div class="mb-4 mb-lg-0">
     <h3 class="mb-3">Contact us</h3>
     <p class="mb-1">Email:<a href="#" class="ms-1">support@realwed.com</a></p>
     <p>Phone:<span class="text-dark fw-semi-bold ms-2">(000)123 456 789</span></p>
    </div>
  </div>
      </div>
          <!-- tiny footer -->
      <div class="row mt-8 border-top pt-4 align-items-center">
        <div class="col-md-10 col-12">
          <div class="d-flex fs-5 ">

            <div>
              &copy;
              <span id="copyright">  2018 -
                  <script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
              </span>
             RealWed
          </div>
        <div class="ms-3">
              <!-- list -->
              <ul class="list-inline">
                <li class="list-inline-item"><a href="#">PrivacyTerms</a></li>
                <li class="list-inline-item"><a href="#">Sitemap</a></li>
              </ul>
              </div>

          </div>
        </div>
        <div class="col-md-2 col-12">
          <div class="text-md-end lh-1">
                <!-- list -->
            <ul class="list-inline">
              <li class="list-inline-item"><a href="#" class="text-body text-hover-primary"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
              </svg></a></li>
              <li class="list-inline-item"><a href="#" class="text-body text-hover-primary"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
              </svg></a></li>
              <li class="list-inline-item"><a href="#" class="text-body text-hover-primary"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
              </svg></a></li>
            </ul>
          </div>
          </div>
      </div>
    </div>

  </footer>

    <!-- modal -->
    <!-- like listing Modal -->
<div class="modal fade" id="favouriteIcon" tabindex="-1" aria-labelledby="favouriteIconLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title mb-0" id="favouriteIconLabel">Account</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
          <li class="nav-item" role="presentation">
            <a class="nav-link active" id="pills-signin-tab" data-bs-toggle="pill" href="#pills-signin" role="tab"
              aria-controls="pills-signin" aria-selected="true">Sign in</a>
          </li>
          <li class="nav-item" role="presentation">
            <a class="nav-link" id="pills-signup-tab" data-bs-toggle="pill" href="#pills-signup" role="tab"
              aria-controls="pills-signup" aria-selected="false">Sign up</a>
          </li>

        </ul>
        <div class="tab-content" id="pills-tabContent">
          <div class="tab-pane fade show active" id="pills-signin" role="tabpanel" aria-labelledby="pills-signin-tab">

            <div class="p-3 p-md-6">

              <form>

                <h2 class="h3 mb-3">Sign in to your Account</h2>

                <div class="form-floating mb-3">
                  <input type="email" class="form-control" id="email" placeholder="Your Email address" required>
                  <label for="email">Email</label>
                </div>
                <div class="form-floating mb-3">
                  <input type="password" class="form-control" id="password" placeholder="Your Password" required>
                  <label for="password">Password</label>
                </div>

                <div class="mb-3">
                  <p class="fs-5 lh-2"><a href="forget-password.html" class="text-muted text-hover-primary">Forgot your
                      password?</a></p>

                </div>
                <div class="d-grid mb-3">
                  <button type="submit" class="btn btn-primary">Sign in</button>
                </div>
              </form>
              <div class="mb-5">
                <p>Not a member yet? <a href="signup.html">Sign up</a></p>
              </div>
              <div class="border-bottom"></div>
              <div class="text-center mt-n3">
                <small class="bg-white px-3">OR</small>
              </div>
              <div class="d-grid mt-4">
                <a href="#" class="btn btn-outline-dark border-2 mb-2"><span class="me-1"><svg
                      xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                      class="bi bi-facebook" viewBox="0 0 16 16">
                      <path
                        d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                    </svg></span><span class="align-middle">Continue with facebook</span></a>
                <a href="#" class="btn btn-outline-dark border-2"><span class="me-2"><svg
                      xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-google"
                      viewBox="0 0 16 16">
                      <path
                        d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
                    </svg></span><span class="align-middle">Continue with google</span></a>
              </div>



            </div>
          </div>
          <div class="tab-pane fade" id="pills-signup" role="tabpanel" aria-labelledby="pills-signup-tab">

            <div class="p-3 p-md-6">

              <form>

                <h2 class="h3 mb-3">Sign up with your email</h2>
                <div class="form-floating mb-3">
                  <input type="text" class="form-control" id="signupname" placeholder="Your name" required>
                  <label for="signupname">First and last name</label>
                </div>
                <div class="form-floating mb-3">
                  <input type="email" class="form-control" id="signupemail" placeholder="Add email address" required>
                  <label for="signupemail">Email</label>
                </div>
                <div class="form-floating mb-3">
                  <input type="password" class="form-control" id="signuppassword" placeholder="**" required>
                  <label for="signuppassword">Password</label>
                </div>
                <div class="form-floating mb-3">
                  <input type="text" class="form-control flatpickr" id="date" placeholder="Select Date">
                  <label for="date">Wedding Date</label>
                </div>
                <div class="mb-3">
                  <p class="fs-5 lh-2">Byclicking'Request pricing', I agree to RealWed <a href="#">Privacy
                      Policy</a> and <a href="#">Terms of Use</a></p>

                </div>
                <div class="d-grid mb-3">
                  <button type="submit" class="btn btn-primary">Sign up</button>
                </div>
              </form>
              <div class="mb-5">
                <p>Already have an account? <a href="signin.html">Sign in</a></p>
              </div>
              <div class="border-bottom"></div>
              <div class="text-center mt-n3">
                <small class="bg-white px-3">OR</small>
              </div>
              <div class="d-grid mt-4">
                <a href="#" class="btn btn-outline-dark border-2 mb-2"><span class="me-2"><svg
                      xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                      class="bi bi-facebook" viewBox="0 0 16 16">
                      <path
                        d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                    </svg></span><span class="align-middle">Continue with facebook</span></a>
                <a href="#" class="btn btn-outline-dark border-2"><span class="me-2"><svg
                      xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-google"
                      viewBox="0 0 16 16">
                      <path
                        d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
                    </svg></span><span class="align-middle">Continue with google</span></a>
              </div>



            </div>
          </div>

        </div>
      </div>

    </div>
  </div>
</div>




<!-- Filter Modal -->
<div class="modal fade" id="filter" tabindex="-1" aria-labelledby="filter" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">More Filter</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body p-4">
        <div class="mb-4">
          <h3 class="mb-1">Types of Categories</h3>
          <p>You can create multiple sections and organize your filter</p>
          <ul class="list-unstyled">
            <li><a href="#" class="text-inherit">All Categories</a></li>
            <li><a href="#" class="text-inherit fw-semi-bold">Barn & Farm Weddings</a></li>
            <li><a href="#" class="text-inherit">Hotel Weddings</a></li>
            <li><a href="#" class="text-inherit">Banquet Halls</a></li>
            <li><a href="#" class="text-inherit">Beach Weddings</a></li>
            <li><a href="#" class="text-inherit">Garden Weddings </a></li>
            <li><a href="#" class="text-inherit">Country Club Weddings</a></li>
            <li><a href="#" class="text-inherit">Restaurant Weddings </a></li>
            <li><a href="#" class="text-inherit">Church Weddings</a></li>
            <li><a href="#" class="text-inherit"> Museum Weddings</a></li>
          </ul>
        </div>
        <div class="mb-2">
          <h3 class="mb-1">Maximum Capacity</h3>
          <p>You can create multiple sections and organize your filter</p>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="numberOne" checked>
            <label class="form-check-label" for="numberOne">
              0 - 99
            </label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="numberTwo">
            <label class="form-check-label" for="numberTwo">
              100 - 199
            </label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="numberThree">
            <label class="form-check-label" for="numberThree">
              200 - 299
            </label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="numberFour">
            <label class="form-check-label" for="numberFour">
              300 -399
            </label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="numberFive">
            <label class="form-check-label" for="numberFive">
              400+
            </label>
          </div>
        </div>
      </div>
      <div class="modal-footer justify-content-between">
        <button type="button" class="btn btn-secondary" id="myForm">Clear all</button>
        <button type="button" class="btn btn-primary">Apply</button>
      </div>
    </div>
  </div>
</div>

<!-- social share -->
<div class="modal fade" id="shareButtonModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Share this place with friends and family</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body p-4">
        <div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item ps-0"><a href="#" class="fs-4 text-inherit"><span><svg
                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook"
                    viewBox="0 0 16 16">
                    <path
                      d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                  </svg></span>
                <span class="ms-2 align-middle ">Facebook</span></a></li>
            <li class="list-group-item ps-0"><a href="#" class="fs-4 text-inherit"><span><svg
                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter"
                    viewBox="0 0 16 16">
                    <path
                      d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                  </svg></span>
                <span class="ms-2 align-middle ">Twitter</span></a></li>
            <li class="list-group-item ps-0"><a href="#" class="fs-4 text-inherit"><span><svg
                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                    class="bi bi-link-45deg" viewBox="0 0 16 16">
                    <path
                      d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
                    <path
                      d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
                  </svg></span>
                <span class="ms-2 align-middle">Copy link</span></a></li>
            <li class="list-group-item ps-0"><a href="#" class="fs-4 text-inherit"><span><svg
                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                    class="bi bi-envelope-fill" viewBox="0 0 16 16">
                    <path
                      d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                  </svg></span>
                <span class="ms-2 align-middle">Email</span></a></li>
          </ul>
        </div>

      </div>

    </div>
  </div>
</div>
<!-- Review Modal -->
<div class="modal fade" id="reviewModal" tabindex="-1" aria-labelledby="reviewModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="reviewModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 col-md-12 col-12">
              <div class="row">
                <div class="col-md-12 col-12 mb-5">
                  <div class="d-md-flex align-items-center">
                    <div class="mb-3 mb-md-0">
                      <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="var(--rw-warning)"
                          class="bi bi-star-fill" viewBox="0 0 16 16">
                          <path
                            d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                        </svg></span><span class="align-middle ms-1"><span
                          class="text-primary fw-semi-bold me-1">4.95</span><span class="text-muted">(12
                          Reviews)</span></span>
                    </div>
                  </div>
                </div>
                <div class="col-xl-12 col-lg-12 col-md-12 col-12">
                  <div class="row align-items-center mb-2">
                    <div class="col-sm">Quality of service:</div>
                    <div class="col-sm">
                      <div class="progress" style="height: 6px;">
                        <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </div>
                    <div class="col-1">
                      <span>4.8</span>
                    </div>
                  </div>
                  <div class="row align-items-center mb-2">
                    <div class="col-sm">Value:</div>
                    <div class="col-sm">
                      <div class="progress" style="height: 6px;">
                        <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </div>
                    <div class="col-1">
                      <span>4.0</span>
                    </div>
                  </div>
                  <div class="row align-items-center mb-2">
                    <div class="col-sm">Professionalism:</div>
                    <div class="col-sm">
                      <div class="progress" style="height: 6px;">
                        <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </div>
                    <div class="col-1">
                      <span>5.0</span>
                    </div>
                  </div>
                </div>
                <div class="col-xl-12 col-lg-12 col-md-12 co-12">
                  <div class="row align-items-center mb-2">
                    <div class="col-sm">Responsiveness:</div>
                    <div class="col-sm">
                      <div class="progress" style="height: 6px;">
                        <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </div>
                    <div class="col-1">
                      <span>5.0</span>
                    </div>
                  </div>
                  <div class="row align-items-center mb-2">
                    <div class="col-sm">Flexibility:</div>
                    <div class="col-sm">
                      <div class="progress" style="height: 6px;">
                        <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                          aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </div>
                    <div class="col-1">
                      <span>4.0</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="offset-lg-1 col-lg-7 col-md-12 col-12 ">
              <div class="mb-5 mt-5 mt-lg-0">
                <form class="form-floating">
                  <input type="search" class="form-control" id="reviews" placeholder="Search Reviews">
                  <label for="reviews">Search</label>
                </form>
              </div>
              <div class="mb-4">
                <div class="d-md-flex align-items-center mb-3">
                  <img src="../assets/images/avatar/avatar-3.jpg" alt=""
                    class="avatar-md rounded-circle mb-3 mb-md-0">
                  <div class="d-flex align-items-start">
                    <div class="ms-md-3 ">
                      <h4 class="mb-0">James Duncan</h4>
                      <p class="fs-5 mb-0">December 2023</p>
                    </div>
                    <div class="ms-3 d-flex align-items-start">
                      <div class="text-primary fs-5 me-1 ">
                        <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="var(--rw-warning)"
                            class="bi bi-star-fill" viewBox="0 0 16 16">
                            <path
                              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                          </svg></span><span class="align-middle fw-semi-bold">4.95</span>
                      </div>
                      <div class="dropdown mt-n1">
                        <a href="#" class="fs-5" id="ratingDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-chevron-down" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                              d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
                          </svg>
                        </a>
                        <div class="dropdown-menu dropdown-menu-xl p-4 fs-5" aria-labelledby="ratingDropdown">
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Quality of service:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.8</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Value:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Professionalism:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Responsiveness:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center g-0">
                            <div class="col-sm">Flexibility:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>
                </div>
                <p>The place is too good, the staffwas very cooperative & responsive at any given time. What I
                  appreciate the most is they arranged our stay in these times of crisis by doing their best in all
                  manner. We are verygrateful to them for that.</p>
              </div>
              <div class="mb-3 bg-light p-4 rounded-3">
                <h5 class="fw-semi-bold">RealWed’s Reply </h5>
                <p class="mb-0">We really appreciate your honestyJames Duncan and glad to be a part of your special
                  day!Happy Married Life!!!Thanks again, RealWed.</p>
              </div>
              <div class="mb-4 mt-6">
                <div class="d-md-flex align-items-center mb-3">
                  <img src="../assets/images/avatar/avatar-5.jpg" alt=""
                    class="avatar-md rounded-circle mb-3 mb-md-0">
                  <div class="d-flex align-items-start">
                    <div class="ms-md-3">
                      <h4 class="mb-0">Shraddha</h4>
                      <p class="fs-5 mb-0">December 2023</p>
                    </div>
                    <div class="ms-3 d-flex align-items-start">
                      <div class="text-primary fs-5 me-1 ">
                        <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="var(--rw-warning)"
                            class="bi bi-star-fill" viewBox="0 0 16 16">
                            <path
                              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                          </svg></span><span class="align-middle fw-semi-bold">4.95</span>
                      </div>
                      <div class="dropdown mt-n1">
                        <a href="#" class="fs-5" id="ratingDropdownSecond" data-bs-toggle="dropdown"
                          aria-expanded="false">
                          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-chevron-down" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                              d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
                          </svg>
                        </a>
                        <div class="dropdown-menu dropdown-menu-xl p-4 fs-5" aria-labelledby="ratingDropdownSecond">
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Quality of service:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.8</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Value:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Professionalism:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Responsiveness:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center g-0">
                            <div class="col-sm">Flexibility:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <p>We thoroughly enjoyed our stay at this beautiful place. A verywell maintained studio apartment.
                  Everything is just Amazing. Venue is very accommodating.</p>
              </div>
              <div class="mb-4 mt-6">
                <div class="d-md-flex align-items-center mb-3">
                  <img src="../assets/images/avatar/avatar-1.jpg" alt=""
                    class="avatar-md rounded-circle mb-3 mb-md-0">
                  <div class="d-flex align-items-start">
                    <div class="ms-md-3">
                      <h4 class="mb-0">Sahil Meda</h4>
                      <p class="fs-5 mb-0">December 2023</p>
                    </div>
                    <div class="ms-3 d-flex align-items-start">
                      <div class="text-primary fs-5 me-1 ">
                        <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="var(--rw-warning)"
                            class="bi bi-star-fill" viewBox="0 0 16 16">
                            <path
                              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                          </svg></span><span class="align-middle fw-semi-bold">4.95</span>
                      </div>
                      <div class="dropdown mt-n1">
                        <a href="#" class="fs-5" id="ratingDropdownThird" data-bs-toggle="dropdown"
                          aria-expanded="false">
                          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-chevron-down" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                              d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
                          </svg>
                        </a>
                        <div class="dropdown-menu dropdown-menu-xl p-4 fs-5" aria-labelledby="ratingDropdownThird">
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Quality of service:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.8</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Value:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Professionalism:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Responsiveness:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center g-0">
                            <div class="col-sm">Flexibility:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <p>In porttitor sodales tempus. Integer pharetra turpis et eros accumsan fringilla. Sed consectetur
                  lobortis accumsan. Suspendisse pellentesque dolor pellentesque lacus rutrum efficitur.</p>
              </div>
              <div class="mb-4 mt-6">
                <div class="d-md-flex align-items-center mb-3">
                  <img src="../assets/images/avatar/avatar-6.jpg" alt=""
                    class="avatar-md rounded-circle mb-3 mb-md-0">
                  <div class="d-flex align-items-start">
                    <div class="ms-md-3">
                      <h4 class="mb-0">Sameera Badami</h4>
                      <p class="fs-5 mb-0">December 2023</p>
                    </div>
                    <div class="ms-3 d-flex align-items-start">
                      <div class="text-primary fs-5 me-1 ">
                        <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="var(--rw-warning)"
                            class="bi bi-star-fill" viewBox="0 0 16 16">
                            <path
                              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                          </svg></span><span class="align-middle fw-semi-bold">4.95</span>
                      </div>
                      <div class="dropdown mt-n1">
                        <a href="#" class="fs-5" id="ratingDropdownFourth" data-bs-toggle="dropdown"
                          aria-expanded="false">
                          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-chevron-down" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                              d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
                          </svg>
                        </a>
                        <div class="dropdown-menu dropdown-menu-xl p-4 fs-5" aria-labelledby="ratingDropdownFourth">
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Quality of service:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.8</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Value:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Professionalism:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center mb-2 g-0">
                            <div class="col-sm">Responsiveness:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>5.0</span>
                            </div>
                          </div>
                          <div class="row align-items-center g-0">
                            <div class="col-sm">Flexibility:</div>
                            <div class="col-sm">
                              <div class="progress" style="height: 6px;">
                                <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90"
                                  aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                            <div class="col-1 ms-3">
                              <span>4.0</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <p>Phasellus id dui eu velit elementum convallis. Donec in lectus vel turpis tempor pellentesque at in
                  erat. Proin viverra volutpat porta. Integer sed neque blandit, lacinia sem sed, feugiat magna.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div>
  </div>
    <!-- scripts -->
    <!-- Libs JS -->
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/libs/flatpickr/dist/flatpickr.min.js"></script>






<!-- Theme JS -->
<script src="../assets/js/theme.min.js"></script>

</body>


<!-- Mirrored from preview.easetemplate.com/realwed/pages/index-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 07 Aug 2023 11:48:26 GMT -->
</html>

MMCT - 2023