-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit c8ac03f
Showing
2,270 changed files
with
321,737 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,211 @@ | ||
<!DOCTYPE html> | ||
<html lang="es"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Materia Prima | Aditivos Químicos para la Industria</title> | ||
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" /> | ||
<meta name="description" content="Información sobre la compra y venta de materia prima y aditivos químicos para la idustria Venezuela - Alemania." /> | ||
<meta name="keywords" lang="es" content="materia prima , químicos, cosméticos, fármacos, farmacia, pinturas, textil, metalmecánica,alimentos "/> | ||
<meta name="keywords" lang="en" content="raw material , chemicals, cosmetics, drugs, pharmacy, paintings, textile, metalworking, foods "/> | ||
<meta name="Author" lang="es" content="Junior Avila"> | ||
<meta name="copyright" content="Comercializadora Guten Morgen C. A."> | ||
<link rel="shortcut icon" href="img/logoGM.svg"> | ||
<link href="/dist/output.css" rel="stylesheet"> | ||
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.css" rel="stylesheet" /> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" /> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
<style type="text/css"> | ||
body { | ||
|
||
box-sizing: border-box; | ||
background: no-repeat; | ||
background-color: black; | ||
background-image: linear-gradient(to bottom right, black, red, yellow); | ||
|
||
} | ||
</style> | ||
|
||
</head> | ||
|
||
<body> | ||
<div class="container-fluid "> | ||
<div class="row mt-5"> | ||
<div class="col-12"> | ||
|
||
|
||
<!-- Header --> | ||
<nav class="h-16 w-full flex items-center justify-center space-x-10 bg-black/75 left-0 z-20 top-0 fixed"> | ||
<!-- Informação --> | ||
|
||
<div class="flex flex-shrink-0 items-center space-x-4 text-white"> | ||
<div class="rounded-full cursor-pointer bg-gray-200 border-2 border-blue-400"> | ||
<a href="index.html"> | ||
<img class="w-10 h-10 rounded-full" src="img/logoGM.svg" alt="Rounded avatar"> | ||
|
||
</a> | ||
|
||
</div> | ||
<!-- Texto --> | ||
<div class="flex flex-col items-start "> | ||
<!-- Nome --> | ||
<div class="text-2xl font-medium ">Guten Morgen C. A.</div> | ||
<!-- Título --> | ||
<div class="text-sm font-regular">Materia Prima y Aditivos Químicos.</div> | ||
</div> | ||
|
||
|
||
</div> | ||
</nav> | ||
</div> | ||
</div> | ||
|
||
<div class="row "> | ||
<div class="col-1 w-16"> | ||
<div class="fixed h-full flex flex-col "> | ||
<aside class="mt-3 h-full flex flex-col w-16 space-y-10 items-center justify-center bg-gradient-to-l from-black/75 text-white"> | ||
<!-- Profile --> | ||
<div class="h-10 w-10 flex items-center justify-center rounded-lg cursor-pointer hover:text-gray-800 hover:bg-white hover:duration-300 hover:ease-linear focus:bg-white"> | ||
<a href="index.html"> | ||
<span class="material-symbols-outlined"> | ||
home | ||
</span> | ||
</a> | ||
</div> | ||
|
||
<!-- Courses --> | ||
<div class="h-10 w-10 flex items-center justify-center rounded-lg cursor-pointer hover:text-gray-800 hover:bg-white hover:duration-300 hover:ease-linear focus:bg-white"> | ||
<a href="categoria.html"> | ||
<span class="material-symbols-outlined"> | ||
category | ||
</span> | ||
</a> | ||
</div> | ||
|
||
<!-- Theme --> | ||
<div class="h-10 w-10 flex items-center justify-center rounded-lg cursor-pointer hover:text-gray-800 hover:bg-white hover:duration-300 hover:ease-linear focus:bg-white"> | ||
<span class="material-symbols-outlined"> | ||
info | ||
</span> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> | ||
</svg> | ||
</div> | ||
|
||
|
||
</aside> | ||
</div> | ||
</div> | ||
|
||
|
||
<div class="col-11"> | ||
<div class="container-fluid m-5"> | ||
|
||
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel"> | ||
<div class="carousel-indicators"> | ||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> | ||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button> | ||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button> | ||
</div> | ||
<div class="carousel-inner"> | ||
<div class="carousel-item active"> | ||
<img src="img/agricultura1.svg" class="d-block w-100" alt="Arroz"> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="img/agricultura2.svg" class="d-block w-100" alt="Trigo"> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="img/agricultura3.svg" class="d-block w-100" alt="Zapallo"> | ||
</div> | ||
</div> | ||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Previous</span> | ||
</button> | ||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Next</span> | ||
</button> | ||
</div> | ||
<hr class="my-6 border-gray-200 md:my-8 dark:border-gray-700 h-2" /> | ||
<h1 class="text-white text-2xl">Materia prima para la Industria</h1> | ||
<hr class="my-6 border-gray-200 md:my-8 dark:border-gray-700 h-2" /> | ||
|
||
|
||
|
||
</div> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="bg-transparent font-sans dark:bg-gray-900 "> | ||
<div class="container-fluid m-5"> | ||
<hr class="my-6 border-gray-200 md:my-8 dark:border-gray-700 h-2" /> | ||
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 sm:gap-y-10 lg:grid-cols-4"> | ||
<div class="sm:col-span-2 "> | ||
<h1 class="max-w-lg text-xl font-semibold tracking-tight text-gray-200 xl:text-2xl dark:text-white">Contáctanos para más información.</h1> | ||
|
||
|
||
</div> | ||
|
||
<div> | ||
<p class="font-semibold text-gray-200 dark:text-white">Atajos Rápidos:</p> | ||
|
||
<div class="flex flex-col items-start mt-5 space-y-2"> | ||
<a href="index.html"> | ||
<p class="text-gray-200 transition-colors duration-300 dark:text-gray-300 dark:hover:text-blue-400 hover:underline hover:cursor-pointer hover:text-blue-500">Home</p> | ||
|
||
</a> | ||
<a href="categoria.html"> | ||
<p class="text-gray-200 transition-colors duration-300 dark:text-gray-300 dark:hover:text-blue-400 hover:underline hover:cursor-pointer hover:text-blue-500">Categorías</p> | ||
|
||
|
||
</a> | ||
<p class="text-gray-200 transition-colors duration-300 dark:text-gray-300 dark:hover:text-blue-400 hover:underline hover:cursor-pointer hover:text-blue-500">Contactos</p> | ||
</div> | ||
</div> | ||
|
||
<div> | ||
<p class="font-semibold text-gray-200 dark:text-white">Info. Empresa:</p> | ||
|
||
<div class="flex flex-col items-start mt-5 space-y-2"> | ||
<p class="text-gray-200 transition-colors duration-300 dark:text-gray-300 dark:hover:text-blue-400 hover:cursor-pointer ">Vilachá Edif. Santa Ana, Piso 4 Maiquetía - Venezuela 1161.</p> | ||
<p class="text-gray-200 transition-colors duration-300 dark:text-gray-300 dark:hover:text-blue-400 hover:cursor-pointer ">[email protected]</p> | ||
<p class="text-gray-200 transition-colors duration-300 dark:text-gray-300 dark:hover:text-blue-400 hover:cursor-pointer ">+58-414-459-1536/212-331-9068</p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<hr class="my-6 border-gray-200 md:my-8 dark:border-gray-700 h-2" /> | ||
|
||
<div class="sm:flex sm:items-center sm:justify-between"> | ||
|
||
<div class="flex gap-4 hover:cursor-pointer"> | ||
<img src="https://www.svgrepo.com/show/303114/facebook-3-logo.svg" width="30" height="30" alt="fb" /> | ||
<img src="https://www.svgrepo.com/show/303115/twitter-3-logo.svg" width="30" height="30" alt="tw" /> | ||
<img src="https://www.svgrepo.com/show/303145/instagram-2-1-logo.svg" width="30" height="30" alt="inst" /> | ||
|
||
</div> | ||
</div> | ||
|
||
</div> | ||
|
||
</footer> | ||
<p class="font-sans ml-20 text-start text-gray-200 md:text-center md:text-lg ">© 2023 Comercializadora Guten Morgen C. A.</p> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.js"></script> | ||
<script src="node_modules/@material-tailwind/html@latest/scripts/ripple.js"></script> | ||
<script src="../path/to/flowbite/dist/flowbite.min.js"></script> | ||
</body> | ||
</html> |
Oops, something went wrong.