Skip to content

Paras kamaliya-fw27_245 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Paras kamaliya-fw27_245 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9eeb58f
mini-project done
Jun 3, 2023
9abe605
done
Jun 4, 2023
d7e5af8
Update README.md
paraskamaliya Jun 4, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
# mini-project
# mini-project
Netlify Link:- https://647c173cc622316b79452a8d--dynamic-gumption-aff0e1.netlify.app/
173 changes: 173 additions & 0 deletions products/bad-1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
<!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">
<title>Badminton-1</title>
<style>body{
padding: 0px;
margin: 0px;
width: 100%;
}
.navbar{
background-color: black;
width: 100%;
color: white;
display: flex;
justify-content: end;
}
.navbar>p{
margin-right: 2%;
}
.menu{
width: 95%;
margin: auto;
margin-top:1%;
display: flex;
justify-content: space-between;
}
#search{
border: 1px solid black;
border-radius: 5px;
width: 30%;
margin: 1%;
}
#line{
border: 1px solid rgb(243, 231, 231);
}
.catogary{
margin-left: 2%;
}
div>.cato{
text-decoration: none;
color: black;
font-weight: 400;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
padding:9px;
}
.cato:hover{
color:white;
background-color: black;
}
#cont{
width: 85%;
margin: auto;
display: flex;
gap: 5%;
}
button{
color: white;
background-color: orange;
border: 0px;
padding: 1%;
}
button:hover{
cursor: pointer;
}
h5{
color: orange;
}
#second>p:nth-child(7){
font-size: 10px;
}
#second>h2{
margin-top: 7%;
}
#cont>div>img{
width: 100%;
}
.menu>a{
text-decoration: none;
color: black;
}
</style>
</head>
<body>
<div class="navbar">
<p>Call Us: +91-9555461555<p>
<p>Sign in</p>
<p>Create Account</p>
<p>Wishlist</p>
</div>
<div class="menu">
<a href="index.html">
<img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
</a>
<input id="search" type="text" placeholder="Search">
<a href="./cart.html">
<p>Shopping Cart(<span id="cart-count"></span>)</p>
</a>
</div>
<hr id="line">
<div>
<a class="cato" href="./badminton.html">BADMINTON</a>
<a class="cato" href="./treadmills.html">TREADMILLS</a>
<a class="cato" href="./shoes.html">SHOES</a>
<a class="cato" href="./t-shirt.html">T-SHIRTS</a>
<a class="cato" href="./socks.html">SOCKS</a>
<a class="cato" href="./skating.html">SKATING</a>
<a class="cato" href="./teamindia.html">TEAM INDIA</a>
</div>
<hr>
<div id="cont">

</div>
</body>
<script>
let data={
name:"BABOLAT SATELITE ORIGIN POWER BADMINTON RACKET (BLUE/WHITE, UNSTRUNG)",
image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB191362.jpg",
price:"₹5,999",
discount:"50% OFF",
id:"bad-1.html",
rate:"5999",
id:Math.random()*1000
}
console.log(data)
let cont=document.getElementById("cont")
let first=document.createElement("div")
let second=document.createElement("div")
let image=document.createElement("img")
image.setAttribute("src",data.image)
first.append(image);

second.setAttribute("id","second")

let cart=localStorage.getItem("cart-list");
if (cart===null){
cart=[];
}
else{
cart=JSON.parse(cart)
}

let head=document.createElement("h2")
head.innerText=data.name
let line=document.createElement("hr")
let desc=document.createElement("p")
desc.innerText=data.name
let price=document.createElement("h3")
price.innerText=data.price;
let disc=document.createElement("h5")
disc.innerText=data.discount
let button=document.createElement("button")
button.innerText="ADD TO CART";
button.addEventListener("click",function(){
cart.push(data)
localStorage.setItem("cart-list",JSON.stringify(cart))
location.reload()
})

let qt=document.createElement("p")
qt.innerText="If you want to increase quantity please click again on ADD TO CART";
let info=document.createElement("p");
info.innerText="Delivered in 2-5 working days*"

second.append(head,line,desc,price,disc,button,qt,info)
cont.append(first,second)

let count=JSON.parse(localStorage.getItem("cart-list"));
document.getElementById("cart-count").innerText=count.length
</script>
</html>
175 changes: 175 additions & 0 deletions products/bad-10.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!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">
<title>Badminton-10</title>
<style>body{
padding: 0px;
margin: 0px;
width: 100%;
}
.navbar{
background-color: black;
width: 100%;
color: white;
display: flex;
justify-content: end;
}
.navbar>p{
margin-right: 2%;
}
.menu{
width: 95%;
margin: auto;
margin-top:1%;
display: flex;
justify-content: space-between;
}
#search{
border: 1px solid black;
border-radius: 5px;
width: 30%;
margin: 1%;
}
#line{
border: 1px solid rgb(243, 231, 231);
}
.catogary{
margin-left: 2%;
}
div>.cato{
text-decoration: none;
color: black;
font-weight: 400;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
padding:9px;
}
.cato:hover{
color:white;
background-color: black;
}
#cont{
width: 85%;
margin: auto;
display: flex;
gap: 5%;
}
button{
color: white;
background-color: orange;
border: 0px;
padding: 1%;
}
button:hover{
cursor: pointer;
}
h5{
color: orange;
}
#second>p:nth-child(7){
font-size: 10px;
}
#second>h2{
margin-top: 7%;
}
#cont>div{
width: 100%;
}
#cont>div>img{
width: 100%;
}
.menu>a{
text-decoration: none;
color: black;
}
</style>
</head>
<body>
<div class="navbar">
<p>Call Us: +91-9555461555<p>
<p>Sign in</p>
<p>Create Account</p>
<p>Wishlist</p>
</div>
<div class="menu">
<a href="index.html">
<img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
</a>
<input id="search" type="text" placeholder="Search">
<a href="./cart.html">
<p>Shopping Cart(<span id="cart-count"></span>)</p>
</a>
</div>
<hr id="line">
<div>
<a class="cato" href="./badminton.html">BADMINTON</a>
<a class="cato" href="./treadmills.html">TREADMILLS</a>
<a class="cato" href="./shoes.html">SHOES</a>
<a class="cato" href="./t-shirt.html">T-SHIRTS</a>
<a class="cato" href="./socks.html">SOCKS</a>
<a class="cato" href="./skating.html">SKATING</a>
<a class="cato" href="./teamindia.html">TEAM INDIA</a>
</div>
<hr>
<div id="cont">

</div>
</body>
<script>
let data={
name:"Yonex Astrox 88D Tour Badminton Racket (Camel Gold, Strung)",
image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX88DTGECMGO.jpg",
price:"₹7,799",
discount:"35% OFF",
id:"bad-10.html",
rate:"7799",
id:Math.random()*1000
}
let cont=document.getElementById("cont")
let first=document.createElement("div")
let second=document.createElement("div")
let image=document.createElement("img")
image.setAttribute("src",data.image)
first.append(image);

second.setAttribute("id","second")

let cart=localStorage.getItem("cart-list");
if (cart===null){
cart=[];
}
else{
cart=JSON.parse(cart)
}

let head=document.createElement("h2")
head.innerText=data.name
let line=document.createElement("hr")
let desc=document.createElement("p")
desc.innerText=data.name
let price=document.createElement("h3")
price.innerText=data.price;
let disc=document.createElement("h5")
disc.innerText=data.discount
let button=document.createElement("button")
button.innerText="ADD TO CART";
button.addEventListener("click",function(){
cart.push(data)
localStorage.setItem("cart-list",JSON.stringify(cart))
location.reload()
})

let qt=document.createElement("p")
qt.innerText="If you want to increase quantity please click again on ADD TO CART";
let info=document.createElement("p");
info.innerText="Delivered in 2-5 working days*"

second.append(head,line,desc,price,disc,button,qt,info)
cont.append(first,second)

let count=JSON.parse(localStorage.getItem("cart-list"));
document.getElementById("cart-count").innerText=count.length
</script>
</html>
Loading