Skip to content

Commit

Permalink
edit header
Browse files Browse the repository at this point in the history
  • Loading branch information
ibrahem-hassan2000 committed Jul 8, 2024
1 parent 565271c commit 9bfbd2e
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 33 deletions.
3 changes: 3 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -2950,6 +2950,8 @@ header .content .headerTop .auth span {
.mainHeader .content .part2 .boxImgHeader img {
max-width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom;
}
.mainHeader .content .part2 .fade2 {
height: 100%;
Expand Down Expand Up @@ -2978,6 +2980,7 @@ header .content .headerTop .auth span {
bottom: 34px;
display: flex !important;
align-items: center;
justify-content: center;
}
/*headerLinks*/
.headerLinks {
Expand Down
75 changes: 42 additions & 33 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -207,40 +207,54 @@ <h2 class="titleHeader2">Reflect & Shine: <span> Your Premier Store</span></h2>
<div class="logoCenter">
<img src="./images/MainLogo.svg" alt="logo">
</div>
<div class="content">
<div class="part1">
<h2>
<span>Dress like you’re</span>
already famous.
</h2>
<p>Create an engaging, user-friendly e-commerce platform specializing in selling a wide range of mirror
products. The website should showcase various mirror types, including decorative mirrors, functional
mirrors, smart mirrors, and custom-made options. The design should reflect elegance and modernity,
appealing
to both individual consumers and interior designers.</p>
<a href="#" class="shopNow">SHOP NOW</a>
</div>
<div class="part2">
<div class="fade2">
<div>
<div>
<div class="fade2">
<div class="content">

<div class="part1">
<h2>
<span>Dress like you’re</span>
already famous.
</h2>
<p>Create an engaging, user-friendly e-commerce platform specializing in selling a wide range of mirror
products. The website should showcase various mirror types, including decorative mirrors, functional
mirrors, smart mirrors, and custom-made options. The design should reflect elegance and modernity,
appealing
to both individual consumers and interior designers.</p>
<a href="#" class="shopNow">SHOP NOW</a>
</div>
<div class="part2">
<div class="boxImgHeader">
<img src="./images/woman.png" />
</div>
</div>
<div>
<div class="boxImgHeader">
<img src="./images/woman2.png" />
</div>
</div>
<div class="content">

<div class="part1">
<h2>
<span>Dress2 like you’re</span>
already famous.
</h2>
<p>Create an engaging, user-friendly e-commerce platform specializing in selling a wide range of mirror
products. The website should showcase various mirror types, including decorative mirrors, functional
mirrors, smart mirrors, and custom-made options. The design should reflect elegance and modernity,
appealing
to both individual consumers and interior designers.</p>
<a href="#" class="shopNow">SHOP NOW</a>
</div>
<div>
<div class="part2">

<div class="boxImgHeader">
<img src="./images/woman.png" />
<img src="./images/woman2.png" />
</div>

</div>
</div>

</div>
</div>


</div>

</div>
Expand All @@ -267,23 +281,18 @@ <h2>
</ul>
<ul class="part part2">
<li>
<a href="#">ALL</a>
<a href="#">Blog</a>
</li>
<li>
<a href="#">MEN</a>
<a href="#">About us</a>
</li>
<li>
<a href="#">WOMEN</a>
<a href="#">FAQ</a>
</li>
<li>
<a href="#">KIDS</a>
</li>
<li>
<a href="#">ACCESSORIES</a>
</li>
<li>
<a href="#">BRANDS</a>
<a href="#">Contact us</a>
</li>

</ul>
</div>
</div>
Expand Down

0 comments on commit 9bfbd2e

Please sign in to comment.