Skip to content

Commit

Permalink
dots connected
Browse files Browse the repository at this point in the history
  • Loading branch information
@shaileshwebdeveloper
shaileshwebdeveloper committed May 7, 2022
1 parent b1323d5 commit 848fe5c
Show file tree
Hide file tree
Showing 10 changed files with 390 additions and 134 deletions.
20 changes: 14 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,23 +41,31 @@
<div id="k-container">
<div class="slideshow-container">

<div class="mySlides fade">
<div class="mySlides fade" >
<div onclick="window.location.href='./products/subscribe.html'">
<img id="image1"
src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/Homepage-Banner-Makeup-Reveal-1_2156cf43-9cb3-4633-97d9-2c72b7059117_2048x.png?v=1651562755"
style="width:100%">
</div>
</div>

<div class="mySlides fade">
<!-- <div ><a href=""> -->

<img id="image1"
src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/Homepage-Banner-bAG-Reveal-Recovered_b18183de-8b77-490e-b6f9-78adbccd3ebb_2048x.png?v=1651344357"
style="width:100%">

<!-- </div> -->
</div>

<div class="mySlides fade">
<div onclick="window.location.href='./products/subscribe.html'">
<img id="image1"
src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/Homepage-Banner-bAG-Reveal-Recovered_2048x.png?v=1648750932"
style="width:100%">
</div>
</div>

<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
Expand All @@ -80,7 +88,7 @@
<h1><div> WHAT'S IN THE BAG </div></h1>
</div>
<div class="show_products">
<div onclick="window.location.href='#'" class="products_item">
<div onclick="window.location.href='./products/subscribe.html'" class="products_item">
<div class="products_image">
<img src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/What_s-In-The-Bag-Makeup-1_3b816288-c67c-45f5-be14-b43738b3debc_2048x.png?v=1651562814" alt="">
</div>
Expand All @@ -89,7 +97,7 @@ <h1><div> WHAT'S IN THE BAG </div></h1>
</div>
</div>

<div onclick="window.location.href='#'" class="products_item">
<div onclick="window.location.href='./products/subscribe.html'" class="products_item">
<div class="products_image">
<img src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/What_s-In-The-Bag-Makeup-2_b1d2533b-4810-4f7e-9321-7d0cca0b019f_2048x.png?v=1651344579" alt="">
</div>
Expand All @@ -98,7 +106,7 @@ <h1><div> WHAT'S IN THE BAG </div></h1>
</div>
</div>

<div onclick="window.location.href='#'" class="products_item">
<div onclick="window.location.href='./products/subscribe.html'" class="products_item">
<div class="products_image">
<img src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/What_s-In-The-Bag-Skincare-1_cf1f2eb6-e64c-4dcb-af8b-f80963cceddd_2048x.png?v=1651344625" alt="">
</div>
Expand All @@ -107,7 +115,7 @@ <h1><div> WHAT'S IN THE BAG </div></h1>
</div>
</div>

<div onclick="window.location.href='#'" class="products_item">
<div onclick="window.location.href='./products/subscribe.html'" class="products_item">
<div class="products_image">
<img src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/What_s-In-The-Bag-Skincare-2_2_2048x.png?v=1651466768" alt="">
</div>
Expand Down Expand Up @@ -696,7 +704,7 @@ <h6>Anushree</h6>
</div>
<br>

<div id="footer"></div>
<!-- <div id="footer"></div> -->
</body>
</html>
<script type="module">
Expand Down
46 changes: 39 additions & 7 deletions products/april.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,27 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/products.css">
<link rel="stylesheet" href="./css/products.css">
<link rel="stylesheet" href="../styles/navbar.css">
<link rel="stylesheet" href="../styles/foot.css">
<!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;1,100&family=Poppins&family=Ubuntu:wght@300&display=swap"> -->
<script src="https://kit.fontawesome.com/24c494a6b6.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./styles/common_style.css">

<title>Document</title>
</head>
<body>


<div id="main_header">
<div id="header">

</div>
<!-- header end -->
<!-- nav start -->
<div id="navbar">

</div>
</div>
<div id="upper">

<div id="prodImg">
Expand Down Expand Up @@ -146,12 +163,27 @@ <h3>WRITE A REVIEW</h3>





<div id="footer"></div>



</body>
</html>

<script src="./javascript/april.js" type="module"></script>
</body>
</html>

<script type="module">

import {head} from '../components/head.js'
document.getElementById("header").innerHTML=head();

import {navbar} from '../components/navbar.js'
document.getElementById("navbar").innerHTML=navbar();

import footerdata from "../components/footer.js";
document.getElementById("footer").innerHTML = footerdata();



</script>

<script src="./javascript/april.js" type="module"></script>
<script src="../scripts/language_menu.js" type="module"></script>
35 changes: 26 additions & 9 deletions products/css/products.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,14 @@
}

#upper{

display: flex;
width: 75%;
margin: auto;
margin-top: 50px;
margin-top: 10%;
gap: 30px;
margin-bottom: 80px;
/* border: 1px solid red; */
margin-bottom: 50px;

}

#productInfo{
Expand All @@ -23,13 +24,19 @@
font-weight: 700;
}


#prodImg{
width: 40%;
justify-content: center;
/* border: 1px solid blue; */
margin: auto;


}

img{
width: 100%;
height: 300px;
height: 100px;
}

button{
Expand Down Expand Up @@ -84,10 +91,11 @@ svg{
}

#lower{
width: 50%;
width: 60%;
align-items: center;
justify-content: center;
margin: auto;
margin-bottom: 50px;
}

#lowerBtn{
Expand Down Expand Up @@ -133,21 +141,28 @@ svg{



#bag2 {
#bag2{
width: 55%;
height: 650px;
display: flex;
margin: auto;
margin-top: -100px;
}

.table1 {
padding-top: 20px;
height: 390px;
width: 54%;
margin-left: 25px;
margin-top: 50px;
margin-top: 80px;
}

.table2 > h3{
margin-bottom: 20px;
}

.table2 {
padding-top: 20px;
width: 100%;
height: 90px;
border: 0.1px solid #aeb6b7;
Expand All @@ -161,6 +176,7 @@ svg{
font-weight: 700;
}
.table3 {
padding-top: 20px;
width: 100%;
height: 250px;
border: 0.1px solid #aeb6b7;
Expand All @@ -180,11 +196,12 @@ svg{
.table41 {
color: white;
width: 85%;
height: 30%;
height: 60%;
margin: auto;
border: 1px solid white;
text-align: center;
padding-top: 6px;
padding: 15px;
/* padding-bottom: 10px; */
border-radius: 3px;
font-weight: bold;
font-family: poppins;
Expand Down
44 changes: 38 additions & 6 deletions products/dec.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,26 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/products.css">
<link rel="stylesheet" href="../styles/navbar.css">
<link rel="stylesheet" href="../styles/foot.css">
<!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;1,100&family=Poppins&family=Ubuntu:wght@300&display=swap"> -->
<script src="https://kit.fontawesome.com/24c494a6b6.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./styles/common_style.css">

<title>Document</title>
</head>
<body>

<div id="main_header">
<div id="header">

</div>
<!-- header end -->
<!-- nav start -->
<div id="navbar">

</div>
</div>

<div id="upper">

Expand Down Expand Up @@ -146,12 +163,27 @@ <h3>WRITE A REVIEW</h3>





<div id="footer"></div>



</body>
</html>

<script src="./javascript/dec.js" type="module"></script>
</body>
</html>

<script type="module">

import {head} from '../components/head.js'
document.getElementById("header").innerHTML=head();

import {navbar} from '../components/navbar.js'
document.getElementById("navbar").innerHTML=navbar();

import footerdata from "../components/footer.js";
document.getElementById("footer").innerHTML = footerdata();



</script>

<script src="./javascript/dec.js" type="module"></script>
<script src="../scripts/language_menu.js" type="module"></script>
46 changes: 38 additions & 8 deletions products/feb.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,26 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/products.css">
<link rel="stylesheet" href="../styles/navbar.css">
<link rel="stylesheet" href="../styles/foot.css">
<!-- <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;1,100&family=Poppins&family=Ubuntu:wght@300&display=swap"> -->
<script src="https://kit.fontawesome.com/24c494a6b6.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./styles/common_style.css">

<title>Document</title>
</head>
<body>


<div id="main_header">
<div id="header">

</div>
<!-- header end -->
<!-- nav start -->
<div id="navbar">

</div>
</div>
<div id="upper">

<div id="prodImg">
Expand Down Expand Up @@ -145,13 +161,27 @@ <h3>WRITE A REVIEW</h3>
</div>





<div id="footer"></div>



</body>
</html>

<script src="./javascript/feb.js" type="module"></script>
</body>
</html>

<script type="module">

import {head} from '../components/head.js'
document.getElementById("header").innerHTML=head();

import {navbar} from '../components/navbar.js'
document.getElementById("navbar").innerHTML=navbar();

import footerdata from "../components/footer.js";
document.getElementById("footer").innerHTML = footerdata();



</script>

<script src="./javascript/feb.js" type="module"></script>
<script src="../scripts/language_menu.js" type="module"></script>
Loading

0 comments on commit 848fe5c

Please sign in to comment.