Day 234
Color picker for the bonus...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
<section id="color-collection">
<div class="container">
<div class="left-side">
<img src="img/headphones.png" alt="">
</div> <!-- Close "left-side" -->
<div class="right-side">
<div class="swatch-area box-shadow-center">
<div class="circle box-shadow-down">
</div> <!-- Close "circle box-shadow-down" -->
</div> <!-- Close "swatch-area box-shadow-center" -->
<div class="info-box box-shadow-center">
<h2>
<span class="orange">The</span>
<span class="blue">Color</span>
<span class="purple">Collection</span>
</h2>
<p>
Let the world in with one quick gesture
</p>
<a href="#">Explore</a>
<div class="line"></div>
</div> <!-- Close "info-box box-shadow-center" -->
<div class="color-slider">
<div class="picker box-shadow-center">
</div> <!-- Close "picker box-shadow-center" -->
</div> <!-- Close "color-slider" -->
</div> <!-- Close "right-side" -->
</div> <!-- Close "container" -->
</section> <!-- Close "color-collection" -->
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
<section id="color-collection">
<div class="container">
<div class="left-side">
<img src="img/headphones.png" alt="">
</div> <!-- Close "left-side" -->
<div class="right-side">
<div class="swatch-area box-shadow-center">
<div class="circle box-shadow-down">
</div> <!-- Close "circle box-shadow-down" -->
</div> <!-- Close "swatch-area box-shadow-center" -->
<div class="info-box box-shadow-center">
<h2>
<span class="orange">The</span>
<span class="blue">Color</span>
<span class="purple">Collection</span>
</h2>
<p>
Let the world in with one quick gesture
</p>
<a href="#">Explore</a>
<div class="line"></div>
</div> <!-- Close "info-box box-shadow-center" -->
<div class="color-slider">
<div class="picker box-shadow-center">
</div> <!-- Close "picker box-shadow-center" -->
</div> <!-- Close "color-slider" -->
</div> <!-- Close "right-side" -->
</div> <!-- Close "container" -->
</section> <!-- Close "color-collection" -->
Comments
Post a Comment