AmazonPrototype/Amazon.html at main · ayomidehannah/AmazonPrototype · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="Amazon.css">

  </head>
  <body>

    <div class="header">
      <img src="Thumbnails/Amazon-Logo.webp" width="100px">
      <p>Deliver to <br>Nigeria</p>
      <input class="search-bar" type="text" placeholder="Search Amazon">
      <ul class="links">
        <li><a href="#a">EN</a></li>
        <li><a href="#a">Hello,sign in <br> Accounts&Lists</a></li>
        <li><a href="#a">Returns<br>& Orders</a></li>
        <li><a href="#a">Cart</a></li>
      </ul>
    </div>

    <div class="header-2">
      <ul class="links-2">
        <li><a href="#a">All</a></li>
        <li><a href="#a">Today's Deals</a></li>
        <li><a href="#a">Customer Service</a></li>
        <li><a href="#a">Registry</a></li>
        <li><a href="#a">Gift Cards</a></li>
        <li><a href="#a">Sell</a></li>

      </ul>

    </div>

    <p class="middle-text">New Arrivals In Toys</p>

   <div class="container">
    <div class="item-1">
      <ul class="gaming-story">
      <li><p>Gaming accessories</p></li>
      <img src="Thumbnails/gaming.jpg" class="game-image" width="220px" height="300px">
      <li><a href="#seemore">See more</a></li>
      </ul>
    </div>

    <div class="item-2">
      <ul class="health-story">
      <li><p>Health and Personal Care</p></li>
      <img src="Thumbnails/health2.avif" class="health-image" width="220px" height="300px">
      <li><a href="#seemore">Shop now</a></li>
      </ul>
    </div>

    <div class="item-3">
      <ul class="child-story">
      <li><p>Items under $30</p></li>
      <img src="Thumbnails/a child.jpg" class="child-image" width="220px" height="300px">
      <li><a href="#seemore">Shop now</a></li>
      </ul>
    </div>

    <div class="item-4">
      <ul class="sign-story">
      <li><p>Sign in for the best<br>experience</p></li>
      <li><button>Sign in securely</button></li>
      </ul>
    </div>

    <div class="item-5">
     <img src="Thumbnails/boxes.jpg" class="box-image" width="220px" height="250px">
     <p>We ship over 45 million<br>products around<br>the  world</p>
    </div>
   </div>


  </body>
</html>