BootStrap

sub heading

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of Lorem Ipsum is simply dummy text of the

001- code
Exported from Notepad++

<!DOCTYPR html>
   <html lang="en">
      <head>
         <meta charset="UTF-8">
         <title>BootStrap</title>
         <style>
            .container {
               border: 0px solid black;
            }

            .row {
               border: 0px solid blue;
            }

            .col,
            .col-1,
            .col-2,
            .col-3,
            .col-4,
            .col-5,
            .col-6,
            .col-7,
            .col-8,
            .col-9,
            .col-10,
            .col-11,
            .col-12 {
               border: 0px solid green;
            }

            body {
               background: #A0522D;
            }

            #header {
               background: #FAEBD7;
               padding: 10px 0px 10px 0px;
            }

            #menu {
               background: #FFDAB9;
               padding: 3px 0px;
            }

            #menu ul {
               list-style: none;
               margin: 0px;
            }

            #menu ul li {
               display: inline-block;
            }

            #content {
               background: #B0C4DE;
            }

            #sidebar {
               background: #DCDCDC;
            }

            #footer {
               background: #90EE90;
            }
         </style>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
         <link rel="stylesheet" href="style.css">
      </head>
      <body>
         <div class="container">
            <div class="row">
               <div class="col-12" id="header">
                  <h1>Website name</h1>
               </div>
            </div>
            <div class="row">
               <div class="col-12" id="menu">
                  <ul>
                     <li><a href="#">Home</a></li>
                     <li><a href="#">About us</a></li>
                     <li><a href="#">Contact us</a></li>
                     <li><a href="#">Privacy policy</a></li>
                     <li><a href="#">Gallery</a></li>
                  </ul>
               </div>
            </div>
            <div class="row ">
               <div class="col-8" id="content">
                  <h2> sub heading </h2>
                  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of Lorem Ipsum is simply dummy text of the </p>
               </div>
               <div class="col-4" id="sidebar">
                  <li><a href="#">Home</li>
                  <li><a href="#">About us</li>
                  <li><a href="#">Contact us</li>
                  <li><a href="#">Privacy policy</li>
                  <li><a href="#">Gallery</li>
                  </ul>
               </div>
            </div>
            <div class="row " id="footer">
               <div class="col-12"> copyright@2020 </div>
            </div>
         </div>
      </body>
   </html>