-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathblogs internal.html
198 lines (191 loc) · 9.55 KB
/
blogs internal.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<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</title>
<link rel="stylesheet" href="index.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=Poppins:ital,wght@0,100;0,200;0,300;0,400;1,400;1,500&family=Roboto:wght@100;400;500;700&display=swap"
rel="stylesheet">
</head>
<body>
<header id="header">
<nav>
<a href="index.html"><img src="img/dindin-imagens/logo-header.png" alt=""></a>
<ul>
<a href="cursos.html">
<li>cursos</li>
</a>
<a href="blog main.html">
<li>blog</li>
</a>
<a href="contato.html">
<li>contato </li>
</a>
</ul>
</nav>
</header>
<main>
<div class="main-blog-internal">
<section>
<h2>On the other hand, we denounce</h2>
<span>25 de novembro de 2020</span>
<img src="img/dindin-imagens/blog-image-2.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis cumque, repellendus architecto
magnam
aliquam ut aliquid in? Recusandae illum animi, id sunt ad libero ullam quaerat alias aspernatur non
neque
mollitia ex soluta consectetur culpa debitis voluptas nostrum numquam placeat et distinctio odio
hic?
Labore
accusamus a velit fuga accusantium nihil quos saepe ea, delectus, amet voluptate, quia excepturi
blanditiis
recusandae sit quas molestias quo impedit dolorum.
<br>
Optio blanditiis accusamus id fugit vero dignissimos quod
ducimus placeat assumenda temporibus rerum nisi explicabo dolorem aut molestiae consequatur minima
omnis
officiis ratione, amet dolores velit qui! Omnis suscipit incidunt obcaecati? Optio aut eius quaerat
corrupti
vitae a labore! Molestiae, earum commodi non pariatur eaque impedit harum cupiditate dolore libero
repellat?
Assumenda veritatis, pariatur incidunt nesciunt velit dolor eaque!
<br>
Asperiores facilis possimus quis. Nemo
aliquam non distinctio repudiandae esse maxime fuga quam ullam perspiciatis rerum reiciendis in
numquam
voluptas est voluptatem quas veniam eius repellat repellendus, rem pariatur architecto. Rem iusto
velit
sequi enim ut? Ipsa aliquid animi laboriosam cumque illum sint, ut magni quis, sapiente inventore ab
quasi
exercitationem, repellendus consequatur reiciendis odit praesentium vel?
<br>
</p>
<h3>these cases are perfectly simple and easy to distinguish</h3>
<br>
<p>
Esse id, quia deserunt dolor
laudantium architecto repellat facilis tempore, voluptas atque accusamus reiciendis dicta! Eveniet
ex
ipsa
maiores sed inventore ullam, rem minima veritatis aperiam ab, natus magni fugiat, ut perspiciatis.
Nihil
veritatis cum inventore tenetur recusandae quia sunt quidem dicta animi distinctio quisquam beatae,
nam
architecto? Quod facilis magni reiciendis quisquam obcaecati exercitationem itaque labore
consequatur
rerum,
enim vel adipisci pariatur? Accusantium nam at nesciunt est vitae facilis unde consectetur sit
fugit.
Quo
harum accusantium consequatur, modi, in sunt voluptate voluptatem earum vero ducimus commodi
recusandae
corporis, nobis deleniti veniam.
<br>
Sequi, quos. Laudantium at minus in placeat nisi magnam quaerat, officiis
facilis doloribus accusantium architecto, illo libero beatae aliquam accusamus mollitia quis
sapiente
excepturi ea. Quia cupiditate illum tempora alias in tempore similique, officia, cum quos explicabo
ipsam
unde excepturi sapiente doloremque commodi, architecto eligendi totam numquam sed omnis. Labore
quasi
quas
vero enim fuga expedita cumque alias natus aut voluptates saepe praesentium, delectus exercitationem
nulla
sint optio non possimus nisi iste. Totam provident iusto modi consequatur sed, non, dolorem vitae
mollitia
cumque eveniet necessitatibus dolores eius pariatur veritatis ullam odit ab placeat, tenetur quia.
</p>
<h3>Sed ut perpiciatis unde omnis iste natus erros sit</h3>
<p> Unde quas sit libero sapiente
officia quis labore quae porro, saepe vel perferendis aspernatur non earum. Ut laboriosam iste,
neque
veritatis quos laudantium nam doloribus quis voluptate reprehenderit aliquid libero ex odio
repellendus
esse, modi harum? Recusandae saepe in rerum itaque nam at provident id vero eveniet, praesentium
asperiores
obcaecati debitis consectetur exercitationem repellat magni amet corrupti fugit, sequi delectus sed
hic
nesciunt mollitia? Commodi dolorum illum rem veritatis voluptatibus, inventore eum porro, placeat
totam
optio ipsum.
Esse unde tempora eveniet vero dolores inventore voluptatem fuga alias, consequatur labore deleniti
sed
dolore itaque
obcaecati et facere animi laboriosam deserunt sunt non, incidunt voluptas quod distinctio tempore.
Esse
a
quod, dolore pariatur neque architecto, repellendus fugiat reiciendis modi, quaerat vel. Excepturi
inventore
culpa quisquam, deleniti quibusdam aliquam numquam officiis vitae delectus?</p>
</section>
</div>
<section class="main-blog-cursos">
<h3>Conheça nossos cursos</h3>
<div class="container">
<article>
<img class="blog-img1" src="img/dindin-imagens/ilustra-poupando.png" alt="">
<h4>Investimento para iniciantes</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis a quibusdam at officiis quam
voluptate! Necessitatibus aliquam ab impedit nihil ratione, a commodi earum ipsa iste.
Reiciendis
illo ducimus cum?</p>
<a href="cursos.html">começar agora</a>
</article>
<article>
<img class="blog-img2" src="img/dindin-imagens/ilustra-investimento.png" alt="">
<h4>Poupando e Rendendo</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis a quibusdam at officiis quam
voluptate! Necessitatibus aliquam ab impedit nihil ratione, a commodi earum ipsa iste.
Reiciendis
illo ducimus cum?</p>
<a href="cursos.html">começar agora</a>
</article>
<article>
<img class="blog-img3" src="img/dindin-imagens/ilustra-independencia.png" alt="">
<h4>Independência Financeira</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis a quibusdam at officiis quam
voluptate! Necessitatibus aliquam ab impedit nihil ratione, a commodi earum ipsa iste.
Reiciendis
illo ducimus cum?</p>
<a href="cursos.html">começar agora</a>
</article>
</div>
</section>
</main>
<footer id="footer">
<section>
<a href="index.html"><img src="img/dindin-imagens/logo-footer.png" alt=""></a>
</section>
<section class="nav">
<ul>
<a href="cursos.html">
<li>cursos</li>
</a>
<a href="blog main.html">
<li>blog</li>
</a>
<a href="contato.html">
<li>contato </li>
</a>
</ul>
</section>
<section class="professor">
<ul>
<a href="#">
<li>quero ser professor</li>
</a>
<a href="#">
<li>aqui tem outro link</li>
</a>
</ul>
</section>
</footer>
</body>
</html>
</body>
</html>