pets/index.html at master · Shvedulia/pets · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!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="style.css">
</head>
<body>
  <header>
    <div class="container">
      <nav>
        <ul class="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">Community</a></li>
          <li><a href="#">About us</a></li>
          <li><a href="#">Collection</a></li>
          <li><a href="#">Contact us</a></li>
        </ul>
      </nav>
    </div>
  </header>
  <div class="container">
    <main>
      <img src="marker.png" alt="paw">
      <div class="logo">
        <h1><span class="pink">Pet Lovers</span> <span class="dred">Template</span></h1>
        <p>Your Slogan goes here</p>
      </div>
      <section class="background">
        <h2>Open Sourse Template</h2>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, sit dolores iure, molestiae odio dolore nulla molestias maxime vero quod est sapiente blanditiis, fugiat tenetur odit doloremque quidem alias accusantium! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus sapiente, in unde culpa mollitia ipsam aspernatur possimus, corrupti hic aliquam quasi inventore dolor ex! Veritatis necessitatibus deleniti illum ex earum.</p>
        <br>
        <ul class="list">
          <li>Lorem ipsum dolor sit amet consectetur adipisicing</li>
          <li>Fuga placeat sapiente fugit eaque excepturi </li>
          <li>Alt vero eos et accusam et justo duo dolores et ea</li>
          <li>Stet clita kasd gubergen, no sea takimata sanctus</li>
          <li>Stet clita kasd gubergen</li>
        </ul>
      </section>
      <section class="background_2">
        <h2>Open Source Template</h2>
        <img src="dog.png" alt="dog">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
          labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
          laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
          non proident.</p>
        <br>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
          labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
          laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
          voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      </section>
    </main>
    <aside>
      <section>
        <div class="girl"><img src="girl.png" alt="girl"></div>
        <h2 class="sideh">About This site</h2>
        <p class="sided">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
          dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
      </section>
      <section>
        <h2 class="sideh">Related Links</h2>
          <div class="related ">
            <ul>
                <li><a href="#">Lorem Ipsum</a></li>
                <li><a href="#">Pet Medicine</a></li>
                <li><a href="#">Yahoo Pets & Animals</a></li>
                <li><a href="#">Website Designers</a></li>
                <li><a href="#">Google Search</a></li>
            </ul>
          </div>
      </section>
    </aside>
  </div>
  <footer>
    <div class="container">
      <p>Copyright &copy 2006 Your Company Name, All rights reserved.</p>
        <ul>
         <li><a href="#">HTML</a></li>
         <li><a href="#">CSS</a></li>
         <li>Website design by: <a href="#">WDD</a></li>
        </ul>
    </div>
  </footer>
</body>