<!
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">
<!-- fontawesoeme link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.3/css/all.min.css">
<!-- css link here -->
<link rel="stylesheet" href="style.css">
<title>karina Restauran</title>
</head>
<body>
<header class="header">
<div class="logo">
<h1><i class="fas fa-utensils"></i>Karina <span>Food</span></h1>
</div>
<nav class="navbar">
<a href="#home">Inicio</a>
<a href="#menu">menu</a>
<a href="#">Ordenes</a>
<a href="#">Registro</a>
</nav>
<div class="icons">
<div id="menu-bar" class="fas fa-bars"></div>
<div id="cart"><i class="fas fa-cart-plus"></i></div>
</div>
<div class="add-cart">
<div class="main-cart">
<img src="./images/86.jpg" alt="">
<button>go to cart</button>
<i class="fas fa-times"></i>
</div>
<div class="main-cart">
<img src="./images/87.jpg" alt="">
<button>go to cart</button>
<i class="fas fa-times"></i>
</div>
<div class="main-cart">
<img src="./images/89.jpg" alt="">
<button>go to cart</button>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<div class="Delicias de la casa"id="home">
<div class="main-home">
<div class="inner-home">
<div class="left-content-home">
<h1>All In Good Taste <br> mejores helados</h1>
<p>Para estos helados de frutas he escogido algunas de las que
menor índice glicémico tienen (hidratos de carbono), como la piña y el kiwi.
Además, al poner tantos trocitos pequeños, la cantidad de fruta que estamos
comiendo tampoco es mucha que digamos.
.</p>
<button>Read More</button>
</div>
</div>
<div class="inner-home">
<div class="home-img">
<img src="images/main image.png" alt="">
</div>
</div>
</div>
</div>
<div class="About">
<h1> Disfrutas tus Antojos</h1>
<div class="main-about">
<div class="inner-about">
<div class="about-img">
<img src="./images/sun.jpg" alt="">
</div>
</div>
<div class="inner-about">
<div class="right-content-about">
<h3>Placeres de la vida</h3>
<h2>vive tus antojos <br> vive tu via </h2>
<p>También podría haberle puesto sandía, pero no tenía (cosas que
pasan). Sí que por ejemplo no recomiendo usar limón (porque masticar un trozo de
limón no es que sea muy agradable) ni manzana, porque se quedan muy ricos .</p>
<p>Luego, para unir las frutas nos hará falta un poco de zumo. Yo
creo que el que mejor le queda es el zumo de piña, que es fresquito, cítrico, y lo
puedes hacer natural sin azúcar. Si quieres usar otro zumo, también sirve.</p>
<button>Read More</button>
</div>
</div>
</div>
</div>
<div class="our-menu-item">
<div class="heading-menu">
<h3>Menu</h3>
<h1>Explora nuestro menu</h1>
</div>
<div class="main-menu">
<div class="inner-menu">
<div class="menu-main-icon">
<i class="fas fa-lock"></i>
<i class="fas fa-heart"></i>
</div>
<div class="menu-content">
<div class="image-overlay"></div>
<img src="./images/helado-dulce-chocolate_144627-7297.jpg"
alt="">
<h4>Helado de vainilla</h4>
<div class="menu-star">
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
<div class="inner-menu">
<div class="menu-main-icon">
<i class="fas fa-lock"></i>
<i class="fas fa-heart"></i>
</div>
<div class="menu-content">
<div class="image-overlay"></div>
<img src="./images/helado-dulce-chocolate_144627-7294.avif"
alt="">
<h4>Helado de chocolate</h4>
<div class="menu-star">
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
<div class="inner-menu">
<div class="menu-main-icon">
<i class="fas fa-lock"></i>
<i class="fas fa-heart"></i>
</div>
<div class="menu-content">
<div class="image-overlay"></div>
<img src="./images/conos-helado_1101-962.jpg" alt="">
<h4>Helado de crema </h4>
<div class="menu-star">
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
<div class="inner-menu">
<div class="menu-main-icon">
<i class="fas fa-lock"></i>
<i class="fas fa-heart"></i>
</div>
<div class="menu-content">
<div class="image-overlay"></div>
<img src="./images/89.jpg" alt="">
<h4>Helado de convinacion </h4>
<div class="menu-star">
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
<div class="inner-menu">
<div class="menu-main-icon">
<i class="fas fa-lock"></i>
<i class="fas fa-heart"></i>
</div>
<div class="menu-content">
<div class="image-overlay"></div>
<img src="./images/86.jpg" alt="">
<h4>helado de mani </h4>
<div class="menu-star">
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
<div class="inner-menu">
<div class="menu-main-icon">
<i class="fas fa-lock"></i>
<i class="fas fa-heart"></i>
</div>
<div class="menu-content">
<div class="image-overlay"></div>
<img src="./images/87.jpg" alt="">
<h4>Helado de frutas</h4>
<div class="menu-star">
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="chose-us">
<div class="chose-headings">
<h4>ATREVETE A PROBARLOS</h4>
<h1>Mejores sabores</h1>
</div>
<div class="main-chose">
<div class="inner-chose">
<div class="chose-content">
<h2>Pruebalos</h2>
<p>helado es ideal para las personas que les encanta el dulce y
quieren consumirlo de una manera saludable sin renunciar al sabor. Y es que, a
diferencia de los polos de fruta, los helado.</p>
</div>
</div>
<div class="inner-chose">
<div class="chose-content">
<h2>Delicias</h2>
<p>adipisicing elit. Est, repudiandae, explicabo amet possimus
blanditiis asperiores animi quidem obcaecati ipsam recu</p>
</div>
</div>
<div class="inner-chose">
<div class="chose-content">
<h2>Apetitoso</h2>
<p>adipisicing elit. Est, repudiandae, explicabo amet possimus
blanditiis asperiores animi quidem obcaecati ipsam recu</p>
</div>
</div>
</div>
</div>
<div class="history">
<div class="home" id="history">
<div class="main-home">
<div class="inner-home">
<div class="left-content-home history-para">
<h2>Historia</h2>
<h1>Helado de frutas <br> Receta de la casa</h1>
<p>Desde el 2005 trabajando para brindar un helado gourmet de
calidad. Granclément es la fusión de la textura del helado tradicional francés y
los aromas, frutas y colores de esta tierra llena de sabor..</p>
<p>El verano es la época perfecta para comer un helado de fruta
casero, y sea cual sea tu sabor favorito, saborear uno de ellos te regulará la
temperatura y te hará olvidar los meses de tanto calor.</p>
<button>Read More</button>
</div>
</div>
<div class="inner-home">
<div class="home-img">
<img src="./images/historia.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="latest-new">
<div class="latest-heading">
<h3>News</h3>
<h1>Latest News</h1>
</div>
<div class="main-latest">
<div class="inner-latest">
<div class="inner-content">
<img src="images/news1.png" alt="">
<div class="latest-content">
<h2>Comentarios</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Sit sed ad dolor laudantium, similique pariatur velit</p>
<a href="#">Read More</a>
</div>
</div>
</div>
<div class="inner-latest">
<div class="inner-content">
<img src="images/news2.png" alt="">
<div class="latest-content">
<h2>Spain appetizer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Sit sed ad dolor laudantium, similique pariatur velit</p>
<a href="#">Read More</a>
</div>
</div>
</div>
<div class="inner-latest">
<div class="inner-content">
<img src="images/news3.png" alt="">
<div class="latest-content">
<h2>Spain appetizer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Sit sed ad dolor laudantium, similique pariatur velit</p>
<a href="#">Read More</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>
