-
Notifications
You must be signed in to change notification settings - Fork 0
/
heading-goes-here.html
55 lines (51 loc) · 2.7 KB
/
heading-goes-here.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/heading-goes-here.css">
</head>
<body>
<section>
<h1 class="works__title">See how it works</h1>
<article class="works__card">
<div class="works__block--1">
<img class="works__icon" src="images/pencil-icon.png" alt="">
<div class="works__sec">
<h2 class="card__title">Heading goes here</h2>
<p class="card__par">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates distinctio rem, hic assumenda earum? Laborum earum, nostrum! Est quisquam, asperiores eum. Assumenda officiis fugiat nostrum nulla sapiente quam, blanditiis excepturi quibusdam, laborum voluptatum tenetur sed nobis repellendus temporibus voluptas rem dolorum doloribus illo sequi quas rerum maiores iure! Nobis, iusto.</p>
</div>
</div>
<figure class="works__block--2">
<img class="card__img" src="images/iphone.png" alt="">
</figure>
</article>
<article class="works__card works__card--reverse">
<div class="works__block--1">
<img class="works__icon" src="images/burguer-icon.png" alt="">
<div class="works__sec">
<h2 class="card__title">Heading goes here</h2>
<p class="card__par">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates distinctio rem, hic assumenda earum? Laborum earum, nostrum! Est quisquam, asperiores eum. Assumenda officiis fugiat nostrum nulla sapiente quam, blanditiis excepturi quibusdam, laborum voluptatum tenetur sed nobis repellendus temporibus voluptas rem dolorum doloribus illo sequi quas rerum maiores iure! Nobis, iusto.</p>
</div>
</div>
<figure class="works__block--2">
<img class="card__img" src="images/iphone-icon-right.png" alt="">
</figure>
</article>
<article class="works__card">
<div class="works__block--1">
<img class="works__icon" src="images/icon-places.png" alt="">
<div class="works__sec">
<h2 class="card__title">Heading goes here</h2>
<p class="card__par">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates distinctio rem, hic assumenda earum? Laborum earum, nostrum! Est quisquam, asperiores eum. Assumenda officiis fugiat nostrum nulla sapiente quam, blanditiis excepturi quibusdam, laborum voluptatum tenetur sed nobis repellendus temporibus voluptas rem dolorum doloribus illo sequi quas rerum maiores iure! Nobis, iusto.</p>
</div>
</div>
<figure class="works__block--2">
<img class="card__img" src="images/iphone-icon-left.png" alt="">
</figure>
</article>
</section>
</body>
</html>