-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (46 loc) · 3.09 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
<!DOCTYPE html>
<html lang="pt-BR">
<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">
<link rel="stylesheet" href="/css/style.css">
<title>Projeto DOT - Digital Group - Jadson Pereira</title>
</head>
<body>
<main>
<div class="container-topo">
<h1>LOREM IPSUM</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="container-meio">
<div class="divs-container-meio">
<img class="imagens-container-meio" src="./img/background.jpg" alt="">
<h3>LOREM IPSUM</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ipsum perspiciatis quis. Beatae voluptatum accusantium impedit a in ratione non eligendi quia ab pariatur, et nisi nesciunt nu</p>
</div>
<div class="divs-container-meio">
<img class="imagens-container-meio" src="./img/background.jpg" alt="imagem-ponte-e-montanhas">
<h3>LOREM IPSUM</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ipsum perspiciatis quis. Beatae voluptatum accusantium impedit a in ratione non eligendi quia ab pariatur, et nisi nesciunt nu</p>
</div>
<div class="divs-container-meio">
<img class="imagens-container-meio" src="./img/background.jpg" alt="imagem-ponte-e-montanhas">
<h3>LOREM IPSUM</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ipsum perspiciatis quis. Beatae voluptatum accusantium impedit a in ratione non eligendi quia ab pariatur, et nisi nesciunt nu</p>
</div>
</div>
<div class="container-imagem-texto-lateral">
<img class="imagem-container-baixo" src="./img/background.jpg" alt="imagem-ponte-e-montanhas">
<div class="texto-lateral">
<h3>LOREM IPSUM</h3>
<p class="paragrafo-texto-lateral">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ipsum perspiciatis quis. Beatae voluptatum accusantium impedit a in ratione non eligendi quia ab pariatur, et nisi nesciunt nu. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellendus esse mollitia est sequi totam similique, cum delectus asperiores deleniti corporis dignissimos dolorem, doloribus nisi unde blanditiis expedita soluta beatae tempora.</p>
<p class="paragrafo-texto-lateral">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ipsum perspiciatis quis. Beatae voluptatum accusantium impedit a in ratione non eligendi quia ab pariatur, et nisi nesciunt nu. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellendus esse mollitia est sequi totam similique, cum delectus asperiores deleniti corporis dignissimos dolorem, doloribus nisi unde blanditiis expedita soluta beatae tempora.</p>
</div>
</div>
<div class="container-footer">
<h2>LOREM IPSUM</h2>
</div>
</main>
</body>
</html>