Parcial N2 de Aplicaciones de internet
Contacto: cocinamaxi22@gmail.com |
Número: 1128999223 |
Direccion: Chacabuco 917 |
Quienes somos |
Terminos y condiciones
'*•.¸♡ ♡¸.•*' Recetas faciles con Maxi '*•.¸♡ ♡¸.•*'
¡Bienvenidos a nuestra página "Recetas faciles con Maxi", donde nos gusta explor el arte culinario con pasión! Acá vas a encontrar una gran variedad de recetas desde platos tradicionales hasta innovadoras recetas gourmet. Nuestro objetivo es el que puedas disfrutar de los mejores manjares a la hora de cocinar, ofreciéndote paso a paso las recetas más deliciosas y prácticas, acompañadas de consejos útiles y técnicas profesionales. ¡Preparate para descubrir el placer de cocinar para vos y a tus seres queridos con sabores excepcionales!
FORMULARIO DE CONTACTO ffffffffffffffffffffffffffffffffffffffffISHH
css::
* {
box-sizing: border-box;
}
$primary: hsl(260, 100%, 80%);
html,
body {
height: 100vh;
width: 100vw;
}
body {
margin: 0;
display: grid;
place-items: center;
background-color: #f3ca73c9;
font-family: system-ui, sans-serif;
}
nav,
.nav-item {
display: flex;
}
nav {
border-radius: 6px;
background-image: linear-gradient(
rgb(48, 48, 48) 13%,
rgb(30, 30, 30) 40%,
#000000c9 86%
);
color: rgba(255, 255, 255, 0.6);
text-shadow: 0 -2px 0 black;
cursor: pointer;
box-shadow: 1px 2px 4px rgb(20, 20, 20), 0 4px 12px rgb(10, 10, 10);
}
.nav-item {
flex-direction: row-reverse;
font-size: 0.8999rem;
line-height: 1rem;
align-items: center;
min-width: 200px;
justify-content: space-between;
transition: all 80ms ease;
&.active {
color: $primary;
text-shadow: 0 0 3px hsla(260, 100%, 70%, 0.7);
}
&:not(.active):hover {
color: rgba(255, 255, 255, 0.87);
}
&:hover > .icon .subicon {
height: 32px;
width: 32px;
border-radius: 32px;
top: -16px;
right: -16px;
border-color: white;
}
&:not(:first-of-type) {
border-left: 1px solid rgb(60, 60, 60);
}
&:not(:last-of-type) {
border-right: 0.1rem solid black;
}
a {
color: inherit;
text-decoration: none;
padding: 1ch;
}
.icon {
padding: 1ch;
position: relative;
.subicon {
text-shadow: none;
transition: all 40ms ease;
position: absolute;
top: -3px;
right: -3px;
background: red;
color: white;
box-shadow: 0 0 4px rgba(41, 41, 41, 0.405);
width: 18px;
height: 18px;
border-radius: 14px;
font-size: 0.7em;
font-weight: 700;
display: inline-grid;
place-items: center;
border: 2px solid mix(white, red);
}
}
.icon > svg {
max-width: 16px;
}
}
#eilish {
width: 100%;
margion: 0px;
border:1px solid black;
width: 1100px;
}
header {
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
background-image: url("https://st2.depositphotos.com/1005682/10201/i/950/depositphotos_102017044-stock-photo-healthy-food-background.jpg");
}
h1 { text-align: center;
}
nav ul li {
float: left;
list-style: none;
margin: 10px;
}
#billie{
border:1px solid black;
width: 1100px;
float: left;
background-color: aliceblue;
}
#kaos {
align-items: center;
float: center;
width:1100px;
border:1px solid black;
background-image: url("https://image.freepik.com/vector-gratis/tomates-patrones-fisuras-fondo-blanco-tomates-enteros-rodajas-hojas_1284-41571.jpg") ;
}
div h2 {
text-align: center;
color: red;
text-shadow: black;
background-color: black;
}
footer {
width:1100px ;
}
h2 {
animation-duration: 3s;
animation-name: slidein;
}
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
div p{
text-align: center;
color: red;
text-shadow: black;
background-color: black;
}
Receta de Mollejas de cerdo
Receta de Sajta de pollo
Receta de Sopes mexicanos