web/poroject7.html at main · amormousa/web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 <!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="test.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>amor</title>
  </head>
  <body>
    <header>
      <h2> <a href="#" class="logo"> AMOR</a></h2>
      <ul>
        <li><a href="#" class="active">home</a></li>
        <li><a href="#">product</a></li>
        <li><a href="#">shop</a></li>
        <li><a href="#">about</a></li>
      </ul>
    </header>
    <section class="main">
      <img src="stars1.webp" alt="nn" id="stars">
      <h2 class="novel">novel</h2>
      <img src="moon2.webp" alt="nn" id="moon">
      <img src="mountains3.webp" alt="nn" id="mountains3">
      <img src="mountains4.webp" alt="nn" id="mountains4">
      <img src="river5.webp" alt="nn" id="river">
      <img src="boat6.webp" alt="nn" id="boot">
      <img src="mountains7.webp" alt="nn" id="mountains7">
    </section>
    <div class="content">
      <h2>Lorem ipsum dolor sit abet.</h2>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Provident at repellendus id alias optio in, nihil earum deleniti tempora placeat ex corporis qui nesciunt ullam dolore quis voluptate inventore dicta! Facere alias doloribus maiores deleniti, suscipit iure dicta. Maxime praesentium, impedit aspernatur accusamus saepe laborum ad debitis unde cupiditate accusantium temporibus explicabo dolorem ut magni asperiores voluptatem? Numquam nam recusandae labore quas consequatur nemo atque eius voluptatibus? Non, beatae adipisci. Enim velit sequi numquam animi inventore neque, natus officiis impedit fugit perspiciatis saepe a itaque modi excepturi quod? Optio veniam molestias repellat. Voluptates, qui. Velit, impedit tempora! Cumque, ratione soluta?</p>
    <br>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Provident at repellendus id alias optio in, nihil earum deleniti tempora placeat ex corporis qui nesciunt ullam dolore quis voluptate inventore dicta! Facere alias doloribus maiores deleniti, suscipit iure dicta. Maxime praesentium, impedit aspernatur accusamus saepe laborum ad debitis unde cupiditate accusantium temporibus explicabo dolorem ut magni asperiores voluptatem? Numquam nam recusandae labore quas consequatur nemo atque eius voluptatibus? Non, beatae adipisci. Enim velit sequi numquam animi inventore neque, natus officiis impedit fugit perspiciatis saepe a itaque modi excepturi quod? Optio veniam molestias repellat. Voluptates, qui. Velit, impedit tempora! Cumque, ratione soluta?</p>
    <br>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Provident at repellendus id alias optio in, nihil earum deleniti tempora placeat ex corporis qui nesciunt ullam dolore quis voluptate inventore dicta! Facere alias doloribus maiores deleniti, suscipit iure dicta. Maxime praesentium, impedit aspernatur accusamus saepe laborum ad debitis unde cupiditate accusantium temporibus explicabo dolorem ut magni asperiores voluptatem? Numquam nam recusandae labore quas consequatur nemo atque eius voluptatibus? Non, beatae adipisci. Enim velit sequi numquam animi inventore neque, natus officiis impedit fugit perspiciatis saepe a itaque modi excepturi quod? Optio veniam molestias repellat. Voluptates, qui. Velit, impedit tempora! Cumque, ratione soluta?</p>
    <br>

    </div>
    <script src="test.js"></script>
  </body>
</html>