-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (57 loc) · 4.2 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
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>ITCSS - CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/settings/settings.colors.css">
<link rel="stylesheet" href="css/settings/settings.sizing.css">
<link rel="stylesheet" href="css/settings/settings.typography.css">
<link rel="stylesheet" href="css/generic/generic.normalize.css">
<link rel="stylesheet" href="css/generic/generic.selection.css">
<link rel="stylesheet" href="css/elements/elements.all.css">
<link rel="stylesheet" href="css/elements/elements.body.css">
<link rel="stylesheet" href="css/elements/elements.title.css">
<link rel="stylesheet" href="css/objects/objects.section.css">
<link rel="stylesheet" href="css/components/components.button.css">
<link rel="stylesheet" href="css/components/components.newsletter.css">
<link rel="stylesheet" href="css/utilities/utilities.text.css">
</head>
<body>
<section class="o-section">
<div class="o-section__content">
<h1>ITCSS - CSS - Section</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At dignissimos voluptatibus aliquid nesciunt excepturi, eveniet reiciendis consequuntur quam perferendis magni?</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Qui laborum impedit voluptatem ex assumenda iste hic illo quasi harum, ipsam temporibus incidunt similique recusandae inventore minima necessitatibus magnam iusto possimus tempore atque.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem nesciunt dolor esse debitis perferendis, accusamus quod ipsa! Impedit dolor maxime minus, saepe sequi libero velit ratione corrupti dolorum. Aliquid ea, neque veritatis earum impedit dolores enim perspiciatis deleniti hic vero?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At dignissimos voluptatibus aliquid nesciunt excepturi, eveniet reiciendis consequuntur quam perferendis magni?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem nesciunt dolor esse debitis perferendis, accusamus quod ipsa! Impedit dolor maxime minus, saepe sequi libero velit ratione corrupti dolorum. Aliquid ea, neque veritatis earum impedit dolores enim perspiciatis deleniti hic vero?</p>
<a href="#" class="c-button">+ infos</a>
</div>
</section>
<section class="o-section" style="--background-color: #fff">
<div class="o-section__content">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At dignissimos voluptatibus aliquid nesciunt excepturi, eveniet reiciendis consequuntur quam perferendis magni?</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Qui laborum impedit voluptatem ex assumenda iste hic illo quasi harum, ipsam temporibus incidunt similique recusandae inventore minima necessitatibus magnam iusto possimus tempore atque.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At dignissimos voluptatibus aliquid nesciunt excepturi, eveniet reiciendis consequuntur quam perferendis magni?</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Qui laborum impedit voluptatem ex assumenda iste hic illo quasi harum, ipsam temporibus incidunt similique recusandae inventore minima necessitatibus magnam iusto possimus tempore atque.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem nesciunt dolor esse debitis perferendis, accusamus quod ipsa! Impedit dolor maxime minus, saepe sequi libero velit ratione corrupti dolorum. Aliquid ea, neque veritatis earum impedit dolores enim perspiciatis deleniti hic vero?</p>
<aside class="c-newsletter">
<h2 class="c-newsletter__title u-uppercase">
Assine nossa newsletter
</h2>
<form class="c-newsletter__content">
<input
type="email"
placeholder="Seu e-mail"
required
class="c-newsletter__input">
<button type="submit" class="c-button">
Cadastrar
</button>
</form>
</aside>
</div>
</section>
</body>
</html>