index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--bootstrap-->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous"
    />
    <!--fonts-->
    <link rel="stylesheet" href="./style/fonts/poppins-v21-latin/index.css" />
    <link rel="stylesheet" href="./style/css/index.css" />
    <link rel="stylesheet" href="./style/css/responsive.css" />

    <title>rezilla home</title>
  </head>

  <body>
    <header>
      <div class="info">
        <div class="container">
          <div
            class="info_wrappers d-flex justify-content-between align-items-center"
          >
            <a
              href="https://maps.app.goo.gl/wZjRFCzYaDSCJaWR7"
              target="_blank"
              class="location d-flex gap-2 align-items-center text-decoration-none"
            >
              <img
                src="./img/head-information/🦆 icon _pin alt_.png"
                alt="icon"
                loading="lazy"
              />
              <p class="adress">Rezilla, 18 Grattan St, Brooklyn</p>
            </a>

            <div class="email d-flex justify-content-between gap-5">
              <a
                href="tel:+12062142298"
                class="info_left d-flex justify-content-between align-items-center gap-2 text-decoration-none"
              >
                <img
                  src="img/head-information/🦆 icon _phone_.png"
                  alt="phone"
                  loading="lazy"
                />
                <p class="phone_number">+1 206-214-2298</p>
              </a>
              <a
                href="mailto:support@rezilla.com"
                class="info_right d-flex justify-content-between align-items-center gap-2 text-decoration-none"
              >
                <img src="img/head-information/🦆 icon _mail_.png" alt="" />
                <p class="my_email">support@rezilla.com</p>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <nav class="nav_bar d-flex justify-content-between align-items-center">
          <ul
            class="nav_menu d-flex justify-content-between align-items-center list-unstyled mb-0"
          >
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Listings</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Blogs</a></li>
          </ul>

          <button
            class="nav_btn d-flex align-items-center gap-2 border border-0"
          >
            <span class="wrap">
              <img
                src="./img/header/reshot-icon-house-XJ53QBRVTC 1.png"
                alt=""
              />
            </span>
            <p class="btn_rezilla mb-0">Rezilla</p>
          </button>
          <button class="header__burger">
            <div class="header__burger-box"></div>
          </button>

          <div class="nav_register d-flex align-items-center gap-4">
            <a href="#" class="nav-contact d-flex align-items-center gap-2">
              <img src="./img/header/🦆 icon _user circle alt_.png" alt="" />
              <p class="login mb-0">Login/Register</p>
            </a>
            <button class="nav_btn_2 border border-0">
              <div class="btn_wrap d-flex align-items-center gap-2">
                <img src="./img/header/btn-icon.png" alt="" />
                <p class="btn_listing mb-0">Add Listing</p>
              </div>
            </button>
          </div>
        </nav>

        
      </div>

      <div class="mobile_header">
        <div class="mobile_nav">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Listings</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Blogs</a></li>
          </ul>
        </div>
        <div class="nav_register d-flex align-items-center gap-4">
          <a href="#" class="nav-contact d-flex align-items-center gap-2">
            <img src="./img/header/🦆 icon _user circle alt_.png" alt="" />
            <p class="login mb-0">Login/Register</p>
          </a>
          <button class="nav_btn_2 border border-0">
            <div class="btn_wrap d-flex align-items-center gap-2">
              <img src="./img/header/btn-icon.png" alt="" />
              <p class="btn_listing mb-0">Add Listing</p>
            </div>
          </button>
        </div>
      </div>
    </header>
     <section>
      <div class="back_ellipse">
       
        <div class="container">
          <div
            class="hero_wrap d-flex justify-content-between align-items-center"
          >
            <div class="hero_left">
              <img class="mini_ellipse" src="./img/header/mini_ellipse.png" alt="" />
              <p class="left_estet">REAL ESTATE</p>
              <h1 class="left_h1">
                Find a perfect<br />
                home you love..!
              </h1>
              <p class="left_lorem">
                Etiam eget elementum elit. Aenean dignissim dapibus
                vestibulum.<br>
                Integer a dolor eu sapien sodales vulputate ac in purus.
              </p>
                
              <div
                id="carouselExampleIndicators"
                class="carousel slide carousel_slide"
                data-bs-ride="false"
              >
                <div class="carousel-indicators">
                  <button
                    type="button"
                    data-bs-target="#carouselExampleIndicators"
                    data-bs-slide-to="0"
                    class="active"
                    aria-current="true"
                    aria-label="Slide 1"
                  ></button>
                  <button
                    type="button"
                    data-bs-target="#carouselExampleIndicators"
                    data-bs-slide-to="1"
                    aria-label="Slide 2"
                  ></button>
                  <button
                    type="button"
                    data-bs-target="#carouselExampleIndicators"
                    data-bs-slide-to="2"
                    aria-label="Slide 3"
                  ></button>
                </div>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img
                      src="./img/header/luxury-classic-modern-bedroom-suite-hotel 1.png"
                      class="carousel_img d-block"
                      alt="..."
                    />
                  </div>
                  <div class="carousel-item">
                    <img
                      src="./img/header/luxury-classic-modern-bedroom-suite-hotel 1.png"
                      class="d-block w-100"
                      alt="..."
                    />
                  </div>
                  <div class="carousel-item">
                    <img
                      src="./img/header/luxury-classic-modern-bedroom-suite-hotel 1.png"
                      class="d-block w-100"
                      alt="..."
                    />
                  </div>
                </div>
                <button
                  class="carousel-control-prev horizontal"
                  type="button"
                  data-bs-target="#carouselExampleIndicators"
                  data-bs-slide="prev"
                >
                  <span class="next">
                    <img src="./img/header/next_btn1.png" alt="" />
                  </span>

                  <span class="visually-hidden">Previous</span>
                </button>
                <button
                  class="carousel-control-next horizontal"
                  type="button"
                  data-bs-target="#carouselExampleIndicators"
                  data-bs-slide="next"
                >
                  <span class="next_right">
                    <img src="./img/header/next_btn2.png" alt="" />
                  </span>
                  <span class="visually-hidden">Next</span>
                </button>
              </div>
            </div>
         
            <div class="hero_right">
              <div class="cards">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="sale-tab" data-bs-toggle="tab" data-bs-target="#sale-tab-panel" type="button" role="tab" aria-controls="sale-tab-panel" aria-selected="true">For Sale</button>
                  </li>
                  </li>
                  <li class="nav-item" role="presentation">
                    <button class="nav-link" id="rent-tab" data-bs-toggle="tab" data-bs-target="#rent-tab-panel" type="button" role="tab" aria-controls="rent-tab-pane" aria-selected="true">For rent</button>
                  </li>
                  </li>
                </ul>

                <div class="forms" class="tab-content" id="myTabContent">
                  <div class="tab-pane fade show active" id="sale-tab-panel" role="tabpanel" aria-labelledby="sale-tab" tabindex="0">
                    <form action="#" method="post">
                      <input
                      type="text"
                      id="city"
                      name="city"
                      placeholder="New York, San Francisco, etc"
                      required
                      />

                      <select  class="form-select" aria-label="Default select example">
                        <option class="select_p" selected>Select Property Type</option>
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                      </select>
                      <select  class="form-select" aria-label="Default select example">
                        <option class="select_p" selected>Select Property Type</option>
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                      </select>

                      <a href="#" class="setting">
                        <img src="./img/header/🦆 icon _setting 5_.png" alt="img" loading="lazy">
                        <p>
                          Advance Search
                        </p>
                      </a>

                      <button class="btn_search">
                        <img src="./img/header/🦆 icon _search normal 1_.png" alt="img" loading="lazy">
                        <p>
                          Search
                        </p>
                      </button>
                    </form>
                  </div>
                  <div class="tab-pane fade" id="rent-tab-panel" role="tabpanel" aria-labelledby="rent-tab-tab" tabindex="0">
                    Tab items
                  </div>
                </div>

                
              </div>
            </div>
          </div>
 <!--
          <div
            class="contacts_mans d-flex justify-content-center align-items-center"
          >
            <div class="members">
              <div class="mans">
                <img
                  class="people_1"
                  src="./img/header/mans1.png"
                  alt="img"
                  loading="lazy"
                />
                <img
                  class="people_2"
                  src="./img/header/mans2.png"
                  alt="img"
                  loading="lazy"
                />
                <img
                  class="people_3"
                  src="./img/header/mans3.png"
                  alt="img"
                  loading="lazy"
                />
                <img
                  class="people_4"
                  src="./img/header/mans4.png"
                  alt="img"
                  loading="lazy"
                />
                <img
                  class="people_5"
                  src="./img/header/mans5.png"
                  alt="img"
                  loading="lazy"
                />
                <img
                  class="people_6"
                  src="./img/header/mans6.png"
                  alt="img"
                  loading="lazy"
                />

                <p class="customers">
                  72k+ Happy<br />
                  Customers
                </p>
              </div>
            </div>
            <div
              class="table d-flex justify-content-between align-items-center"
            >
              <img src="./img/header/home_img.png" alt="" />
              <p class="table_p">
                200+ New<br />
                Listings Everyday!
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="partners">
        <div class="container">
          <div class="partners_logo">
            <p>Trusted by 100+ Companies across the globe!</p>
            <img class="ellips" src="./img/partners/Ellipse 12.png" alt="" />

            <div
              class="logo_wraps d-flex justify-content-between align-items-center"
            >
              <img src="./img/partners/google.png" alt="img" loading="lazy" />
              <img src="./img/partners/amazon.png" alt="img" loading="lazy" />
              <img src="./img/partners/logitech.png" alt="img" loading="lazy" />
              <img src="./img/partners/spotify.png" alt="img" loading="lazy" />
              <img src="./img/partners/samsung.png" alt="img" loading="lazy" />
              <img src="./img/partners/netflix.png" alt="img" loading="lazy" />
            </div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="real-estate">
        <div class="container">
          <div class="estate">
            <div class="left_information">
              <p class="left_p1">WHO ARE WE</p>
              <h3 class="left_h3">
                Assisting individuals in<br />
                locating the appropriate<br />
                real estate.
              </h3>
              <p class="left_p2">
                Donec porttitor euismod dignissim. Nullam a lacinia ipsum,<br />
                nec dignissim purus. Nulla convallis ipsum molestie nibh<br />
                malesuada, ac malesuada leo volutpat.
              </p>
              <div class="donec_box">
                <img
                  src="./img/real-estate/🦆 icon _smart home_.png"
                  alt="img"
                  loading="lazy"
                />
                <div class="donic_wrap">
                  <p class="wrap_p1">Donec porttitor euismod</p>
                  <p class="wrap_p2">
                    Nullam a lacinia ipsum, nec<br />
                    dignissim purus. Nulla
                  </p>
                </div>
              </div>
              <div class="donec_box2">
                <img
                  src="./img/real-estate/Group.png"
                  alt="img"
                  loading="lazy"
                />
                <div class="donic_wrap">
                  <p class="wrap_p1">Donec porttitor euismod</p>
                  <p class="wrap_p2">
                    Nullam a lacinia ipsum, nec<br />
                    dignissim purus. Nulla
                  </p>
                </div>
              </div>
            </div>
            <div
              class="right_img d-flex justify-content-center"
            >
            <img class="img_position" src="./img/real-estate/position_img.png" alt="img" loading="lazy">
            <img class="img_position_2" src="./img/real-estate/position_img2.png" alt="img" loading="lazy">
              <div class="right_img1">
                <img
                  src="./img/real-estate/img_1.png"
                  alt="img"
                  loading="lazy"
                />
              </div>
              <div class="right_img2">
                <img
                  src="./img/real-estate/img_2.png"
                  alt="img"
                  loading="lazy"
                />
                <img
                  src="./img/real-estate/img_3.png"
                  alt="img"
                  loading="lazy"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="big_home">
        <div class="container">
          <div class="checkout">
            <div class="checkout_left">
              <p class="checkout_p1">
                CHECKOUT OUR NEW
              </p>
              <h3 class="checkout_h3">
                Latest Listed Properties
              </h3>
              <p class="checkout_p2">
                Donec porttitor euismod dignissim. Nullam a lacinia ipsum, nec dignissim purus. 
              </p>
            </div>
            <div class="checkout_btn">
              <button class="btn_1">
                All
              </button>
              <button class="btn_2">
                Sell
              </button>
              <button class="btn_3">
                Rent
              </button>
            </div>
          </div>

          <div class="wrappers_box">
            <div class="box">
              <div class="backround">
                <img src="./img/checkout our new/img_1.png" alt="img" loading="lazy">
                <div class="mini_wrap">
                  <img src="./img/checkout our new/popular.png" alt="img" loading="lazy">
                  <p>Popular</p>
                </div>
              </div>

              <div class="info_box">
                <p class="money">$ 5,970</p>
                <p class="info_box_p">Tranquil Haven in the Woods</p>
                <p class="info_box_p2">103 Wright CourtBurien, WA 98168</p>
              </div>
              <div class="info_box_2 d-flex ">
               <div class="block_1 d-flex justify-content-center align-items-center gap-2">
                <img src="./img/checkout our new/bed.png" alt="img" loading="lazy">
                <p>4 Beds</p>
               </div>
               <div class="block_2 d-flex justify-content-center align-items-center gap-2">
                <img src="./img/checkout our new/bathroom.png" alt="img" loading="lazy">
                <p>3 Bath</p>
               </div>
              </div>
            </div>

            <div class="box">
              <div class="backround">
                <img src="./img/checkout our new/img_2.png" alt="img" loading="lazy">
                <div class="mini_wrap">
                  <img src="./img/checkout our new/popular.png" alt="img" loading="lazy">
                  <p>Popular</p>
                </div>
              </div>

              <div class="info_box">
                <p class="money">$ 5,970</p>
                <p class="info_box_p">Tranquil Haven in the Woods</p>
                <p class="info_box_p2">103 Wright CourtBurien, WA 98168</p>
              </div>
              <div class="info_box_2 d-flex ">
               <div class="block_1 d-flex justify-content-center align-items-center gap-2">
                <img src="./img/checkout our new/bed.png" alt="img" loading="lazy">
                <p>4 Beds</p>
               </div>
               <div class="block_2 d-flex justify-content-center align-items-center gap-2">
                <img src="./img/checkout our new/bathroom.png" alt="img" loading="lazy">
                <p>3 Bath</p>
               </div>
              </div>
            </div>

            <div class="box">
              <div class="backround">
                <img src="./img/checkout our new/img_3.png" alt="img" loading="lazy">
                <div class="mini_wrap">
                  <img src="./img/checkout our new/popular.png" alt="img" loading="lazy">
                  <p>Popular</p>
                </div>
              </div>

              <div class="info_box">
                <p class="money">$ 5,970</p>
                <p class="info_box_p">Tranquil Haven in the Woods</p>
                <p class="info_box_p2">103 Wright CourtBurien, WA 98168</p>
              </div>
              <div class="info_box_2 d-flex ">
               <div class="block_1 d-flex justify-content-center align-items-center gap-2">
                <img src="./img/checkout our new/bed.png" alt="img" loading="lazy">
                <p>4 Beds</p>
               </div>
               <div class="block_2 d-flex justify-content-center align-items-center gap-2">
                <img src="./img/checkout our new/bathroom.png" alt="img" loading="lazy">
                <p>3 Bath</p>
               </div>
              </div>
            </div>
            
          </div>
        </div>
      </div>
    </section>
   <!--
    <section>
      <div class="our_servise">
        <div class="container">

          <div class="servise-text">
            <p>OUR SERVICES</p>
            <h3>Donec porttitor euismod dignissim</h3>
          </div>

         <div class="wrap_block">
          <div class="servise-box">

            <div class="servise-block">
              <div class="wrap-block">
                <img src="./img/servise/search.png" alt="img" loading="lazy">
              </div>
             

              <p class="buy">Buy a New Home</p>
              <p class="block_p">Donec porttitor euismod dignissim. Nullam a lacinia ipsum, nec dignissim purus. </p>
            </div>
          </div>

          <div class="servise-box">

            <div class="servise-block">
              <div class="wrap-block">
                <img src="./img/servise/home.png" alt="img" loading="lazy">
              </div>

              <p class="buy">Sell a House</p>
              <p class="block_p">Donec porttitor euismod dignissim. Nullam a lacinia ipsum, nec dignissim purus.  </p>
            </div>
          </div>

          <div class="servise-box">

            <div class="servise-block">
              <div class="wrap-block">
                <img src="./img/servise/bed.png" alt="img" loading="lazy">
              </div>

              <p class="buy">Rent a House</p>
              <p class="block_p">Donec porttitor euismod dignissim. Nullam a lacinia ipsum, nec dignissim purus.  </p>
            </div>
          </div>
         </div>
        </div>
      </div>
    </section>

    
    <section>
      <div class="img_collactions">
       
        <div class="container">
          <div class="the-city">
            <img class="mini_ellips" src="./img/collactions/Ellipse 13.png" alt="img" loading="lazy">
            <img class="big_ellips" src="./img/collactions/ellipse_2.png" alt="img" loading="lazy">
            <div class="city_text">
              <p>AREAS ACROSS THE TOWN</p>
              <h3>Neighborhood Properties</h3>
            </div>

            <div class="my_city">
              <div class="block_1">
                <img src="./img/collactions/img_1.png" alt="img" loading="lazy">
                <div class="text_wrap">
                  <h3>
                    216
                  </h3>
                  <p>New York City, NY</p>
                </div>
              </div>
              <div class="block_1">
                <img src="./img/collactions/img_2.png" alt="img" loading="lazy">
                <div class="text_wrap">
                  <h3>
                    216
                  </h3>
                  <p>New York City, NY</p>
                </div>
              </div>
              <div class="block_1">
                <img src="img/collactions/img_3.png" alt="img" loading="lazy">
                <div class="text_wrap">
                  <h3>
                    216
                  </h3>
                  <p>New York City, NY</p>
                </div>
              </div>
              <div class="block_1">
                <img src="./img/collactions/img_4.png" alt="img" loading="lazy">
                <div class="text_wrap">
                  <h3>
                    216
                  </h3>
                  <p>New York City, NY</p>
                </div>
              </div>
              <div class="block_1">
                <img src="./img/collactions/img_5.png" alt="img" loading="lazy">
                <div class="text_wrap">
                  <h3>
                    216
                  </h3>
                  <p>New York City, NY</p>
                </div>
              </div>
             
            </div>
          </div>
        </div>
      </div>
    </section>
     
    <section>
      <div class="our-team">
        <div class="container">
          <div class="our_text">
            <p>
              Introduce yourself to 
            </p>  
            <h3>
              Our Team of Experts
            </h3>
          </div>

          <div class="our_mans">
            <div class="our-box">
              <img src="./img/our-teams/brendon.png" alt="img" loading="lazy">
              <h3>Brendon M</h3>
              <p>CEO & Founder</p>
            </div>

            <div class="our-box">
              <img src="./img/our-teams/jodi.png" alt="img" loading="lazy">
              <h3>Jodi J. Appleby</h3>
              <p>Real Estate Developer</p>
            </div>

            <div class="our-box">
              <img src="./img/our-teams/justin.png" alt="img" loading="lazy">
              <h3>Justin S. Meza</h3>
              <p>Listing Agent</p>
            </div>

            <div class="our-box">
              <img src="./img/our-teams/susan.png" alt="img" loading="lazy">
              <h3>Susan T. Smith</h3>
              <p>Buyer's Agent</p>
            </div>


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

    <section>
      <div class="blogs">
        <div class="container">
          <div class="blogs-text">
            <p>
              WHAT’S TRENDING
            </p>
            <h3>
              Latest Blogs & Posts
            </h3>
          </div>

          <div class="blogs-wrappers">
            <div class="blogs_box">
              <div class="images">
                <img src="./img/blogs/img_1.png" alt="img" loading="lazy">
                <div class="calendar">
                  <h3>
                    28
                  </h3>
                  <P>
                    Tue
                  </P>
                </div>
              </div>
              <div class="text">
                <h3>
                  Top 10 Home Buying Mistakes to Avoid
                </h3>
                <p>
                  Etiam eget elementum elit. Aenean dignissim dapibus vestibulum
                </p>
              </div>

              <button class="blogs_btn">
                <img src="./img/blogs/btn.png" alt="img" loading="lazy">
              </button>
            </div>

            <div class="blogs_box">
              <div class="images">
                <img src="./img/blogs/img_2.png" alt="img" loading="lazy">
                <div class="calendar">
                  <h3>
                    08
                  </h3>
                  <P>
                    Mon
                  </P>
                </div>
              </div>
              <div class="text">
                <h3>
                  How to Stage Your<br> Home for a Quick Sale
                </h3>
                <p>
                  Nullam odio lacus, dictum quis pretium <br>congue, vehicula venenatis nunc.
                </p>
              </div>
              <button class="blogs_btn">
                <img src="./img/blogs/btn.png" alt="img" loading="lazy">
              </button>
            </div>

            <div class="blogs_box">
              <div class="images">
                <img src="./img/blogs/img_3.png" alt="img" loading="lazy">
                <div class="calendar">
                  <h3>
                    26
                  </h3>
                  <P>
                    Wed
                  </P>
                </div>
              </div>
              <div class="text">
                <h3>
                  5 Tips for First-Time<br> Home Sellers
                </h3>
                <p>
                  In hac habitasse platea dictumst.<br> Phasellus vel velit vel augue maximus.
                </p>
              </div>
              <button class="blogs_btn">
                <img src="./img/blogs/btn.png" alt="img" loading="lazy">
              </button>
            </div>
          </div>

          <div class="lines">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="container">
        <div class="testimonials">
          <div class="testimonials_left">
            <p class="left_p1">
              TESTIMONIALS
            </p>
            <h3 class="left_h3">
              Look What Our<br> Customers Say!
            </h3>
            <p class="left_p2">
              Fusce venenatis tellus a felis scelerisque, non<br> pulvinar est pellentesque. 
            </p>

            
          </div>
          <div class="testimonials_right">
            <div id="carouselExample" class="carousel slide">
              <div class="carousel-indicators">
                <button  type="button" data-bs-target="#carouselExample" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExample" data-bs-slide-to="1" class="active" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExample" data-bs-slide-to="2"  class="active" aria-label="Slide 3"></button>
              </div>
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <div class="carousel_box">
                    <img src="./img/testimonials/“.png" alt="img" loading="lazy">
                    <p>
                      I highly recommend Jodi J. Appleby. She was attentive to our needs and worked tirelessly to find us the perfect home. We couldn't be happier with our new place!
                    </p>
                    <hr>
                    <div class="barbara d-flex justify-content-between align-items-center">
                      <div class="wrap_barbara d-flex align-items-center gap-2">
                        <img src="./img/testimonials/Ellipse 16.png" alt="img" loading="lazy">
                        <p>Barbara D. Smith</p>
                      </div>
                     <div class="star-wrap">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_2.png" alt="star" loading="lazy">
                     </div>
                    </div>
                  </div>
                </div>
                <div class="carousel-item">
                  <div class="carousel_box">
                    <img src="./img/testimonials/“.png" alt="img" loading="lazy">
                    <p>
                      I highly recommend Jodi J. Appleby. She was attentive to our needs and worked tirelessly to find us the perfect home. We couldn't be happier with our new place!
                    </p>
                    <hr>
                    <div class="barbara d-flex justify-content-between align-items-center">
                      <div class="wrap_barbara d-flex align-items-center gap-2">
                        <img src="./img/testimonials/Ellipse 16.png" alt="img" loading="lazy">
                        <p>Barbara D. Smith</p>
                      </div>
                     <div class="star-wrap">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_2.png" alt="star" loading="lazy">
                     </div>
                    </div>
                  </div>
                </div>
                <div class="carousel-item">
                  <div class="carousel_box">
                    <img src="./img/testimonials/“.png" alt="img" loading="lazy">
                    <p>
                      I highly recommend Jodi J. Appleby. She was attentive to our needs and worked tirelessly to find us the perfect home. We couldn't be happier with our new place!
                    </p>
                    <hr>
                    <div class="barbara d-flex justify-content-between align-items-center">
                      <div class="wrap_barbara d-flex align-items-center gap-2">
                        <img src="./img/testimonials/Ellipse 16.png" alt="img" loading="lazy">
                        <p>Barbara D. Smith</p>
                      </div>
                     <div class="star-wrap">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_.png" alt="star" loading="lazy">
                      <img src="./img/testimonials/🦆 icon _star_2.png" alt="star" loading="lazy">
                     </div>
                    </div>
                  </div>
                </div>
              </div>
              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
                <img src="./img/testimonials/Arrow 1.png" alt=" img" loading="lazy">
                <span class="visually-hidden">Previous</span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
                <img src="./img/testimonials/Arrow 2.png" alt="img" loading="lazy">
                <span class="visually-hidden">Next</span>
              </button>
            </div>
          </div>  
        </div>

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

   
    <section>
      <div class="become-agent">
        <div class="container">
          <div class="become-wraps">
            <img class="become_mans" src="./img/become/unsplash_7uoMmzPd2JA.png" alt="img" loading="lazy">
            <img class="ellipse_16" src="./img/become/Ellipse 16.png" alt="img" loading="lazy">
            <img class="ellipse_17" src="./img/become/Ellipse 17.png" alt="img" loading="lazy">

            <div class="become-text d-flex justify-content-center align-items-center">
              <div class="become-text_mini">
                <h3>
                  Become a Agent.
                </h3>
                <p>
                  Fusce venenatis tellus a felis scelerisque.<br> venenatis tellus a felis scelerisque. 
                </p>
              </div>

              <div class="become_btn">
                <button>
                  Register Now
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
     
    <footer>
      <div class="container">
        <div class="the-and">
          <div class="footer_info">
            <a href="#">
               <div class="home-wrap">
                  <img src="./img/footer/reshot-icon-house-XJ53QBRVTC 1.png" alt="img" loading="lazy">
                </div>
                <p>Rezilla</p>
            </a>

            <p class="info_p1">
              2728 Hickory StreetSalt<br> 
              Lake City, UT 84104
            </p>

           <div class="tel_wrap">
            <img src="./img/footer/🦆 icon _phone_.png" alt="img" loading="lazy">
            <a href="tel:1 206-214-2298">
              +1 206-214-2298
            </a>
           </div>

           <div class="email_wrap">
            <img src="./img/footer/🦆 icon _mail_.png" alt="img" loading="lazy">
            <a href="milto:support@rezilla.com">support@rezilla.com</a>
           </div>
          </div> 

          <div class="quick_link">
            <h5>Quick Links</h5>
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Listings</a></li>
              <li><a href="#">Services</a></li>
              <li><a href="#">Blogs</a></li>
              <li><a href="#">Become a Agent</a></li>
            </ul>
          </div>

          <div class="discovery">
            <h5>Discovery</h5>

            <ul>
              <li><a href="#">Canada</a></li>
              <li><a href="#">United States</a></li>
              <li><a href="#">Germany</a></li>
              <li><a href="#">Africa</a></li>
              <li><a href="#">India</a></li>
            </ul>

          </div>

          <div class="subscribe">
            <h5>Subscribe to our<br> Newsletter!</h5>
            <form class="subscribe_form">
              <input class="subscribe_input" placeholder="Email Address" />
              <button class="subscribe_btn">
                <img src="./img/footer/Arrow 2.png" alt="" />
              </button>
            </form>
            <h5 class="follo">
              Follow Us on
            </h5>
            <div class="social-network">
             <a href="#">
              <img src="./img/footer/🦆 icon _linkedin in_.png" alt="img" loading=" lazy">
             </a>
             <a href="#">
              <img src="./img/footer/🦆 icon _facebook f_.png" alt="img" loading="lazy">
             </a>
             <a href="#">
              <img src="./img/footer/🦆 icon _instagram_.png" alt="img" loading="lazy">
             </a>
            </div>
          </div>
          
        </div>
      </div>
    </footer>
-->
-->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
      crossorigin="anonymous"
    ></script>

    <script src="./js/main.js"></script>
  </body>
</html>