index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>SERENITY</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fauna+One&family=Pacifico&family=Playfair+Display&family=Ubuntu:wght@300&display=swap" rel="stylesheet">
  </head>
  <body>
    <div class="home_main">
     <div class="wrap">
       <div class="navbar">
         <div class="serenity_logo">
           <img src="./images/logo.png" alt="logo" class="logo">
           <!-- <h4>SERENITY</h4> -->
         </div>     
         <div class="nav_links">
           <a href="resources.html">Resources</a>
           <a href="affirmations.html">Affirmations</a>
           <a href="mydiary.html">My Diary</a>
           <a href="login.html"><button class="sign_out">Sign Out</button></a>
         </div>
       </div>
     </div>   
    </div> 
     <main>
       <section class="left-sec">
            <h1>SERENITY</h1>
            <h3>you deserve the peace</h3>
            <h2>👋Welcome!!! Serenity is one stop solution for all of your mental health issues.</h2>
            <a href="affirmations.html"> <button class="gs_btn" >Get Started</button></a>
       </section>
       <section class="right-sec">
         <figure>
           <img src="./images/home_ele.png">
         </figure>
       </section>
     </main>
  </body>
</html>