-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (140 loc) · 6.96 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
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css/style.css"/>
<title>OpenFit</title>
</head>
<body>
<header style="background-image: url('img/background.png');">
<div class="container">
<nav>
<a href="index.html">
<img src="img/logo principal png.png" alt="Logo">
</a>
<ul class="ul">
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="servicos.html">Serviços</a></li>
<li><a href="trabalhe.html">Trabalhe Conosco</a></li>
<li><a class="btn" href="contato.html">Contato</a></li>
</ul>
<div class="menu-icon"></div>
</nav>
<section class="banner">
<div class="banner-text">
<h1>OpenFit</h1>
<p>Bem-vindos à nossa marmitaria</p>
<a href="contato.html" class="btn">Entrar em contato</a>
</div>
</section>
</div>
</header>
<section class="faca-mais">
<div class="container">
<div class="faca-mais-text">
<h3>Faça mais com OpenFit</h3>
<p>
Somos uma marmitaria com foco no público fitness, especialmente para aqueles que não têm tempo ou aptidão para cozinhar as próprias refeições.
</p>
<a href="contato.html" class="btn animate-btn">Entrar em contato</a>
</div>
<div class="faca-mais-img">
<img src="img/chef.jpg" alt="Chef cozinhando">
</div>
</div>
</section>
<section class="produtos">
<div class="container">
<h3>Nossos Planos</h3>
<div class="plano">
<div class="plano-card">
<img src="img/diario.png" alt="Plano Diário">
<h4>Plano Diário</h4>
<p><strong>R$ 20,00</strong></p>
<p>Refeição produzida no dia.</p>
</div>
<div class="plano-card">
<img src="img/semanal.png" alt="Plano Semanal">
<h4>Plano Semanal</h4>
<p><strong>R$ 90,00</strong></p>
<p>5 marmitas para a semana.</p>
</div>
<div class="plano-card">
<img src="img/mensal.png" alt="Plano Mensal">
<h4>Plano Mensal</h4>
<p><strong>R$ 324,00</strong></p>
<p>20 marmitas para o mês.</p>
</div>
</div>
</div>
</section>
<section class="depoimentos">
<div class="container">
<h3>Nossos Depoimentos</h3>
<p>Veja o que nossos clientes falam de nós para o mundo</p>
<div class="cards">
<!-- Primeiro card-->
<div class="card-item">
<img src="img/ana-beatriz-perfil.jpg" alt="Ana Beatriz">
<p class="nome-user">Ana Beatriz, 28 anos, Personal Trainer</p>
<p class="depoimento-user">A OpenFit salvou minha rotina! Como alguém que treina diariamente e trabalha em tempo integral, encontrar refeições saudáveis e equilibradas era um desafio. Agora, recebo minhas marmitas fresquinhas todos os dias e com a certeza de que estou me alimentando de forma nutritiva.
</p>
<div class="estrela">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half"></i>
</div>
</div>
<!--Fim do primeiro card-->
<!-- Segundo card-->
<div class="card-item">
<img src="img/lucas-ribeiro.jpg" alt="Lucas Ribeiro">
<p class="nome-user">Lucas Ribeiro, 34 anos, Analista de Sistemas</p>
<p class="depoimento-user">Com a correria do dia a dia, acabava comendo qualquer coisa. Desde que comecei a comprar o plano semanal da OpenFit, percebi uma grande diferença no meu bem-estar. As refeições são deliciosas e super práticas! O melhor é que sei que estou cuidando da minha saúde, sem perder tempo na cozinha.
</p>
<div class="estrela">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<!--Fim do segundo card-->
<!-- terceiro card-->
<div class="card-item">
<img src="img/carolina-mendes-perfil.jpg" alt="Carolina Mendes">
<p class="nome-user">Carolina Mendes, 40 anos, Empresária</p>
<p class="depoimento-user">Sempre tive dificuldade em manter uma alimentação saudável por falta de tempo e habilidade na cozinha. A OpenFit resolveu esse problema com o plano mensal, e hoje não preciso mais me preocupar com o que vou comer. As refeições são incríveis, equilibradas e super saborosas. Melhor escolha que fiz!
</p>
<div class="estrela">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half"></i>
</div>
</div>
<!--Fim do terceiro card-->
</div>
</div>
</section>
<!--Rodapé-->
<footer class="footer">
<div class="container">
<div class="links">
<a href="https://www.instagram.com/gustavo_jacome_/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/gustavofjacome"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/gustavofjacome"><i class="fa-brands fa-linkedin"></i></a>
</div>
<p>Desenvolvido por Gustavo Jácome</p>
</div>
</footer>
<!--FIM Rodapé-->
</body>
</html>