Skip to content

Commit

Permalink
add html,css and other files
Browse files Browse the repository at this point in the history
  • Loading branch information
dnyandeepchute committed Jan 31, 2024
1 parent 6ae4b72 commit 2b8471a
Show file tree
Hide file tree
Showing 12 changed files with 474 additions and 0 deletions.
Binary file added amazon_logo.png
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
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
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
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
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
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
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
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
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
209 changes: 209 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,209 @@
<!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.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" 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="nav-address">
<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="nav-search">
<select class="search-select">
<option>All</option>
</select>
<input placeholder="search Amazon" class="search-input">
<div class="search-icon">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</div>

<div class="nav-singin border">
<p><span>Hello, sign in</span></p>
<p class="nav-second">Account & Lists</p>
</div>

<div class="nav-return border">
<p><span>Returns</span></p>
<p class="nav-second">& Orders</p>
</div>

<div class="nav-cart border">
<i class="fa-solid fa-cart-shopping"></i>
cart
</div>

</div>


<div class="panel">

<div class="panel-all">
<i class="fa-solid fa-bars"></i>
All
</div>

<div class="panel-ops">
<p>Todays Deals</p>
<p>Customer Service</p>
<p>Registry</p>
<p>Gift Cards</p>
<p>Sell</p>
</div>

<div class="panel-deals">
shop deals in Electronics
</div>

</div>

</header>

<div class="hero-section">
<div class="hero-msg">
<p>are on amazon.com. You can also shop on Amazon India for millions of products with fast local delivery. <a href="">Click here to go to amazon.in</a></p>
</div>
</div>

<div class="shop-section">
<div class="box box1">
<div class="box-content">
<h2>Clothes</h2>
<div class="box-img" style="background-image: url('box1_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box2">
<div class="box-content">
<h2>Health & Personal care</h2>
<div class="box-img" style="background-image: url('box2_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box3">
<div class="box-content">
<h2>Furniture</h2>
<div class="box-img" style="background-image: url('box3_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box4">
<div class="box-content">
<h2>Electronics</h2>
<div class="box-img" style="background-image: url('box4_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box5">
<div class="box-content">
<h2>Beauty Picks</h2>
<div class="box-img" style="background-image: url('box5_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box6">
<div class="box-content">
<h2>Pet Care</h2>
<div class="box-img" style="background-image: url('box6_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box7">
<div class="box-content">
<h2>New Arrival in Toys</h2>
<div class="box-img" style="background-image: url('box7_image.jpg');"></div>
<p>See more</p>
</div>
</div>
<div class="box box8">
<div class="box-content">
<h2>Discover Fasion Trends</h2>
<div class="box-img" style="background-image: url('box8_image.jpg');"></div>
<p>See more</p>
</div>
</div>
</div>

<FOoter>
<div class="foot-panel1">
Back to Top
</div>

<div class="foot-panel2">
<ul>
<p>Get to Know Us</p>
<a href="">Careers</a>
<a href="">Blog</a>
<a href="">About Amazon</a>
<a href="">Investor Relations</a>
<a href="">Amazon Devices</a>
<a href="">Amazon Science</a>
</ul>

<ul>
<p>Make Money with Us</p>
<a href="">Sell products on Amazon</a>
<a href="">Sell on Amazon Business</a>
<a href="">Sell apps on Amazon</a>
<a href="">Become an Affiliate</a>
<a href="">Advertise Your Products</a>
<a href="">Self-Publish with Us</a>
<a href="">Host an Amazon Hub</a>
<a href="">›See More Make Money with Us</a>
</ul>

<ul>
<p>Amazon Payment Products</p>
<a href="">Amazon Business Card</a>
<a href="">Shop with Points</a>
<a href="">Reload Your Balance</a>
<a href="">Amazon Currency Converter</a>
</ul>

<ul>
<p>Let Us Help You</p>
<a href="">Amazon and COVID-19</a>
<a href="">Your Account</a>
<a href="">Your Orders</a>
<a href="">Shipping Rates & Policies</a>
<a href="">Returns & Replacements</a>
<a href="">Manage Your Content and Devices</a>
<a href="">Amazon Assistant</a>
<a href="">Help</a>
</ul>
</div>

<div class="foot-panel3">
<div class="logo"></div>
</div>

<div class="foot-panel4">
<div class="pages">
<a href="">Conditions of Use</a>
<a href="">Privacy Notice</a>
<a href="">Your Ads Privacy Choices</a>
</div>
<div class="copyright">
© 1996-2024, Amazon.com, Inc. or its affiliates
</div>
</div>
</FOoter>

</body>
</html>
Loading

0 comments on commit 2b8471a

Please sign in to comment.