Scribd
Upload
16 views3 pages

Fashion

Uploaded by

xaminjonovxondamir004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views3 pages

Fashion

Uploaded by

xaminjonovxondamir004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Xaminjonov Xondamir 650-21-guruh

link https://github.com/xondamirdev/fashion
index.html

<body>
<header class="header">
<div class="container">
<h1 class="logo">FASCO</h1>
<nav>
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Pages</a></li>
</ul>
</nav>
</div>
</header>
<main class="main-content">
<div class="breadcrumb">
<a href="#">Home</a> &gt; <a href="#">Shop</a> &gt; Fashion
</div>
<div class="content-wrapper">
<aside class="filters">
<h2>Filters</h2>
<div class="filter-group">
<h3>Size</h3>
<div class="filter-options">
<label><input type="checkbox"> S</label>
<label><input type="checkbox"> M</label>
</div>
</div>
<div class="filter-group">
<h3>Colors</h3>
<div class="color-options">
<span class="color" style="background: #f00;"></span>
</div>
</div>
<div class="filter-group">
<h3>Prices</h3>
<ul>
<li><a href="#">$0-$50</a></li>
<li><a href="#">$50-$100</a></li>
<li><a href="#">$100-$150</a></li>
</ul>
</div>
Style.css

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
color: #333;
line-height: 1.6;
}

a {
text-decoration: none;
color: inherit;
}

ul {
list-style: none;
padding: 0;
margin: 0;
}

.container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
background: #f8f8f8;
}

/* Header */
.header {
border-bottom: 1px solid #ddd;
}

.logo {
font-size: 24px;
font-weight: bold;
}

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy