index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>first page</title>
    <link rel="stylesheet" type="text/css" href="style.css">  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
    
<nav>
    <input type="checkbox" id="hamburger"/>
    <label for="hamburger">
        <i class="fa-solid fa-bars" style="color: #ced4de;"></i>
    </label>
    <ul>
      <li><a href="second.html">Home<span></span></a></li>
      <li><a href="index.html">Grid<span></span></a></li>
      <li><a href="https://www.linkedin.com/in/usha-here-161286250">Linkedln<span></span></a></li>
    </ul>
  </nav>
  <br>
  <br>
  <br>
  
<div class="flex-container">
    <div class="flex-box1">


    </div>
    <div class="flex-box2">
        <img src="logo.png" alt="">
    </div>
    <div class="flex-box3">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    <script src="script.js"></script>
    </div>
</div>

</body>
</html>
  