-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (124 loc) · 5.82 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
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link href="bootstrap_pulse/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/Ajuste.css">
<title>Donuts Shop</title>
</head>
<body>
<!-- menu -->
<nav class="navbar navbar-expand-sm navbar-light px-4">
<!-- logo -->
<a href="" class="navbar-brand">
<img src="images/donut_32px.png" alt=""> DonutStore
</a>
<!-- menu Hamburguer -->
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#menu-hamburguer">
<span class="navbar-toggler-icon"></span>
</button>
<!-- navegacao -->
<div class=" collapse navbar-collapse" id="menu-hamburguer">
<ul class="navbar-nav nav-donut ms-auto">
<li class="nav-tem px-4">
<a href="#produtos" class="nav-link">Produtos</a>
</li>
<li class="nav-tem px-4">
<a href="#sobre" class="nav-link">Sobre</a>
</li>
<li class="nav-tem px-4">
<a href="" class="nav-link bg-pink px-4">
<img src="images/cart_white-24px.ico" alt="">
<p class="d-inline text-white">Carrinho</p>
</a>
</li>
</ul>
</div>
</nav>
<!-- conteudo -->
<main>
<section id="topo">
<div class="container">
<div class="row">
<div class="col col-sm-12 col-md-12 col-lg-4 mt-4">
<h1>Abdominais são legais.</h1>
<h3 class="display-2">mas você já experimentou donuts ?</h3>
</div>
<div class="col-sm-12 col-lg-8 mb-3">
<img class="img-fluid" src="images/donuts_png.png" alt="">
</div>
</div>
</section>
<!-- Cards de Produtos -->
<section id="s_produtos">
<div class="container py-3" data-spy="scroll" data-target="#menu-hamburguer" data-offset="0">
<p id="produtos" class="fs-5 text-center">
nós fazemos o Glacê Original do nosso jeito
</p>
<div class="row row-cols-1 row-cols-md-3 g-4 mt-4">
<div class="col ">
<div class="card border-primary mb-4">
<img src="images/—Pngtree—donut with chocolate icing and_6863947.png" class="card-img-top img-fluid" alt="Donut Morango">
<div class="card-body">
<h5 class="card-title px-1">Donut Caramelo <strong>R$ 20</strong></h5>
<p class="card-text d-inline ">Um delicioso Donut Caramelizado.
</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-primary mt-md-4 shadow p-3 mb-5 bg-body rounded">
<img src="images/—Pngtree—donut with yellow icing and_6863021.png" class="card-img-top img-fluid" alt="Donut Chocolate">
<div class="card-body ">
<h5 class="card-title px-1">Donut Chocolate <strong>R$ 22</strong></h5>
<p class="card-text">Um delicioso Donut Simples.</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-primary mb-4">
<img src="images/—Pngtree—donut with yellow icing and_6863021.png" class="card-img-top img-fluid" alt="Donut Morango Simples">
<div class="card-body">
<h5 class="card-title px-1">Donut Polvilhado <strong>R$ 15</strong></h5>
<p class="card-text">Um delicioso Donut Polvilhado.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- sobre -->
<section id="s_sobre">
<div class="container-fluid mt-4 ">
<div class="row">
<div class="col text-center">
<div class="mt-4 p-5 bg-primary text-white rounded">
<h1 id="sobre" class="d-inline display-1">
Sobre a
</h1>
<small class=" display-1 text-pink">
DonutStore
</small>
<p class="text-md-center mt-4">
A DonutStore foi Fundada por um Italiano Brabo da Familia Donut.
</p>
<p class="text-sm-end text-md-center">
A Familia Donut tiveram 5 primos que criaram os Donuts que conhecemos hoje.
</p>
<img class="img-fluid" height="400px" src="images/pngwing.com (4).png" alt="Happy Donut">
</div>
</div>
</div>
</div>
</section>
<section>
<footer>
</footer>
</section>
</main>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>