Untitled

mail@pastecode.io avatar
unknown
html
3 years ago
5.6 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>



    <header class="header">
        <div class="container">
          <h1 class="head_title">my first site</h1>
          <button class="menu">Menu</button>
        </div>
      </header>
        <main>
          <div class="container">
            <article class="article">
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, alias! Amet soluta assumenda deleniti pariatur quam officia dignissimos quos veniam quas nihil, tempore fugit vero sunt consequatur suscipit eveniet? Ut ipsa animi voluptate sint, natus harum ea placeat saepe aliquam.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, doloremque at molestias repudiandae quam error neque repellat dolor maiores, autem debitis? Debitis, assumenda. Minus nihil vero quis magni rerum quibusdam?</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, deserunt?</p>
              <p class="news">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia veniam voluptatem in ratione nihil voluptates facilis accusantium quis dicta sint?</p>
              <p class="news">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit nihil nesciunt odit optio cum, soluta architecto. Voluptate dicta totam nulla voluptatem ducimus similique quisquam ab impedit, magnam modi, ipsam molestiae.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, alias! Amet soluta assumenda deleniti pariatur quam officia dignissimos quos veniam quas nihil, tempore fugit vero sunt consequatur suscipit eveniet? Ut ipsa animi voluptate sint, natus harum ea placeat saepe aliquam.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, doloremque at molestias repudiandae quam error neque repellat dolor maiores, autem debitis? Debitis, assumenda. Minus nihil vero quis magni rerum quibusdam?</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, deserunt?</p>
              <p class="news">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia veniam voluptatem in ratione nihil voluptates facilis accusantium quis dicta sint?</p>
              <p class="news">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit nihil nesciunt odit optio cum, soluta architecto. Voluptate dicta totam nulla voluptatem ducimus similique quisquam ab impedit, magnam modi, ipsam molestiae.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, alias! Amet soluta assumenda deleniti pariatur quam officia dignissimos quos veniam quas nihil, tempore fugit vero sunt consequatur suscipit eveniet? Ut ipsa animi voluptate sint, natus harum ea placeat saepe aliquam.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, doloremque at molestias repudiandae quam error neque repellat dolor maiores, autem debitis? Debitis, assumenda. Minus nihil vero quis magni rerum quibusdam?</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, deserunt?</p>
              <p class="news">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia veniam voluptatem in ratione nihil voluptates facilis accusantium quis dicta sint?</p>
              <p class="news">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit nihil nesciunt odit optio cum, soluta architecto. Voluptate dicta totam nulla voluptatem ducimus similique quisquam ab impedit, magnam modi, ipsam molestiae.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, alias! Amet soluta assumenda deleniti pariatur quam officia dignissimos quos veniam quas nihil, tempore fugit vero sunt consequatur suscipit eveniet? Ut ipsa animi voluptate sint, natus harum ea placeat saepe aliquam.</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, doloremque at molestias repudiandae quam error neque repellat dolor maiores, autem debitis? Debitis, assumenda. Minus nihil vero quis magni rerum quibusdam?</p>
              <p class="news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, deserunt?</p>
              <p class="news">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia veniam voluptatem in ratione nihil voluptates facilis accusantium quis dicta sint?</p>
              <p class="news">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit nihil nesciunt odit optio cum, soluta architecto. Voluptate dicta totam nulla voluptatem ducimus similique quisquam ab impedit, magnam modi, ipsam molestiae.</p>
            </article>
            <aside class="aside">
              <p class="tags">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias, quia.</p>
              <p class="tags">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias, quia.</p>
              <p class="tags">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias, quia.</p>
              <p class="tags">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias, quia.</p>
          </aside>
        </div>
      </main>
      
      
      
      

    
</body>
</html>