Skip to content

Commit e7b3c9b

Browse files
author
d3win
committed
ultimo
1 parent e750970 commit e7b3c9b

File tree

3 files changed

+635
-430
lines changed

3 files changed

+635
-430
lines changed

‎index.html‎

Lines changed: 161 additions & 161 deletions
Original file line numberDiff line numberDiff line change
@@ -1,168 +1,168 @@
1+
12
<!DOCTYPE html>
23
<html lang="en">
34
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link rel="preconnect" href="https://fonts.googleapis.com">
8-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9-
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap" rel="stylesheet">
10-
<link rel="stylesheet" href="./styles.css">
11-
12-
<title>Document</title>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap" rel="stylesheet">
11+
<link rel="stylesheet" href="./styles.css">
12+
<title>YardSale: tienda online de cositas chidas</title>
1313
</head>
1414
<body>
15-
<nav>
16-
<img src="./icons/icon_menu.svg" alt="menu" class="menu">
17-
18-
<div class="navbar-left">
19-
<img src="./logos/logo_yard_sale.svg" alt="logo" class="logo">
20-
21-
<ul>
22-
<li>
23-
<a href="/">All</a>
24-
</li>
25-
<li>
26-
<a href="/">Clothes</a>
27-
</li>
28-
<li>
29-
<a href="/">Electronics</a>
30-
</li>
31-
<li>
32-
<a href="/">Furnitures</a>
33-
</li>
34-
<li>
35-
<a href="/">Toys</a>
36-
</li>
37-
<li>
38-
<a href="/">Others</a>
39-
</li>
40-
</ul>
41-
</div>
42-
43-
<div class="navbar-right">
44-
<ul>
45-
<li class="navbar-email">[email protected]</li>
46-
47-
<li class="navbar-shopping-cart">
48-
<img src="./icons/icon_shopping_cart.svg" alt="shopping cart">
49-
<div>2</div>
50-
</li>
51-
</ul>
52-
</div>
53-
54-
<div class="desktop-menu inactive">
55-
<ul>
56-
<li>
57-
<a href="/" class="title">My orders</a>
58-
</li>
59-
60-
<li>
61-
<a href="/">My account</a>
62-
</li>
63-
64-
<li>
65-
<a href="/">Sign out</a>
66-
</li>
67-
</ul>
68-
</div>
69-
70-
<div class="mobile-menu inactive">
71-
<ul>
72-
<li>
73-
<a href="/">CATEGORIES</a>
74-
</li>
75-
<li>
76-
<a href="/">All</a>
77-
</li>
78-
<li>
79-
<a href="/">Clothes</a>
80-
</li>
81-
<li>
82-
<a href="/">Electronics</a>
83-
</li>
84-
<li>
85-
<a href="/">Furnitures</a>
86-
</li>
87-
<li>
88-
<a href="/">Toys</a>
89-
</li>
90-
<li>
91-
<a href="/">Other</a>
92-
</li>
93-
</ul>
94-
95-
<ul>
96-
<li>
97-
<a href="/">My orders</a>
98-
</li>
99-
<li>
100-
<a href="/">My account</a>
101-
</li>
102-
</ul>
103-
104-
<ul>
105-
<li>
106-
<a href="/" class="email">[email protected]</a>
107-
</li>
108-
<li>
109-
<a href="/" class="sign-out">Sign out</a>
110-
</li>
111-
</ul>
112-
</div>
113-
114-
</nav>
115-
116-
117-
<aside class="product-detail">
118-
<div class="title-container">
119-
<img src="./icons/flechita.svg" alt="arrow">
120-
<p class="title">My order</p>
121-
</div>
122-
123-
<div class="my-order-content">
124-
<div class="shopping-cart">
125-
<figure>
126-
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
127-
</figure>
128-
<p>Bike</p>
129-
<p>$30,00</p>
130-
<img src="./icons/icon_close.png" alt="close">
131-
</div>
132-
133-
<div class="shopping-cart">
134-
<figure>
135-
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
136-
</figure>
137-
<p>Bike</p>
138-
<p>$30,00</p>
139-
<img src="./icons/icon_close.png" alt="close">
140-
</div>
141-
142-
<div class="shopping-cart">
143-
<figure>
144-
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
145-
</figure>
146-
<p>Bike</p>
147-
<p>$30,00</p>
148-
<img src="./icons/icon_close.png" alt="close">
149-
</div>
150-
151-
<div class="order">
152-
<p>
153-
<span>Total</span>
154-
</p>
155-
<p>$560.00</p>
156-
</div>
157-
158-
<button class="primary-button">
159-
Checkout
160-
</button>
161-
</div>
162-
</div>
163-
</aside>
164-
165-
<script src="./main.js"></script>
15+
<nav>
16+
<img src="./icons/icon_menu.svg" alt="menu" class="menu">
17+
<div class="navbar-left">
18+
<img src="./logos/logo_yard_sale.svg" alt="logo" class="logo">
19+
<ul>
20+
<li>
21+
<a href="/">All</a>
22+
</li>
23+
<li>
24+
<a href="/">Clothes</a>
25+
</li>
26+
<li>
27+
<a href="/">Electronics</a>
28+
</li>
29+
<li>
30+
<a href="/">Furnitures</a>
31+
</li>
32+
<li>
33+
<a href="/">Toys</a>
34+
</li>
35+
<li>
36+
<a href="/">Others</a>
37+
</li>
38+
</ul>
39+
</div>
40+
<div class="navbar-right">
41+
<ul>
42+
<li class="navbar-email"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="81f1ede0f5fbe8c1e4f9e0ecf1ede4afe2eeec">[email&#160;protected]</a></li>
43+
<li class="navbar-shopping-cart">
44+
<img src="./icons/icon_shopping_cart.svg" alt="shopping cart">
45+
<div>2</div>
46+
</li>
47+
</ul>
48+
</div>
49+
<div class="desktop-menu inactive">
50+
<ul>
51+
<li>
52+
<a href="/" class="title">My orders</a>
53+
</li>
54+
<li>
55+
<a href="/">My account</a>
56+
</li>
57+
<li>
58+
<a href="/">Sign out</a>
59+
</li>
60+
</ul>
61+
</div>
62+
<div class="mobile-menu inactive">
63+
<ul>
64+
<li>
65+
<a href="/">CATEGORIES</a>
66+
</li>
67+
<li>
68+
<a href="/">All</a>
69+
</li>
70+
<li>
71+
<a href="/">Clothes</a>
72+
</li>
73+
<li>
74+
<a href="/">Electronics</a>
75+
</li>
76+
<li>
77+
<a href="/">Furnitures</a>
78+
</li>
79+
<li>
80+
<a href="/">Toys</a>
81+
</li>
82+
<li>
83+
<a href="/">Other</a>
84+
</li>
85+
</ul>
86+
<ul>
87+
<li>
88+
<a href="/">My orders</a>
89+
</li>
90+
<li>
91+
<a href="/">My account</a>
92+
</li>
93+
</ul>
94+
<ul>
95+
<li>
96+
<a href="/" class="email"><span class="__cf_email__" data-cfemail="196975786d6370597c61787469757c377a7674">[email&#160;protected]</span></a>
97+
</li>
98+
<li>
99+
<a href="/" class="sign-out">Sign out</a>
100+
</li>
101+
</ul>
102+
</div>
103+
</nav>
104+
<aside id="shoppingCartContainer" class="inactive">
105+
<div class="title-container">
106+
<img src="./icons/flechita.svg" alt="arrow">
107+
<p class="title">My order</p>
108+
</div>
109+
<div class="my-order-content">
110+
<div class="shopping-cart">
111+
<figure>
112+
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
113+
</figure>
114+
<p>Bike</p>
115+
<p>$30,00</p>
116+
<img src="./icons/icon_close.png" alt="close">
117+
</div>
118+
<div class="shopping-cart">
119+
<figure>
120+
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
121+
</figure>
122+
<p>Bike</p>
123+
<p>$30,00</p>
124+
<img src="./icons/icon_close.png" alt="close">
125+
</div>
126+
<div class="shopping-cart">
127+
<figure>
128+
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
129+
</figure>
130+
<p>Bike</p>
131+
<p>$30,00</p>
132+
<img src="./icons/icon_close.png" alt="close">
133+
</div>
134+
<div class="order">
135+
<p>
136+
<span>Total</span>
137+
</p>
138+
<p>$560.00</p>
139+
</div>
140+
<button class="primary-button">
141+
Checkout
142+
</button>
143+
</div>
144+
</div>
145+
</aside>
146+
<aside id="productDetail" class="inactive">
147+
<div class="product-detail-close">
148+
<img src="./icons/icon_close.png" alt="close">
149+
</div>
150+
<img src="https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="bike">
151+
<div class="product-info">
152+
<p>$35,00</p>
153+
<p>Bike</p>
154+
<p>With its practical position, this bike also fulfills a decorative function, add your hall or workspace.</p>
155+
<button class="primary-button add-to-cart-button">
156+
<img src="./icons/bt_add_to_cart.svg" alt="add to cart">
157+
Add to cart
158+
</button>
159+
</div>
160+
</aside>
161+
<section class="main-container">
162+
<div class="cards-container">
166163

164+
</div>
165+
</section>
166+
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="./main.js"></script>
167167
</body>
168-
</html>
168+
</html>

0 commit comments

Comments
 (0)