-
Notifications
You must be signed in to change notification settings - Fork 0
/
about_us.html
133 lines (126 loc) · 6.07 KB
/
about_us.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>About Us</title>
</head>
<body>
<div class="fixed-header">
<nav>
<a href="index.html"> Home</a>
<a href="about_us.html">About Us</a>
<a href="contacto.html">Contacto</a>
<a href="promos.html">Promociones</a>
<a href="tours.html">Tours</a>
<div class="search-container">
<form action="#">
<input type="text" placeholder="Buscar..">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</nav>
</div>
<div class="fixed-footer">
<div class="social-media">
<a href="#" target="_blank">
<img src="img\facebook.png" alt="Facebook logo">
</a>
<a href="#" target="_blank">
<img src="img\instagram.png" alt="Facebook logo">
</a>
<a href="#" target="_blank">
<img src="img\twitter.png" alt="Facebook logo">
</a>
<a">Tel. (998) 454 32 85
</a>
</div>
</div>
<h1>About Us</h1>
<div class="secciones">
<input id="collapsible1" class="toggle" type="checkbox">
<label for="collapsible1" class="lbl-toggle">Speech</label>
<div class="collapsible-content">
<div class="content-inner">
<p>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque
corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita
distinctio."
</p>
</div>
</div>
</div>
<div class="secciones">
<input id="collapsible2" class="toggle" type="checkbox">
<label for="collapsible2" class="lbl-toggle">Valores</label>
<div class="collapsible-content">
<div class="content-inner">
<p>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque
corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita
distinctio."
</p>
</div>
</div>
</div>
<div class="secciones">
<input id="collapsible3" class="toggle" type="checkbox">
<label for="collapsible3" class="lbl-toggle">Historia</label>
<div class="collapsible-content">
<div class="content-inner">
<p>
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque
corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita
distinctio."
</p>
</div>
</div>
</div>
<div class="secciones">
<div class="info">
<h2>Fundadores</h2><br>
<div class="fundadores">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="image-circle" src="img\fundador1.jpg" alt="fundador">
</div>
<div class="flip-card-back">
<h1>KeMonito</h1>
<p>Puro Power el compa</p>
<p>Velo que guapo</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="image-circle" src="img\fundador2.jpg" alt="fundador">
</div>
<div class="flip-card-back">
<h1>Shrek</h1>
<p>Siempre a la moda</p>
<p>Le gana a Thanos</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="image-circle" src="img\fundador3.jpg" alt="fundador">
</div>
<div class="flip-card-back">
<h1>Pollito</h1>
<p>Re facha el pana</p>
<p>Trae crocks</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>