index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Strict</title>
    <!-- css -->
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/media.css" ?>
    <!-- google font -->
    <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=Indie+Flower&family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">
    <!-- google font ended -->
    <!-- font awsome -->
    <script src="https://kit.fontawesome.com/1c33aae474.js" crossorigin="anonymous"></script>
</head>
<body> 
   
   <!-- banner part start -->

     
         <banner id="banner">
            
               <div class="container">
                     <div class="overly">
                           <h3>Strict</h3>
                           
                           <div class="line"></div>
                           <p>STRICT is a responsive theme with a a clean and minimal look.</p>

                           <a href="#">Call To Action</a>
                     </div>
               </div>
         </banner>
   <!-- banner part start -->
     

</body>
</html>