/
more-content.html
114 lines (106 loc) · 5.34 KB
/
more-content.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!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">
<title>dindin - Educação Financeira</title>
<link rel="stylesheet" href="./css/more-content.css">
</head>
<body>
<header>
<div id="divheader">
<div class="logo-header">
<a href="./index.html"><img src="./img/logo-header.png" alt="logo-dindin-header"></a>
</div>
<nav class="menu-links">
<a class="link-header" href="./cursos.html">CURSOS</a>
<a class="link-header" href="./blog.html">BLOG</a>
<a class="link-header" href="./contato.html">CONTATO</a>
</nav>
</div>
</header>
<main>
<!-- Aqui coloco a cor do fundo -->
<section>
<!-- Aqui eu coloco o max width -->
<div class="conteudo">
<div class="esquerda">
<h1>MAIS CONTEÚDO <BR>PARA VOCÊ</h1>
<p>Nemo enim ipsam voluptatem quia voluptas sit <br> aspernatur aut odit aut fugit, sed quia <br>
consequuntur magni dolores eos qui ratione <br> voluptatem sequi nesciunt. </p>
</div>
<div class="direita"><img src="./img/ilustra-blog.png" alt="Imagem mais conteudo"></div>
</div>
</section>
<section id="container">
<div class="container-topic">
<div class="topic">
<img src="./img/fundo-cinza.png" alt="imagem tópico">
<h3>On the oher hand, we denounce</h3>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot
foresee the pain and trouble that are bound.</p>
</div>
<div class="topic">
<img src="./img/fundo-cinza.png" alt="imagem tópico">
<h3>On the oher hand, we denounce</h3>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot
foresee the pain and trouble that are bound.</p>
</div>
</div>
<div class="container-topic">
<div class="topic">
<img src="./img/fundo-cinza.png" alt="imagem tópico">
<h3>On the oher hand, we denounce</h3>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot
foresee the pain and trouble that are bound.</p>
</div>
<div class="topic">
<img src="./img/fundo-cinza.png" alt="imagem tópico">
<h3>On the oher hand, we denounce</h3>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot
foresee the pain and trouble that are bound.</p>
</div>
</div>
<div class="container-topic">
<div class="topic">
<img src="./img/fundo-cinza.png" alt="imagem tópico">
<h3>On the oher hand, we denounce</h3>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot
foresee the pain and trouble that are bound.</p>
</div>
<div class="topic">
<img src="./img/fundo-cinza.png" alt="imagem tópico">
<h3>On the oher hand, we denounce</h3>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and
demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot
foresee the pain and trouble that are bound.</p>
</div>
</div>
</section>
<section id="cursos">
</section>
</main>
<footer>
<div class="footer">
<div class="logo-footer">
<a href="index.html"><img src="./img/logo-footer.png" alt="Logo dindin Footer"></a>
</div>
<nav class="menu-footer">
<a href="./cursos.html">cursos</a>
<a href="./blog.html">blog</a>
<a href="./contato.html">contato</a>
</nav>
<div class="options-footer">
<a class="option1" href="./blog.html">quero ser prof</a>
<a class="option2" href="more-content.html">aqui tem outro link</a>
</div>
</div>
</footer>
</body>
</html>