-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (90 loc) · 3.79 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
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://fonts.googleapis.com/css2?family=Palanquin&family=Staatliches&display=swap"
rel="stylesheet"
/>
<link
rel="shortcut icon"
href="./assets/img/logo.svg"
type="image/x-icon"
/>
<link rel="stylesheet" href="style.css" />
<title>Space Cream</title>
</head>
<body>
<div class="page">
<header>
<div class="img-wrapper">
<img
src="./assets/img/logo.svg"
alt="Logotipo da marca Space Cream"
/>
</div>
<span><h1>Space Cream</h1></span>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad incidunt,
omnis ratione magnam reiciendis optio odio animi, minus laudantium
voluptatem est eveniet quis maxime? Esse dolore id odit laboriosam
expedita? Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Sapiente incidunt ut dolorum quisquam.
</p>
</header>
<main>
<div id="wrapper-cards">
<div class="card">
<img
src="https://images.unsplash.com/photo-1488900128323-21503983a07e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTB8fGljZSUyMGNyZWFtfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60"
alt="Sorvete no palito sabor de frutas"
/>
<h2>Paletas</h2>
</div>
<div class="card">
<img
src="https://images.unsplash.com/photo-1553787499-6f9133860278?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8c2hha2VzfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60"
alt="Uma taça de milkshake sabor balnilha com chocolate, com canudo listrado dentro, com um prato e colher do lado"
/>
<h2>Shakes</h2>
</div>
<div class="card">
<img
src="https://images.unsplash.com/photo-1618485476859-01e8fa229c52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NDZ8fGljZSUyMGNyZWFtfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60"
alt="Mesa enfeitada com folhas e morangos, com um prato no centro com sorvete de massa sabor morando dentro"
/>
<h2>Massas</h2>
</div>
<div class="card">
<img
src="https://images.unsplash.com/photo-1561588012-17a0e1119c0e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NTB8fGljZSUyMGNyZWFtfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60"
alt="Três picolés de sabares diferentes na mão de três pessoas lado a lado"
/>
<h2>Picolés</h2>
</div>
<div class="card">
<img
src="https://images.unsplash.com/photo-1633933358116-a27b902fad35?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fGljZSUyMGNyZWFtfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60"
alt="Três sorvetes de cone em um prato com pedaços de morango na massa"
/>
<h2>Frutas</h2>
</div>
<div class="card">
<img
src="https://images.unsplash.com/photo-1497034825429-c343d7c6a68f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aWNlJTIwY3JlYW18ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60"
alt="Uma mão segurando sorvete de casquinha com duas bolas de sorvete"
/>
<h2>Cone</h2>
</div>
</div>
<footer>
fale concosco no instagram
<a href="#">@space_cream</a>
</footer>
</main>
</div>
</body>
</html>