forked from Juann0708/BeduTravels
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
65 lines (63 loc) · 2.47 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Bedu Travels</title>
<link rel="stylesheet" href="./assets/css/index.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>
<body>
<nav class="menu_main">
<a href="#">Bedu Travels</a>
<li href="#">
<p>Inicia sesión</p>
<ul class="sub_menu">
<li>Usuario</li>
<input class="user" type="text">
<li>Contraseña</li>
<input class="password" type="text">
<button class="login">Iniciar Sesión</button>
<li><a href="#">Registrate</a></li>
</ul>
</li>
</nav>
<div>
<section class="container1">
<div class="jumbotron">
<h2>Increibles tours alrededor del mundo</h2>
<h3>Encuentra grandes experiencias, viajes, y actividades a precios fantasticos alrededor del mundo</h3>
</div>
<div class="searchbar">
<input size="60" type="text" class="searchbar" placeholder="¿A dónde vas?... "/>
<button class="search" type="button"><i class="fas fa-search"></i></button>
</div>
</section>
</div>
</div>
</div>
<h2>Destinos preferidos</h2>
<h3>Mira nuestros destinos favoritos alrededor del mundo</h3>
<section class="destinations">
<div class="grid-container">
<div class=""><img class="gridmx" src="./assets/img/cdmx.jpeg" alt="Tour CDMX"></div>
<div class=""><img src="./assets/img/colombia.jpg" alt="Tour Colombia"></div>
<div class=""><img src="./assets/img/francia.jpg" alt="Tour Francia"></div>
</div>
<div class="second-row">
<img src="./assets/img/panama.jpg" alt="Tour por Panama">
<img src="./assets/img/argentina.jpg" alt="Tour por Argentina">
</div>
<div class="third-row">
<img src="./assets/img/angeles.jpeg" alt="Tour por Los Angeles">
<img src="./assets/img/brasil.jpg" alt="Tour por Brasil">
</div>
</section>
<footer>
<div class="container">
<h3>Bedu Travels</h3>
<h4>[email protected]</h4>
</div>
</footer>
</body>
</html>