forked from sandraLlanos/test-front
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (95 loc) · 4.63 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>front test</title>
<link rel="stylesheet" href="./css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<header>
<img class="header__logo" src="./assets/logo.png" width="20" alt="company-logo">
<nav class="header__navbar">
<ul class="header__navbar-ul">
<li>Link</li>
<li>Link</li>
</ul>
</nav>
</header>
<section class="first__section">
<div class="first__section-content">
<h1>Lorem ipsum dolor sit amet</h1>
<p class="first__section-paragraph">consectetur adipiscing elit. Fusce sit amet</p>
</div>
</section>
<section class="second__section">
<h1>liquam tellus massa, hendrerit a nulla id</h1>
<p>
Morbi enim nulla, finibus vel justo vel, fringilla tempus dui. Etiam id tortor vulputate,
dignissim magna commodo, sodales diam. Donec scelerisque, ex venenatis varius pellentesque,
est d
</p>
<p>
lor fringilla urna, at imperdiet metus dui a sem. Vivamus venenatis posuere quam sit amet
molestie. Praesent euismod volutpat convallis. Ut
</p>
</section>
<section class="third__section">
<h1>uspendisse eu elit in turpis eleifend luctus. Nunc congue </h1>
<p>
posuere ipsum. Integer ac metus augue. Aliquam tellus massa, hendrerit a nulla id, ullamcorper interdum ipsum.
Donec dolor enim, posuere eu nulla quis, congue molestie tellus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Duis placerat lectus a ante pellen
</p>
<p>
bortis. Pellentesque vitae tempus lacus. Curabitur faucibus pretium elit eu faucibus.
Maecenas fringilla eros a nisi auctor ornare. Maecenas maximus pulvinar tortor vitae
vulputate. Donec bibendum, purus eget imperdiet lacinia, ex elit tempus sem, ac vulputate sem lectus id lorem. Fusce ac ultrices
</p>
<p>
roin aliquam nibh et nunc bibendum fringilla. Pellentesque iaculis accumsan risus,
quis imperdiet tellus interdum ac. Nulla sed sapien auctor, hendre
</p>
</section>
<section class="fourth__section">
<div class="fourth__section-content">
<h1>Donec ac dapibus ex. Donec pellentesque </h1>
<h3>ellentesque vitae tempus lacus tus augue. Aliquam tellus massa, hendrerit</h3>
<div class="fourth__section-paragraph">
<p>posuere ipsum. Integer ac metus augue. Aliquam tellus massa, hendrerit a nulla id, ullamcorper interdum ipsum.
Donec dolor enim, posuere eu nulla quis, congue molestie tellus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Duis placerat lectus a ante pellen
</p>
<p>posuere ipsum. Integer ac metus augue. Aliquam tellus massa, hendrerit a nulla id, ullamcorper interdum ipsum.
Donec dolor enim, posuere eu nulla quis, congue molestie tellus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Duis placerat lectus a ante pellen
</p>
</div>
<p>posuere ipsum. Integer ac metus augue. Aliquam tellus massa, hendrerit a nulla id, ullamcorper interdum ipsum.
Donec dolor enim, posuere eu nulla quis, congue molestie tellus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Duis placerat lectus a ante pellen
</p>
</div>
</section>
<section class="fifth__section">
<h1>Morbi enim nulla, finibus vel justo vel, fringilla</h1>
<table id="table-body">
<caption>table Information</caption>
<tr>
<th id="Locations">Locations</th>
<th id="PM25">PM2.5</th>
<th id="LastUpdated">Last Updated</th>
</tr>
</table>
</section>
<section class="sixth__section">
<h1>ex venenatis varius pellentesque, est </h1>
<p>tellus interdum ac. Nulla sed sapien auctor, hendrerit lo</p>
</section>
<footer>
<p class="footer__paragraph">© 2020, general company.all rigthys reserved<p>
</footer>
</body>
<script src="./js/index.js"></script>
</html>