Comfy-Store/about.html at master · Rumazor/Comfy-Store · 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
109
110
111
112
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Proyecto de E-commerce usando solamente HTML,CSS y Vanilla Javascript.">
    <title>About | Comfy</title>
    <!-- font-awesome -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
    />

    <!-- styles css -->
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body>
        <!-- NAVBAR -->
        <nav class="navbar page">
          <div class="nav-center">
            <!-- LINKS -->
            <div>
              <button class="toggle-nav">
                <i class="fas fa-bars"></i>
              </button>
              <ul class="nav-links text-slanted">
                <li>
                  <a href="index.html" class="nav-link">Home</a>
                </li>
                <li>
                  <a href="products.html" class="nav-link">Products</a>
                </li>
                <li>
                  <a href="about.html" class="nav-link">About</a>
                </li>
              </ul>
            </div>
            <!-- LOGO -->
            <img src="./images/logo-black.svg" class="nav-logo" alt="logo">
            <!-- CART ICON -->
            <div class="toggle-container">
              <button class="toggle-cart">
                <i class="fas fa-shopping-cart"></i>
              </button>
              <span class="cart-item-count">1</span>
            </div>
          </div>
        </nav>
        <!-- HERO -->
        <section class="page-hero">
          <div class="section-center">
            <h3 class="page-hero-title">Home / About</h3>
          </div>
        </section>
        <!-- SIDEBAR -->
        <div class="sidebar-overlay">
          <aside class="sidebar">
            <!-- close -->
            <button class="sidebar-close">
              <i class="fas fa-times"></i>
            </button>
            <!-- links -->
            <ul class="sidebar-links">
              <li>
                <a href="index.html" class="sidebar-link">
                  <i class="fas fa-home fa-w"></i>
                  Home
                </a>
              <li>
                <a href="products.html" class="sidebar-link">
                  <i class="fas fa-couch fa-w"></i>
                  Products
                </a>
              <li>
                <a href="about.html" class="sidebar-link">
                  <i class="fas fa-book fa-fw"></i>
                  About us
                </a>
              </li>
            </ul>
          </aside>
        </div>
        <!-- CART -->
        <div class="cart-overlay">
          <aside class="cart">
            <button class="cart-close">
              <i class="fas fa-times"></i>
            </button>
            <header>
              <h3 class="text-slanted">your bag</h3>
            </header>
            <!-- cart-items -->
            <div class="cart-items">
            </div>
            <!-- footer -->
            <footer>
              <h3 class="cart-total text-slanted"></h3>
              <button class="cart-checkout btn">Checkout</button>
            </footer>
          </aside>
        </div>
        <!-- about -->
        <div class="section section-center about-page">
          <div class="title">
            <h2><span>/</span>Our history</h2>
          </div>
          <p class="about-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt sed minus eum consectetur vel ad ipsa deleniti architecto distinctio debitis suscipit itaque facere voluptate sapiente voluptatibus culpa a fuga eius perferendis, cupiditate, assumenda expedita? Ullam magnam obcaecati sequi dignissimos laborum qui aperiam illum sed iusto, omnis nam aliquam quis voluptatem. Commodi, eaque incidunt. Nulla nostrum earum consequatur error quidem vitae molestias quo ipsam commodi. Iusto, deleniti eos. Fugit, nostrum voluptatum in eaque ipsum pariatur cumque officiis, fuga repudiandae natus optio aspernatur eveniet beatae. Architecto deleniti minima assumenda in nam exercitationem?</p>
        </div>
    <script type="module" src="./src/pages/about.js"></script>
  </body>
</html>