-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
225 lines (216 loc) · 8.6 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="shortcut icon"
href="images/robot.jpg"
type="image/x-icon"
/>
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="Main.css" />
<title>RobotEat</title>
</head>
<body>
<!-- Start Header -->
<header>
<input type="checkbox" id="button" />
<label for="button"><i class="fa-solid fa-bars"></i></label>
<a href="#" class="logo">RobotEat <span>•</span></a>
<nav>
<a href="#home">Home</a>
<a href="#about"> About </a>
<a href="#review "> Fundadores </a>
</nav>
</header>
<!-- End Header -->
<!-- start home section -->
<section class="home" id="home">
<div class="content">
<h2>RobotEat</h2>
<h3>Tecnologia A tu casa</h3>
<p>
En RobotEat, estamos revolucionando el delivery de comida con nuestra flota de robots autónomos. Disfruta de tu comida favorita, entregada con precisión y rapidez, directamente a tu puerta. Nuestro compromiso es brindarte una experiencia de entrega innovadora y sin contacto.
</p>
</div>
</section>
<!-- end home section -->
<!-- Start About Section -->
<section class="about" id="about">
<p class="heading"><span>Acerca</span>De Nosotros</p>
<div class="row">
<div class="video-container">
<img src="images/GifImagerobot.gif" alt="Robot de entrega">
<h3>Delivery Veloz</h3>
</div>
<div class="content">
<h1>Por que preferirnos</h1>
<p>
En RobotEat, utilizamos la tecnología más avanzada para ofrecerte un servicio de entrega de comida rápido y eficiente. Nuestros robots están diseñados para navegar por la ciudad y llegar a tu puerta en el menor tiempo posible, asegurando que tu comida siempre llegue fresca y caliente.
</p>
<p>
En RobotEat, nos preocupamos por el medio ambiente. Nuestros robots funcionan con energía eléctrica, reduciendo la huella de carbono y ayudando a mantener nuestras ciudades más limpias y sostenibles.
</p>
<a href="#" class="btn">Learn More</a>
</div>
</div>
</section>
<!-- end About Section -->
<!-- icons section starts -->
<section class="icons-container">
<!-- icon 1 -->
<div class="icon">
<img src="images/icon-1.png" alt="" />
<div class="info">
<p>Rapida comrpa</p>
<small>Todas las ordenes</small>
</div>
</div>
<!-- icon 2 -->
<div class="icon">
<img src="images/icon-2.png" alt="" />
<div class="info">
<p>Reemolsos inmediatos</p>
<small>Reembolsos</small>
</div>
</div>
<!-- icon 3 -->
<div class="icon">
<img src="images/icon-3.png" alt="" />
<div class="info">
<p>Ofertas</p>
<small>Muchas ofertas a nuestros afiliados</small>
</div>
</div>
<!-- icon 4 -->
<div class="icon">
<img src="images/icon-4.png" alt="" />
<div class="info">
<p>Metodos de pago</p>
<small>Variedad de pagos</small>
</div>
</div>
</section>
<section class="review" id="review">
<p class="heading">Los<span> Fundadores</span></p>
<div class="review-content">
<!-- Review 1 -->
<div class="review-card">
<div class="stars">
<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>
<p>
Emmanuel es un programador de software altamente calificado con una pasión por la innovación tecnológica y la resolución de problemas complejos.Emmanuel se destaca por su capacidad para crear soluciones eficientes y robustas que satisfacen las necesidades de los usuarios.
</p>
<div class="user">
<img src="images/emmanuel.jpg" alt="" />
<div class="user-info">
<h3>Emmanuel Chacon</h3>
<span>CTO</span>
</div>
<i class="fas fa-quote-right"></i>
</div>
</div>
<!-- Review 2 -->
<div class="review-card">
<div class="stars">
<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>
<p>
Luis, el visionario CEO de Roboeat, se enorgullece de presentar la revolución en el mundo del delivery. Con una pasión innata por la tecnología y una visión clara del futuro, Luis ha liderado el desarrollo de Roboeat, una solución innovadora que combina tecnología de punta con un compromiso inquebrantable con la eficiencia, la seguridad y la sostenibilidad.
</p>
<div class="user">
<img src="images/luis.jpg" alt="" />
<div class="user-info">
<h3>Luis Cuellar</h3>
<span>CEO</span>
</div>
<i class="fas fa-quote-right"></i>
</div>
</div>
<!-- Review 3 -->
<div class="review-card">
<div class="stars">
<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>
<p>
Héctor, el apasionado CPO de Roboeat, es el motor creativo detrás de la revolución del delivery. Con una mente inquieta y una profunda comprensión de las necesidades del consumidor, Héctor ha liderado el diseño y desarrollo de Roboeat, un robot de delivery que no solo cumple con las expectativas, sino que las supera.
</p>
<div class="user">
<img src="images/hector.jpg" alt="" />
<div class="user-info">
<h3>Hector Márquez</h3>
<span>CPO</span>
</div>
<i class="fas fa-quote-right"></i>
</div>
</div>
</div>
</section>
<!-- Start Contact Section -->
<!-- <section class="contact" id="contact">
<p class="heading"><span>Contact</span>Us</p>
<div class="contact-content">
<form>
<input type="text" placeholder="Name" />
<input type="email" placeholder="[email protected]" />
<input type="text" placeholder="Number" />
<textarea placeholder="Message ..."></textarea>
<button type="submit">Send Message</button>
</form>
<img src="images/contact-img.svg" />
</div>
</section> -->
<!-- End Contact Section -->
<footer>
<div class="footer-content">
<div class="box">
<h3>Accesos Directos</h3>
<a href="#home"> Home </a>
<a href="#about">Acerca De </a>
<a href="#products "> Productos</a>
<a href="#review"> Fundadores</a>
</div>
<!-- <div class="box">
<h3>Extra Links</h3>
<a href="#"> My Account </a>
<a href="#">My Order </a>
<a href="# "> My Favorite</a>
</div>
<div class="box">
<h3>Locations</h3>
<a href="#"> Tangier</a>
<a href="#"> Hoceima </a>
<a href="# "> Tetouan</a>
<a href="#"> Marrakesh</a>
<a href="#">Ifran</a>
</div> -->
<div class="box">
<h3>Contacto</h3>
<p>+58 424 721 80 62</p>
<p>[email protected]</p>
<p>S/C, Estado Táchira</p>
<div style="display: flex; justify-content: center; align-items: center; margin: 0 auto;">
<a href="https://www.facebook.com/profile.php?id=61560697828151&mibextid=JRoKGi" target="_blank"> <img src="images/facebook.png" width="50" height="50" alt="facebook"> </a>
<a href="https://www.instagram.com/roboteat?utm_source=qr&igsh=dW8zcHNnaHdkN2l2" target="_blank"> <img src="images/instagram.png" width="50" height="50" alt="instagram"> </a>
<a href="https://www.tiktok.com/@roboteat.roboteat" target="_blank"><img src="images/tiktok.png" width="50" height="50" alt="tiktok"> </a>
</div>
</div>
</div>
</footer>
<!-- Start footer section -->
</body>
</html>