Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@pvcube66
pvcube66 authored Feb 15, 2024
1 parent 54f67ee commit a3beea1
Show file tree
Hide file tree
Showing 12 changed files with 383 additions and 0 deletions.
Binary file added amazon_logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box1_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box2_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box3_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box4_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box5_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box6_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box7_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added box8_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added hero_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
154 changes: 154 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amazon</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLdPG8FJ0V7irTLQ8Uo0qcPxh4Plq7G5tGm0rU+1SPhVotteLpBERwTkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet " href="style.css">
</head>
<body>
<header>
<div class="navbar">
<div class="nav-logo border">
<div class="logo"></div>

</div>
<div class="address border">
<p class="add1">Deliver to</p>
<div class="add-icon">
<i class="fa-solid fa-location-dot"></i>
<p class="add2">India</p>
</div>
</div>
<div class="navsearch">
<select class="searchselect">
<option>All</option>
</select>
<input class="searchinput" placeholder="Search Amazon ">
<div class="search-icon"> <i class="fa-solid fa-magnifying-glass"></i></div>
</div>
<div class="signin border">
<p><span>Hello,sign in</span></p>
<p class="navsecond">Account & Lists</p>
</div>
<div class="returns border">
<p><span>Returns</span></p>
<p class="navsecond">Account & Lists</p>
</div>
<div class="cart border">
<div class="carticon"><i class="fa-solid fa-cart-shopping"></i></div>
<p class="showcart">Cart</p>
</div>
</div>
<div class="panel">
<div class="panelall"><i class="fa-solid fa-bars">All</i></div>
<div class="panel-ops">
<p>Today's deals</p>
<p>Customer Service</p>
<p>Registery</p>
<p>Gift Cards
</p>
<p>Sell</p>
</div>
<div class="deals">Shop Deals and Electronics</div>
</div>
</header>
<div class="hero-section">
<div class="hero-msg">You are on Amazon.com , you can visit <a href=amazon.in"> . Amazon.in</a></div>
</div>
<div class="shop">
<div class="box1 box">
<div class="content">
<h2>Health& Personal care</h2>

<div class="boximage" style=" background-image:url('box1_image.jpg');"></div>
<p>See More</p>
</div>
</div>
<div class="box2 box"> <div class="content">
<h2>Home Essentials</h2>

<div class="boximage" style=" background-image:url('box2_image.jpg');"></div>
<p>See More</p>
</div></div>
<div class="box3 box"> <div class="content">
<h2>Furniture</h2>

<div class="boximage" style=" background-image:url('box3_image.jpg');"></div>
<p>See More</p>
</div></div>
<div class="box4 box"> <div class="content">
<h2>Smart Phones</h2>

<div class="boximage" style=" background-image:url('box4_image.jpg');"></div>
<p>See More</p>
</div></div>
<div class="box1 box">
<div class="content">
<h2>Make Up</h2>

<div class="boximage" style=" background-image:url('box5_image.jpg');"></div>
<p>See More</p>
</div>
</div>
<div class="box2 box"> <div class="content">
<h2>Travel & tickets</h2>

<div class="boximage" style=" background-image:url('box7_image.jpg');"></div>
<p>See More</p>
</div></div>
<div class="box3 box"> <div class="content">
<h2>Black People</h2>

<div class="boximage" style=" background-image:url('box8_image.jpg');"></div>
<p>See More</p>
</div></div>
<div class="box4 box"> <div class="content">
<h2>Dogs</h2>

<div class="boximage" style=" background-image:url('box6_image.jpg');"></div>
<p>See More</p>
</div></div>
</div>
<footer>
<div class="footp1">Back To Top</div>
<div class="footp2">
<ul><p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p>
<p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p>
<p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p></ul>
<ul><p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p>
<p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p>
<p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p></ul>
<ul><p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p>
<p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p>
<p>Get To Know Us</p>
<p>Careers</p>
<p>Contact Our Ceo Samba</p></ul>
</div>
<div class="footp3">

<div class="footerlogob">
<h1>PVCUBE66 CREATIONS</h1> <div class="flogo"></div>

</div>
</div>
</footer>
</body>
</html>
229 changes: 229 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@
*{
margin:0;
font-family: Arial, Helvetica, sans-serif;
border:border-box;
}

.navbar{
height:60px;
background-color: #0f1111;
color:white;
display:flex;
align-items: center;
justify-content: space-evenly;
}
.nav-logo{
height:50px;
width:100px;
}
.logo{
background-image: url("amazon_logo.png");
background-size: cover;
height:50px;
width:100%;

}
.border{
border:2px solid transparent;

}
.border:hover{
border:2px solid white;
}
.add1{
color:#cccccc;
font-size: 0.8rem;
margin-left:15px;
}
.add2{
font-size: 1rem;
margin-left: 5px;
}

.add-icon{
display:flex;
align-items: center;
}

.navsearch{
display:flex;
justify-content: space-evenly;
background-color: pink;
width:620px;
height:40px;
border-radius: 4px;
}
.searchselect{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border:none;
background-color: #f3f3f3;
width: 50px;
text-align: center;
}
.searchinput{
width:100%;
font-size: 1rem;

border:none;
}
.search-icon{
width:45px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
background-color: #febd68;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
color:#0f1111
}
span{
font-size: 0.7rem;
}
.navsecond{
font-size: 0.85rem;
font-weight: 700;
}
.navsearch:hover{
border:2px solid orange;
}
.cart{
display:flex;
border:2px solid transparent;
font-weight: 700px;
margin-bottom: 10px;
}
.cart div i{
width:30px;
}
.panel{

height:40px;
background-color: #222f22;
color:white;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.panel-ops p{
display:inline;
margin:15px;
}
.panel-ops {
width:70%;
font-size: 0.85rem;
}
.deals{
font-size: 0.7rem;;
font-weight: 700;
}

.hero-section{
background-image: url(hero_image.jpg);
height:400px;
background-size: cover;
display:flex;
justify-content: center;
align-items: end;


}
.hero-msg{
display:flex;
align-items: center;
justify-content: center;
height:40px;
font-size: 0.85rem;
color:black;
background-color: white;
width:80%;
margin:25px;
font-weight: 500;
}
.hero-msg a{
color:#007185;
text-decoration: none;

}
.box{
height:400px;
border:2px solid transparent;
width: 23%;
background-color: white;
padding:20px 0px 15px;
margin-top:15px;

}
.shop{
display:flex;
justify-content: space-evenly;
background-color: #e2e7e6;
flex-wrap: wrap;
}
.boximage{
height:300px;
background-size: cover;
margin-top:2px;
margin-bottom: 2px;
}
.content{
margin-left:10px;
margin-right: 10px;
}
.content p{
color:#007185;
}
.footp1{
background-color:black;
color:white;
height:50px;
display: flex;
justify-content: center;
align-items: center;
}
footer{
margin-top:15px;
}
.footp2{
background-color: #007185;
color:white;
height:280px;
display:flex;
justify-content: space-evenly;
margin-top: 0px;
}
ul{
margin:20px;
}
.footp2 ul p{
display: block;
letter-spacing: 1px;

}

.footp3{
background:linear-gradient(to right,#ec008c,#fc6767);
color:white;
height:90px;
border-top:2px solid white;
display: flex;
justify-content: center;
align-items: center;



}
.flogo{
/* background-image: url("amazon_logo.png");
background-size: cover; */
height:90px;
width:100%;
font-size: 1rem;
display: inline;




}

0 comments on commit a3beea1

Please sign in to comment.