project_e-commerce-interface/profile.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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>E-commerce Application</title>
    <link rel="stylesheet" href="profile.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="padding: 30px;">Profile</h1>
    <div id="profileconteiner">
      <div id="profilepic">
        <img
          src="https://images.ctfassets.net/h6goo9gw1hh6/2sNZtFAWOdP1lmQ33VwRN3/24e953b920a9cd0ff2e1d587742a2472/1-intro-photo-final.jpg?w=1200&h=992&fl=progressive&q=70&fm=jpg"
          alt=""
          height="400px"
          width="300px"
        />
      </div>
      <div id="profiledetail">
        <dl>
          <dt>User Name</dt>
          <dd>Rajib Kumar</dd>

          <dt>E-mail Address</dt>
          <dd>rajib@gmail.com</dd>

          <dt>Gender</dt>
          <dd>Male</dd>

          <dt>Desctiption</dt>
          <dd>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos
            dolores veritatis pariatur, doloribus, similique nemo eius quia
            necessitatibus, fugit cum incidunt nam dolore a rem cumque voluptas
            provident obcaecati atque?
          </dd>
          <button>Rajib Kumar</button> <button>Sonya Jaiswal</button><br><br>
          <input type="checkbox"><label>Check to Switch Dark Mode</label>
        </dl>
      </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>