-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (56 loc) · 4.33 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hands on 01 e 02</title>
<!-- Fontes -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@300&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="../assets/css/style.css">
</head>
<body>
<h1>Hands on 01 e 02</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita doloremque facere harum reiciendis perferendis rerum, adipisci culpa quia commodi id iure illo corrupti, cupiditate impedit quo deserunt consequatur laudantium vitae nobis eum minima dignissimos ea nemo suscipit! Nihil, eum hic molestiae voluptates voluptas magni. Accusantium porro nam harum quasi alias?</p>
<h2>Lorem, ipsum.</h2>
<img src="../assets/images/img1.jpg" alt="Imagem de uma paisagem em tons de roxo." title="Paisagem em tons de roxo.">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, quo explicabo alias asperiores, accusantium dolores, iusto assumenda saepe deleniti placeat itaque officia! Ad blanditiis porro fugiat tempora molestias aperiam? Ut, aut laborum sit voluptas maiores repudiandae doloribus beatae rem explicabo consequuntur aspernatur velit hic saepe dolorum, animi quidem incidunt est?</p>
<h3>Lorem ipsum dolor sit.</h3>
<ul>
<li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus, eos?</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti iste cumque magni!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt officiis temporibus quidem.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero exercitationem hic ratione?</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi explicabo unde perspiciatis.</li>
</ul>
<a href="https://www.google.com.br/" target="_blank">Mais informações.</a>
<hr>
<h2>Lorem, ipsum.</h2>
<img src="../assets/images/img2.jpg" alt="Imagem de uma paisagem em tons de azul e laranja." title="Paisagem em tons de azul e laranja.">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, quo explicabo alias asperiores, accusantium dolores, iusto assumenda saepe deleniti placeat itaque officia! Ad blanditiis porro fugiat tempora molestias aperiam? Ut, aut laborum sit voluptas maiores repudiandae doloribus beatae rem explicabo consequuntur aspernatur velit hic saepe dolorum, animi quidem incidunt est?</p>
<h3>Lorem ipsum dolor sit.</h3>
<ol>
<li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus, eos?</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti iste cumque magni!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt officiis temporibus quidem.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero exercitationem hic ratione?</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi explicabo unde perspiciatis.</li>
</ol>
<a href="https://www.google.com.br/" target="_blank">Mais informações.</a>
<hr>
<h2>Lorem, ipsum.</h2>
<img src="../assets/images/img3.jpg" alt="Imagem de uma praia." title="Praia.">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, quo explicabo alias asperiores, accusantium dolores, iusto assumenda saepe deleniti placeat itaque officia! Ad blanditiis porro fugiat tempora molestias aperiam? Ut, aut laborum sit voluptas maiores repudiandae doloribus beatae rem explicabo consequuntur aspernatur velit hic saepe dolorum, animi quidem incidunt est?</p>
<h3>Lorem ipsum dolor sit.</h3>
<ul>
<li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus, eos?</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti iste cumque magni!</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt officiis temporibus quidem.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero exercitationem hic ratione?</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi explicabo unde perspiciatis.</li>
</ul>
<a href="https://www.google.com.br/" target="_blank">Mais informações.</a>
</body>
</html>