/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>!--????? --!</title>
      <link href="01.css" rel="stylesheet" type="text/css" media="all">
      <link rel="icon" type="image/png" href="https://neothemes.neocities.org/images/favicon.gif" />
   </head>
   <body class="scroll">
      <div id="container">
      <div id="header">
         <h1 class="title">ATTEMPT ONE AT TRYING A PREMADE LAYOUT? </h1>
      </div>
      <div id="wrapper">
         <div id="two-boxes">
            <div class="box-one scroll">
               <div class="section-title">
                  Heading
               </div>
               <div class="content">
                  <p><strong>Layout Features</strong></p>
                  <ul>
                     <li>Fully responsive layout on any size device.</li>
                     <li>Fixed width divs that add a scrollbar as opposed to stretching.</li>
                     <li>Navigation section moves to top when window is resized.</li>
                  </ul>
               </div>
            </div>
            <div class="box-two scroll">
               <div class="section-title">Navigation</div>
               <div class="nav-wrapper">
                  <button><a href="/">Home</a></button>
                  <button><a href="#">Link</a></button>
                  <button><a href="#">Link</a></button>
                  <button><a href="#">Link</a></button>
                  <button><a href="#">Link</a></button>
                  <button><a href="#">Link</a></button>
                  <button><a href="#">Link</a></button>    
                  <button><a href="#">Link</a></button>
               </div>
            </div>
         </div>
         <div id="two-boxes">
            <div class="box-three scroll">
               <div class="section-title">Heading</div>
               <div class="content">
                  <p>The great thing about this is that you can write as much as you like, and it just adds a scrollbar. Just keep writing until you can write no more!</p>
               </div>
            </div>
               <div class="box-four scroll">
                  <div class="section-title">Heading</a></div>
                  <div class="content">
                     <p>The great thing about this is that you can write as much as you like, and it just adds a scrollbar. Just keep writing until you can write no more!</p>
                  </div>
               </div>
         </div>
         <div id="footer">
            <p>© Layout by <a href="https://neothemes.neocities.org/" target="_blank">NeoThemes</a></p>
         </div>
      </div>
   </body>
</html>