project_e-commerce-interface/cart.html at main · HumiraAlam/project_e-commerce-interface · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>E-commerce Application</title>
    <link rel="stylesheet" href="cart.css" />
  </head>
  <body>
    <div id="navbar">
      <div id="title">
        <h1>E-commerce Application</h1>
      </div>
      <div id="menus">
        <a href="home.html">Home</a>
        <a href="profile.html">Profile</a>
        <a href="users.html">Users</a>
        <a href="portfolio.html">Portfolio</a>
        <a href="products.html">Product</a>
        <a href="cart.html">My Cart</a>
        <input type="button" value="Logout" />
      </div>
    </div>
    <h1 style="text-align: center; margin-top: 20px;">My Order</h1>
    <div class="container">
        <div class="product">
           <img src="https://www.chevalier.se/pub_images/original/1060214_C8004-1.jpg" alt="" height="100px" width="100px">
           <h5>Mens casual premium slim fit shirt</h5>
           <h5>$22.40</h5>
           <h5>0</h5>
           <h5>men's clothing</h5>
           <button>Remove</button>
        </div>
    </div>

    <div class="container">
        <div class="product">
           <img src="https://previews.123rf.com/images/vitalytyagunov/vitalytyagunov1510/vitalytyagunov151001033/46337475-pink-baby-dress-with-a-bow-on-a-white-background.jpg" alt="" height="100px" width="80px">
           <h5>Baby casual premium dress</h5>
           <h5>$20.40</h5>
           <h5>0</h5>
           <h5>Baby clothing</h5>
           <button>Remove</button>
        </div>
    </div>

    <div class="container">
        <div class="product">
           <img src="https://i.pinimg.com/736x/dd/5d/17/dd5d1788d12006ebf43e295d299b03b8.jpg" alt="" height="100px" width="80px">
           <h5>Jewelary  ring round</h5>
           <h5>$70.40</h5>
           <h5>0</h5>
           <h5>Jwellery</h5>
           <button>Remove</button>
        </div>
    </div>

    <div class="container">
        <div class="product">
           <img src="https://i.pinimg.com/736x/0e/bc/45/0ebc45e45f856bbb3670ffc0224363f5.jpg" alt="" height="100px" width="100px">
           <h5>Kitchen pot five set</h5>
           <h5>$28.40</h5>
           <h5>0</h5>
           <h5>Kitchen</h5>
           <button>Remove</button>
        </div>
    </div>

    <div class="container">
        <div class="product">
           <img src="https://media.istockphoto.com/id/1440977634/photo/vertical-shot-of-the-beautiful-pink-dress-isolated-on-the-white-background.webp?b=1&s=170667a&w=0&k=20&c=qVDQh0wShx9evKTJFWH-mmUKT4wem-OPOjg1uuqqRVE=" alt="" height="100px" width="100px">
           <h5>Womens casual premium slim fit dress</h5>
           <h5>$22.40</h5>
           <h5>0</h5>
           <h5>Women's clothing</h5>
           <button>Remove</button>
        </div>
    </div>
    <div id="footer">
        <h2>Footer Componant</h2>
        <p>
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus,
          in. Nihil adipisci quod unde dolor, quaerat nulla doloribus placeat quo
          quam quae dignissimos temporibus, odit earum odio sit repudiandae
          accusamus suscipit illum. Suscipit veniam rerum aperiam est ex id
          tempora voluptas, rem at nihil, ab culpa porro eligendi soluta dolorum
          eius pariatur maiores provident molestiae praesentium aspernatur, magnam
          a? Minus aspernatur cum repellendus. Tenetur reprehenderit corrupti
          voluptatibus minima enim nemo in delectus repudiandae, autem architecto
          tempora, consectetur neque adipisci, nobis culpa obcaecati accusamus
          aliquid officiis ipsam! Doloribus nemo perspiciatis dolore distinctio
          sint, corrupti nihil doloremque ratione, quidem, voluptatibus
          aspernatur. Impedit consequatur at culpa aliquid nostrum soluta, illum
          maxime saepe. Delectus laboriosam doloribus molestiae hic sed harum
          aperiam, illum modi eum ducimus! Debitis aut voluptatum aperiam quod rem
          cumque fuga ab praesentium officiis natus corrupti facere molestiae
          reprehenderit iusto quo id architecto deleniti, numquam excepturi nobis
          rerum harum facilis quos ratione! Facilis esse reiciendis minus iusto,
          ipsum natus, porro doloribus harum quam, temporibus facere. Suscipit
          quae animi atque enim. Odit eius quo eum impedit magnam incidunt
          expedita, reprehenderit exercitationem deserunt consectetur hic, iste
          sit odio cupiditate sunt natus enim repudiandae architecto! Amet
          laboriosam similique laudantium quidem saepe incidunt deleniti.
          Deserunt, doloribus.
        </p>
        <h4>All copy Rights @ Are Reserved by Humira Alam</h4>
      </div>
    </body>
  </html>