main.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href=""
</head>
<body>
    <body>
        <header class="main-grid head">
          <div>
      
            <nav>
              <ul>
      
                <li><a href="#">About</a></li>
                <li><a href="#">Careers</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Products</a></li>
                <li><a href="#">Support</a></li>
              </ul>
            </nav>
      
      
            <h1>Immersive experiences that deliver</h1>
          </div>
        </header>
      
        <section class="main-grid sec">
          <div>
            <h2>The leader in interactive VR</h2>
      
            <p>Founded in 2011, Loopstudios has been producing world-class virtual reality
              projects for some of the best companies around the globe. Our award-winning
              creations have transformed businesses through digital experiences that bind
              to their brand.</p>
          </div>
          <h2> Our creations</h2>
      
          <button>See all</button>
      
          <h3>Deep earth</h3>
          <h3>Night arcade</h3>
          <h3>Soccer team VR</h3>
          <h3>The grid</h3>
          <h3>From up above VR</h3>
          <h3>Pocket borealis</h3>
          <h3>The curiosity</h3>
          <h3>Make it fisheye</h3>
      
        </section>
      
        <footer class="main-grid foot">
          <ul>
      
            <li>About</li>
            <li>Careers</li>
            <li>Events</li>
            <li>Products</li>
            <li>Support</li>
          </ul>
          <p>© 2021 Loopstudios. All rights reserved.</p>
        </footer>
    
</body>
</html>