Skip to content

Commit 85774f7

Browse files
john-smilgajohn-smilga
committed
29-comfy-store added
1 parent fbbd7a2 commit 85774f7

47 files changed

Lines changed: 2932 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎29-comfy-store/.vscode/settings.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎29-comfy-store/about.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>About | Comfy</title>
7+
<!-- font-awesome -->
8+
<link
9+
rel="stylesheet"
10+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
11+
/>
12+
13+
<!-- styles css -->
14+
<link rel="stylesheet" href="styles.css" />
15+
</head>
16+
17+
<body>
18+
<h2>about page</h2>
19+
<script type="module" src="./src/pages/about.js"></script>
20+
</body>
21+
</html>

‎29-comfy-store/final/about.html‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>About | Comfy</title>
7+
<!-- font-awesome -->
8+
<link
9+
rel="stylesheet"
10+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
11+
/>
12+
13+
<!-- styles css -->
14+
<link rel="stylesheet" href="styles.css" />
15+
</head>
16+
17+
<body>
18+
<!-- navbar -->
19+
<nav class="navbar page">
20+
<div class="nav-center">
21+
<!-- links -->
22+
<div>
23+
<button class="toggle-nav">
24+
<i class="fas fa-bars"></i>
25+
</button>
26+
<ul class="nav-links">
27+
<li>
28+
<a href="index.html" class="nav-link">
29+
home
30+
</a>
31+
</li>
32+
<li>
33+
<a href="products.html" class="nav-link">
34+
products
35+
</a>
36+
</li>
37+
<li>
38+
<a href="about.html" class="nav-link">
39+
about
40+
</a>
41+
</li>
42+
</ul>
43+
</div>
44+
<!-- logo -->
45+
<img src="./images/logo-black.svg" class="nav-logo" alt="logo" />
46+
<!-- cart icon -->
47+
<div class="toggle-container">
48+
<button class="toggle-cart">
49+
<i class="fas fa-shopping-cart"></i>
50+
</button>
51+
<span class="cart-item-count">1</span>
52+
</div>
53+
</div>
54+
</nav>
55+
<!-- hero -->
56+
<section class="page-hero">
57+
<div class="section-center">
58+
<h3 class="page-hero-title">Home / About</h3>
59+
</div>
60+
</section>
61+
<!-- sidebar -->
62+
<div class="sidebar-overlay">
63+
<aside class="sidebar">
64+
<!-- close -->
65+
<button class="sidebar-close">
66+
<i class="fas fa-times"></i>
67+
</button>
68+
<!-- links -->
69+
<ul class="sidebar-links">
70+
<li>
71+
<a href="index.html" class="sidebar-link">
72+
<i class="fas fa-home fa-fw"></i>
73+
home
74+
</a>
75+
</li>
76+
<li>
77+
<a href="products.html" class="sidebar-link">
78+
<i class="fas fa-couch fa-fw"></i>
79+
products
80+
</a>
81+
</li>
82+
<li>
83+
<a href="about.html" class="sidebar-link">
84+
<i class="fas fa-book fa-fw"></i>
85+
about
86+
</a>
87+
</li>
88+
</ul>
89+
</aside>
90+
</div>
91+
<!-- cart -->
92+
<div class="cart-overlay">
93+
<aside class="cart">
94+
<button class="cart-close">
95+
<i class="fas fa-times"></i>
96+
</button>
97+
<header>
98+
<h3 class="text-slanted">your bag</h3>
99+
</header>
100+
<!-- cart items -->
101+
<div class="cart-items"></div>
102+
<!-- footer -->
103+
<footer>
104+
<h3 class="cart-total text-slanted">
105+
total : $12.99
106+
</h3>
107+
<button class="cart-checkout btn">checkout</button>
108+
</footer>
109+
</aside>
110+
</div>
111+
<!-- about -->
112+
<section class="section section-center about-page">
113+
<div class="title">
114+
<h2><span>/</span> our history</h2>
115+
</div>
116+
<p class="about-text">
117+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugiat
118+
accusantium sapiente tempora sed dolore esse deserunt eaque excepturi,
119+
delectus error accusamus vel eligendi, omnis beatae. Quisquam, dicta.
120+
Eos quod quisquam esse recusandae vitae neque dolore, obcaecati incidunt
121+
sequi blanditiis est exercitationem molestiae delectus saepe odio
122+
eligendi modi porro eaque in libero minus unde sapiente consectetur
123+
architecto. Ullam rerum, nemo iste ex, eaque perspiciatis nisi, eum
124+
totam velit saepe sed quos similique amet. Ex, voluptate accusamus
125+
nesciunt totam vitae esse iste.
126+
</p>
127+
</section>
128+
<script type="module" src="./src/pages/about.js"></script>
129+
</body>
130+
</html>

‎29-comfy-store/final/images/logo-black.svg‎

Lines changed: 16 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)