Skip to content
Open

nuevo #570

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file not shown.
Binary file removed 01 - INTRO/practicas/2.-persona.pdf
Binary file not shown.
Binary file added 01 - INTRO/practicas/2.-persona_jfcosmos.pdf
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 01 - INTRO/practicas/5.-UI_Abogabot_jfcosmos.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02 - HTML/Cliente_CakeJFCOSMOS_Pasteleria.pdf
Binary file not shown.
Binary file added 02 - HTML/Cliente_CakeJFCOSMOS_Pasteleria.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02 - HTML/Menu_del_pastelero_CakesJFCOSMOS.pdf
Binary file not shown.
Binary file added 02 - HTML/Menu_del_pastelero_CakesJFCOSMOS.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02 - HTML/Tacosmos.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02 - HTML/logoTacosmos.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02 - HTML/pastel-de-fresa.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 34 additions & 0 deletions 02 - HTML/pedido.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<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" />
<title>Orden</title>
</head>

<body>
<h1>Aqui se hace el pedido</h1>
<form action="pedido.js">
<label for="Nombre">Danos tú Nombre</label><br>
<input type="text" id="Nombre" name="Nombre" placeholder="Nombre">
<br><br>
<label for="mesa">Tú mesa (Está el número abajo)</label><br>
<input type="number" id="mesa" name="mesa" placeholder="4">

<p>Para aquí o para llevar?</p>
<input type="radio" id="aqui" name="aquiollevar" value="Aqui">
<label for="aqui">Aqui</label><br>
<input type="radio" id="llevar" name="aquiollevar" value="Llevar">
<label for="llevar">Llevar</label><br>


</form>


<footer>
<p>Tacosmos, Bulevard #1057 Pte, Tel: 461 666 999 Horarios: 10:00 a 18:00 hrs </p>
</footer>

</body>
</html>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
110 changes: 110 additions & 0 deletions 02 - HTML/practicas/paginaCliente/practicaPasteleriajfcosmos.html

Large diffs are not rendered by default.

112 changes: 112 additions & 0 deletions 02 - HTML/practicas/paginaPastelero/practicaPastelerojfcosmos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="es">
<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" />
<title>Menú del pastelero</title>
</head>
<body>
<!-- Headings -->
<h1>Pastelería jfcosmos menú Pastelero</h1>

<!-- Parrafos -->
<p>
Pagína del pastelero donde encontrara los ingredientes que les queda para el pedido
</p>

<!-- Links / Enlaces -->

<!-- Imágenes -->
<img
src=""
alt="Pasteles en una pasteleria"
width="350px"
height="350px"
/>

<!-- Tablas -->
<table>
<tr>
<th>Pastel</th>
<th>Cantidad que queda</th>
</tr>
<tr>
<td>Limon</td>
<td> <label for="vol">Piezas (entre 0 y 50):</label>
<input type="range" id="vol" name="vol" min="0" max="50" /></td>
</tr>
<tr>
<td>Fresa</td>
<td> <label for="vol">Piezas (entre 0 y 50):</label>
<input type="range" id="vol" name="vol" min="0" max="50" /></td>
</tr>
<tr>
<td>Tres leches</td>
<td> <label for="vol">Piezas (entre 0 y 50):</label>
<input type="range" id="vol" name="vol" min="0" max="50" /></td>
</tr>
</table>

<table>
<tr>
<th>Adorno</th>
<th>Cantidad de Adornos</th>
</tr>
<tr>
<td>Flores</td>
<td> <label for="vol">Piezas (entre 0 y 50):</label>
<input type="range" id="vol" name="vol" min="0" max="50" /></td>
</tr>
<tr>
<td>Dibujos</td>
<td> <label for="vol">Piezas (entre 0 y 50):</label>
<input type="range" id="vol" name="vol" min="0" max="50" /></td>
</tr>
<tr>
<td>Velas</td>
<td> <label for="vol">Piezas (entre 0 y 50):</label>
<input type="range" id="vol" name="vol" min="0" max="50" /></td>
</tr>
</table>

<h2>El cliente selecciono con las siguientes caracteristicas (Sabores,tamaño y adorno)</h2>
<br />
<form action="/accion.js" id="form1" method="post">


<label for="numero1">Nombre del cliente</label><br />
<input type="number" id="numero1" name="numero1" /><br /><br />
<label for="correo1">Correo del Cliente</label><br />
<input type="email" id="correo1" name="correo1" /><br /><br />
<label for="numero1">El Número Telefonico del cliente es</label><br />
<input type="number" id="numero1" name="numero1" /><br /><br />

<label for="correo1">Ingredientes, Adornos y Caracteristicas que tiene el pedido</label><br />
<input type="checkbox" id="topping1" name="topping1" value="Limon" />
<label for="topping1">Limon</label><br />
<input type="checkbox" id="topping2" name="topping2" value="Fresa" />
<label for="topping2">Fresa</label><br />
<input type="checkbox" id="topping3" name="topping3" value="TresLeches" />
<label for="topping3">Tres Leches</label><br />
<input type="checkbox" id="topping3" name="topping3" value="Chico" />
<label for="topping3">Chico</label><br />
<input type="checkbox" id="topping3" name="topping3" value="Mediano" />
<label for="topping3">Mediano</label><br />
<input type="checkbox" id="topping3" name="topping3" value="Grande" />
<label for="topping3">Grande</label><br />
<input type="checkbox" id="topping3" name="topping3" value="Flores" />
<label for="topping3">Flores</label><br />
<input type="checkbox" id="topping3" name="topping3" value="Dibujo" />
<label for="topping3">Dibujo</label><br />
<input type="checkbox" id="topping3" name="topping3" value="Velas" />
<label for="topping3">Velas</label><br />

</form>

<footer>
<p>Pastelería jfcosmos, Bulevard #1057 Pte, Tel: 461 666 999 Horarios: 10:00 a 18:00 hrs </p>
</footer>

</body>
</html>
87 changes: 87 additions & 0 deletions 02 - HTML/tacosmos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<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" />
<title>TACOSMOS</title>
</head>

<body>
<h1>Bienvenidos taconautas</h1>
<!-- Imágenes -->
<img
src="./logoTacosmos.jpeg "
alt="Tacosmos"
width="350px"
height="350px"
/>
<!-- Parrafos -->
<p>
Biervenidos a la taqueria el Tacosmos la cula cuenta con muchas intersantes bebibas y alimentos.
</p>
<h2>Menú de Tacos</h2>
<p>taco de Mercurio (Pastor)-----------------$14.0</p>
<p>taco de Venus (Suadero)-----------------$14.0</p>
<p>taco de Tierra (Tripa)-----------------$14.0</p>
<p>taco de Marte (chorizo)-----------------$14.0</p>
<p>taco de Jupiter (Lengua)-----------------$14.0</p>
<p>taco de Saturno (Maciza)-----------------$14.0</p>
<p>taco de Urano (Cachete)-----------------$14.0</p>
<p>taco de Neptuno (Ojo)-----------------$14.0</p>
<p>taco de Pluton (campechano)-----------------$14.0</p>
<!-- Links / Enlaces -->
<hr>
<h2>Paquetes</h2>
<dl>
<dt>Paquete Galaxia</dt>
<dd>50 tacos a elegir con salsas y verdura aparte</dd>
<dt>Paquete Planeta</dt>
<dd>25 Tacos a elegir con salsas y verdura aparte</dd>
<dt>Paquete Asteroide</dt>
<dd>12 Tacos a elegir con salsas y verdura aparte</dd>
<dt>Paquete Luna</dt>
<dd>5 Tacos a elegir con salsas y verdura aparte</dd>
</dl>

<hr>
<h2>Bebidas</h2>
<ul>
<li>Refrescos
<ul>
<li>Coca cola</li>
<li>Fanta</li>
<li>Manzana </li>
<li>Sprite</li>
<li>Sangrita</li>
<li>Mango</li>
<li>Guayaba</li>
</ul>
</li>
<li>Aguas Frescas
<ul>
<li>Horchata</li>
<li>Tamarindo</li>
</ul>
</li>
<li>
<ul>
<li>Modelo especial</li>
<li>Victoria</li>
<li>Heinieken</li>
</ul>
</li>
</ul>

<a href="./pedido.html">
<input type="button" value="Hacer pedido ">
</a>
<br></br>


<footer>
<p>Tacosmos, Bulevard #1057 Pte, Tel: 461 666 999 Horarios: 10:00 a 18:00 hrs </p>
</footer>

</body>
</html>
124 changes: 124 additions & 0 deletions 03 - CSS/practica/css/estilosVacunacion.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
font-size: 62.5%;
}
.page-header{
display: flex;
flex-wrap: wrap;
margin: 2vh;


}
.titulo1{
font-size: 2rem;
color: #3656d4;
width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.nav{
display: contents;
}
.main-nav{
font-size: 1.6rem;
color: #6D7B93;
width: 50%;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: right;
}

.main-nav__item a{
text-decoration: none;
color: #6D7B93;
padding: 5px;
}

.main-nav__item .Hoax {
color: white;
border-radius: 0.2rem;
background-color: #3959d6;
padding:0.5rem;
}

.Hoax:hover{
color: yellow;
}

.section1{
display: flex;
flex-wrap: wrap;
}
.section1__div{
width: 50%;
}
.h1p1{
font-size: 9rem;
margin: 5rem 5rem;
color: #1f3e72;
}
.p1{
font-size: 2.6rem;
color: #1f3e72;
padding:0.5rem 6rem ;
}
.ul2{
font-size: 2rem;
color: #1f3e72;
display: flex;
padding: 0.5rem 6rem;
text-decoration: none;
list-style: none;
}
.ul2__li1{
padding-left: 0.5rem;
}

.ul2__li2{
padding: 0rem 12rem;
}
.ul2__li1 img{
width: 1.5rem;
height: 1.5rem;
}
.ul2_li2 img{
width: 1.5rem;
height: 1.5rem;
}
.p2{
color: #1f3e72;
font-size: 3rem;
padding: 0.5rem 6rem;

}
.p2 img{
width: 1.9rem;
height: 1.9rem;
}
form{
position: absolute;
display: flex;
top: 951px;
left: 118px;
background: #fff;
width: 86%;
height: 31%;
border-radius: 5px;
box-shadow: 5px 5px 10px rgb(0 0 0 / 43%);

}
.section1__div2{

font-size: 2rem;
color: black;
display: flex;
flex-wrap: wrap;
padding:0rem;
color: #1f3e72;
}
Binary file added 03 - CSS/practica/estrategiaVacunacion.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 03 - CSS/practica/estrategiaVacunacion.pdf
Binary file not shown.
Loading