index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>New Year Party Celebration</title>
  <link rel="stylesheet" href="Styles/style.css">

</head>

<body>
  <section>
    <div class="container">
      <div class="banner-img linear-gradient">
        <div class="banner-text">
          <h4>Happy New Year</h4>
          <h1>New Year Party Celebration</h1>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="offer">
      <h2>65% OFF</h2>
      <p>OUR HOLIDAY DEALS ARE BETTER</p>
      <h3>ALL CATEGORIES</h3>
      <div class="offer-img"></div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="welcome-party party-img">
        <div>
          <h2>Welcome to midnight party</h2>
          <p> Dolor sit amet consectetur. Consequat eget consectetur maecenas sed molestie malesuada. Ipsum sed sodales
            risus ut
            pellentesque vel euismod.
          </p>
          <button class="btn-jonnow">Join Now</button>
        </div>
        <div class="year2024">
          <img src="Images/Group70.png" alt="Year 2024">
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container join-time">
      <div class="join-time">
        <div class="join-text">
          <h6> <span>Place:</span> New Park Hotel</h6>
          <h6> <span>Date:</span> 31 December Night 2023</h6>
          <h6> <span>Time:</span> Evening 7.30 pm to 12.30 am</h6> <br> <br>
          <button class="btn-jonnow">Join Now</button>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="comming-soon">
        <div class="new-offer">
          <h5>NEW BEST OFFER</h5>
          <h3>Coming Soon</h3>
          <p>Dolor sit amet consectetur. Consequat eget consectetur maecenas sed molestie malesuada. Ipsum sed sodales
            risus ut
            pellentesque vel euismod.
          </p>
        </div>
        <div class="offre-img">
          <img src="Images/Ellipse1.png" alt="">
        </div>
        <div class="new-year">
          <h3>2024</h3>
          <p>Dolor sit amet consectetur. Consequat eget consectetur maecenas sed.
          </p>
          <img src="Images/Group96.png" alt="">
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="Holidays-text">
        <h5>WHAT IS FUNCTIONAL</h5>
        <h2><span class="h-s50">Holidays</span> Sale 50%</h2>
        <p>Dolor sit amet consectetur. Consequat eget consectetur maecenas sed
          molestie malesuada. Ipsum sed sodales risus ut pellentesque vel euismod. Eleifend nunc purus quam id
          fermentum amet amet
          sit consectetur.
        </p>
        <div class="holi-img">
          <!-- <div><img src="Images/Group75.png" alt=""></div> -->
          <div class="img44"><img src="Images/Group44.png" alt=""></div>
          <div class="imgr1"><img src="Images/Rectangle1.png" alt=""></div>
        </div>
        <dir class="imgr2"><img src="Images/Rectangle2.png" alt=""></dir>
      </div>
    </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="portfolio">
        <div class="portfolio-text">
          <h5>THE BEST GIFTS</h5>
          <h3>Our Awesome Portfolio</h3>
          <p>Dolor sit amet consectetur. Consequat eget consectetur maecenas sed molestie malesuada. Ipsum sed sodales
            risus ut
            pellentesque vel euismod.
          </p>
        </div>
        <div class="portfolio-img-list">
          <div class="img-list1">
            <img src="Images/Rectangle3.png" alt="">
            <img src="Images/Rectangle4.png" alt="">
            <img src="Images/Rectangle5.png" alt="">
          </div>
          <div class="img-list2">
            <img src="Images/Rectangle6.png" alt="">
            <img src="Images/Rectangle7.png" alt="">
            <img src="Images/Rectangle8.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="sub-news">
        <img src="Images/Group61.png" alt="email">
        <h3>Subscribe Newsletter</h3>
        <p>Dolor sit amet consectetur. Consequat eget consectetur maecenas sed molestie malesuada. Ipsum sed sodales
          risus ut
          pellentesque vel euismod.</p>
        <input type="email" id="eml" placeholder="user@gmail.com"> <button class="btn-sub-news">Subscribe</button>
      </div>
    </div>
  </section>
  <footer>
    <section class="container">
      <div class="footer-text">
        <div>
          <p>
            44, Big Building Roosevelt Street <br>
            Beach Gardens Florida 33410
          </p>
        </div>
        <div class="text-icon">
          <div><img src="Images/Call.png" alt="Call"> +00 123 584 124</div>
          <div><img src="Images/Website.png" alt="web"> www.website.com</div>
        </div>
      </div>
      <div class="line-bg1"></div>
      <div class="social-icon">
        <img src="Images/Facebook.png" alt="Facebook">
        <img src="Images/Instagram.png" alt="Instagram">
        <img src="Images/Twitter.png" alt="Twitter">
        <img src="Images/Linkedin.png" alt="Linkedin">
      </div>
      <div class="line-bg2"></div>
      <div class="footer-text">
        <p>2017, All Rights Reserved.</p>
        <p>Unsubscribe</p>
      </div>
    </section>
  </footer>
</body>

</html>