-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (149 loc) · 5.37 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
<doctype! html>
<html class="estilo">
<head>
<title> Pastelitos Exóticos </title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" href="/css/imprimir.css" media="print" />
<div>
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1 class="subtitulo"><a href="index.html"> Pastelitos Exóticos </a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="Search.html">Inventario</a></li>
<li class="has-dropdown">
<a href="#">Contácto</a>
<ul class="dropdown">
<li><a href="#">Luis Fernando</a></li>
<li><a href="#">Eduardo Alessi</a></li>
<li class="active"><a href="#">[email protected]</a></li>
<li class="active"><a href="#">[email protected]</a></li>
</ul>
</li>
</ul>
</section>
</nav>
</div>
<div>
<center><img id="portada" src="Get-A-Read.png"/></center>
</div>
<div class="row">
<div class="arrow">
<center><img src="arrow.jpg"></center>
<center><h3>Pasteles y panes para toda ocasión con...!</h3></center>
</div>
</div>
<div class="row">
<center><h1 class="subtitulo"> Pastelitos Exóticos </h1></center>
<center><h3 class="subtitulo">Pasteles y panes por mayoreo para toda ocasión</h2></center>
</div>
<div class="row">
<div class="small-9 columns" id="eproblema"><h4 class="subtitulo">¿Qué es Pastelitos Exóticos?</h4>
<p> Pastelitos Exóticos es, de la panadería para panes y pasteles por mayorie y minoreo más completa del país.</p>
</div>
<div class="small-3 columns" id="problema">
<li class="has-form">
<div class="row collapse">
<div class="large-8 small-9 columns">
<input type="text" placeholder="Buscar...">
</div>
<div class="large-4 small-3 columns">
<a href="Search.html" class="alert button expand">Buscar</a>
</div>
</div>
</li>
</div>
</div>
<link rel="stylesheet" type="text/css" href="/css/imprimir.css" media="print" />
<div class="row">
<div class="large-4 columns" id="else">
<center><img src="indexpic1.jpg"/></center>
</div>
<div class="small-8 columns" id="eelse">
<h4 class="subtitulo">La magia detras de Pastelitos Exóticos...</h4>
<ul>
<li>Compra panes y pastelitos para toda ocasión, por mayoreo o minoreo!</li>
<li>El usuario escribe el pan o pastel en la barra de búsqueda</li>
<li>Pastelitos Exóticos busca en base de datos los postres relacionados con eventos como: <em>fiestas, cumpleaños, reuniones, etc...</em></li>
</ul>
</div>
</div>
<div class="row">
<div class="large-8 columns" id="esolucion">
<h4 class="subtitulo">¿Quiénes pueden usarlo?</h4>
<p>¡Todos pueden usar el app de Pastelitos Exóticos! Se encuentra tanto en navegadores de la computadora y móbiles. Se pretende que cualquiera pueda usar este buscador para poder encontrar sus postres mas fácil y rápido</p>
</div>
<div class="large-4 columns" id="solucion">
<center><img src="indexpic2.jpg"/></center>
</div>
</div>
<div class="row">
<div class="small-6 large-5 columns" id="resumen">
<center><img src="indexpic3.jpg"/></center>
</div>
<div class="small-6 large-7 columns" id="eresumen">
<h4 class="subtitulo">¡Comparte y califica!</h4>
<p>Como usuario de Pastelitos Exóticos, puedes ayudar a la comunidad de la página calificando y compartiendo los links que el buscador Pastelitos Exóticos encuentre cada vez que buscas un postre. De esta manera podemos saber cuales links estan <em>sanos</em> y <em>deliciosos</em>.</p>
</div>
</div>
<div class="row">
<div class="arrow">
<center><img src="arrow.jpg"></center>
<center><h2>¡Las maravillas de la panadería a tu alcance!</h2></center>
</div>
</div>
<div class="large-12">
<div id="slider">
<ul class="example-orbit" data-orbit>
<li>
<center><img class="galeria" src="gallery1.jpg" alt="slide 1" /></center>
<div class="orbit-caption">
Pasteles cuando quieras y como quieras
</div>
</li>
<li class="active">
<center><img class="galeria" src="gallery2.jpg" alt="slide 2" /></center>
<div class="orbit-caption">
Todo tipo de sabores para ti
</div>
</li>
<li>
<center><img class="galeria" src="gallery3.jpg" alt="slide 3" /></center>
<div class="orbit-caption">
La comodidad de poder ordenar postre sin salir de casa
</div>
</li>
<li>
<center><img class="galeria" src="gallery4.jpg" alt="slide 4" /></center>
<div class="orbit-caption">
Anima tus reuniones con pasteles!
</div>
</li>
<li>
<center><img class="galeria" src="gallery5.jpg" alt="slide 5" /></center>
<div class="orbit-caption">
Explora aquellos bellos rincones del sabor
</div>
</li>
</ul>
</div>
</div>
<div id="salida">UA-61097519-1
<a href="terminosycondiciones.html"><p style="color: white">Ayuda</p></a>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</div>
</html>