Skip to content

Commit

Permalink
Cambios
Browse files Browse the repository at this point in the history
  • Loading branch information
@StraightUpCode
StraightUpCode committed May 22, 2020
1 parent 748cb8f commit 56095f0
Show file tree
Hide file tree
Showing 4 changed files with 373 additions and 21 deletions.
9 changes: 6 additions & 3 deletions src/css/index.css
View file
Expand Up @@ -20,10 +20,10 @@
@apply rounded shadow-lg ;
}

/*

.card-image {
@apply w-full ;
}*/
}
.card-image .horizontal {
@apply w-6/12;
}
Expand All @@ -40,7 +40,7 @@
}

.navigation-link {
@apply px-4 align-middle ;
@apply px-4 align-middle ;
}
.navigation-link:hover {
@apply font-bold;
Expand All @@ -53,4 +53,7 @@

.card-text .description {
text-overflow: ellipsis;
}
.brand {
font-size: ;
}
340 changes: 340 additions & 0 deletions src/feature.html
View file
@@ -0,0 +1,340 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Siberian</title>

<script src='./js/index.js'></script>

<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

</head>


<body>
<header class="grid grid-cols-12 h-16">
<div class="my-4 col-span-1 col-start-2 flex items-center">
<h1><a class="brand text-decoration-none" href="./index.html">Siberian</a></h1>
</div>
<nav class='col-span-7 my-4'>
<ul class='grid grid-flow-auto grid-cols-4 text-center align'>
<div class='flex justify-center items-center'>
<li class='navigation-link py-2'><a class='text-decoration-none' href="./product.html">Producto</a></li>

</div>
<div class="flex justify-center items-center">
<li class='navigation-link '><div class="dropdown">
<a href="" class="dropdown-toggle align-middle text-decoration-none " data-toggle="dropdown" id="dropdownMenuLink" >
Categorias
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item"href="./catego">Action</a>
<a class="dropdown-item"href="#">Another Action</a>
</div>
</div></li>
</div>
</ul>
</nav>
<section class="py-4 col-span-1 col-start-10">
<input type="search" name="search" placeholder="Szearch.." id="id">
</section>
</header>

<main class="grid grid-cols-12 mt-8">
<sidebar class='flex flex-col col-span-3'>
<div class="container">
<h3 class='w-100'>
Sub-categorias
</h3>
<ul class="container">
<li class="navigation-link">Comida</li>
<li class="navigation-link">Juguetes</li>
<li><div class="dropdown">
<button class="navigation-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Ropa
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Varon</a>
<a class="dropdown-item" href="#">Mujer</a>
<a class="dropdown-item" href="#">Ni;os</a>
</div>
</div></li>
</ul>
</div>

</sidebar>
<section class='flex flex-col justify-center col-span-8 col-start-4'>
<div class="w-100">
<h2 class="text-center">Featured</h2>
</div>
<div class="flex w-100 mb-16 justify-around">
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>

</div>

</section>
<section class='flex flex-col justify-center col-span-8 col-start-4'>

<div class="flex w-100 mb-16 justify-around">
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>

</div>

</section>

<section class='flex flex-col justify-center col-span-8 col-start-4'>
<div class="flex w-100 mb-16 justify-around">
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>

</div>

</section>
<section class='flex flex-col justify-center col-span-8 col-start-4'>
<div class="flex w-100 mb-16 justify-around">
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>
<div class="w-1/6 flex-shrink-0 flex justify-center ">
<div class='w-10/12 card '>
<a href="#" class=''><img src="https://via.placeholder.com/150" alt="placeholder" class='card-image object-fit'></a>
<div class='card-content'>
<h1 class='header'>
Comida
</h1>
<h1 class="body">
$500
</h1>

</div>
</div>
</div>

</div>

</section>

</main>
<footer class='flex justify-between'>
<section>
<div>
Contact us: 1234356
</div>
</section>

<section>
<a href="./contact-us.html">Contact Us</a>
</section>
</footer>


</body>

</html>

0 comments on commit 56095f0

Please sign in to comment.