html-css-project/Week1.html at master · zision71/html-css-project · 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
90
91
92
93
94
95
96
97
98
99
100
<!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="Week1.CSS" />
  </head>
  <body>
    <header>
      <div class="main">
        Manchester
      </div>
    </header>

    <div class="rightSideBar">
      <h2>This is right sidebar</h2>
      <h3>
        Manchester is a major city in the northwest of England. This web page
        will describe about Manchester
      </h3>
    </div>

    <div class="wrapper">
      <article>
        <h3>History</h3>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ut fugit culpa
        incidunt laborum! Doloremque labore neque natus magni tenetur magnam id
        quo, omnis laudantium maiores sapiente, maxime a? Corrupti, ea. Lorem
        ipsum dolor sit amet consectetur adipisicing elit. Possimus id eligendi
        nulla minima ut, neque repellendus aliquid quaerat delectus cum iure?
        Velit et libero earum tempora facere, accusamus corporis aspernatur!
        <a href="https://en.wikipedia.org/wiki/Manchester">Relevent link</a>
      </article>

      <article>
        <h3>Must visiti places</h3>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi
        molestiae nesciunt tempore inventore harum architecto adipisci
        dignissimos odio ipsum, pariatur nemo sint. Hic mollitia magnam
        molestiae, facere enim cumque sed! Lorem ipsum dolor sit amet
        consectetur adipisicing elit. Beatae laboriosam, facilis harum molestias
        accusantium eligendi commodi dolore alias in dicta quibusdam fuga
        voluptatem repudiandae optio necessitatibus placeat? Facere, molestiae
        vitae.
        <a href="https://en.wikipedia.org/wiki/Manchester">Useful link</a>
      </article>

      <article>
        <h3>Famous people from Manchester</h3>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus sed
        aperiam eveniet quos earum nulla deleniti, iusto magni eligendi rerum
        doloribus maxime quidem provident officiis? Consequatur necessitatibus
        cum voluptate repellat? Lorem ipsum dolor sit amet consectetur
        adipisicing elit. Distinctio a necessitatibus modi, culpa aliquid ab
        dolores aut, exercitationem debitis ad earum, esse corrupti perferendis
        deleniti inventore quae soluta delectus tempora.
        <a href="https://en.wikipedia.org/wiki/Manchester">link</a>
      </article>
      <article>
        <h3>Important architecture</h3>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus sed
        aperiam eveniet quos earum nulla deleniti, iusto magni eligendi rerum
        doloribus maxime quidem provident officiis? Consequatur necessitatibus
        cum voluptate repellat? Lorem ipsum dolor sit amet consectetur
        adipisicing elit. Distinctio a necessitatibus modi, culpa aliquid ab
        dolores aut, exercitationem debitis ad earum, esse corrupti perferendis
        deleniti inventore quae soluta delectus tempora.
        <a href="https://en.wikipedia.org/wiki/Manchester">link</a>
      </article>

      <article>
        <h3>Famous football clubs</h3>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus sed
        aperiam eveniet quos earum nulla deleniti, iusto magni eligendi rerum
        doloribus maxime quidem provident officiis? Consequatur necessitatibus
        cum voluptate repellat? Lorem ipsum dolor sit amet consectetur
        adipisicing elit. Distinctio a necessitatibus modi, culpa aliquid ab
        dolores aut, exercitationem debitis ad earum, esse corrupti perferendis
        deleniti inventore quae soluta delectus tempora.
        <a href="https://en.wikipedia.org/wiki/Manchester">link</a>
      </article>

      <article>
        <h3>Universities in Manchester</h3>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus sed
        aperiam eveniet quos earum nulla deleniti, iusto magni eligendi rerum
        doloribus maxime quidem provident officiis? Consequatur necessitatibus
        cum voluptate repellat? Lorem ipsum dolor sit amet consectetur
        adipisicing elit. Distinctio a necessitatibus modi, culpa aliquid ab
        dolores aut, exercitationem debitis ad earum, esse corrupti perferendis
        deleniti inventore quae soluta delectus tempora.
        <a href="https://en.wikipedia.org/wiki/Manchester">link</a>
      </article>
    </div>

    <hr />
    <footer>&copy;2020 Zision</footer>
  </body>
</html>