-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcursos.html
113 lines (95 loc) · 4.17 KB
/
cursos.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
<!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>Din Din - Educação Financeira</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/styles/global.css">
<link rel="stylesheet" href="assets/styles/cursos.css">
</head>
<body>
<header>
<div class="container">
<h2>
<a href="index.html">Din Din - Educação Financeira</a>
</h2>
<nav>
<ul>
<li><a href="cursos.html">Cursos</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section>
<h1>Cursos</h1>
<p>Educação financeira é tudo de bom</p>
</section>
<article class="post-container">
<img src="assets/images/ilustra-poupando.png" width="380px" height="381px">
<h3>Investimento para iniciantes</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione voluptatem sequi nesciunt.
</p>
<a href="">Começar agora</a>
</article>
<hr />
<article class="post-container">
<img src="assets/images/ilustra-investimento.png" width="380px" height="381px">
<h3>Poupando e rendendo</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
<a href="">Começar agora</a>
</article>
<hr />
<article class="post-container">
<img src="assets/images/ilustra-independencia.png" width="380px" height="381px">
<h3>Investimento para iniciantes</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
<a href="">Começar agora</a>
</article>
</main>
<footer>
<div class="container">
<h2>
<a href="index.html">Din Din - Educação Financeira</a>
</h2>
<nav>
<ul>
<li><a href="cursos.html">Cursos</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
<div>
<ul class="links-anexos">
<li><a href="#">Quero ser prof</a></li>
<li><a href="#">Aqui tem outro link</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>