A Pen by Sarah Hamdi

Thumbnail
This awesome code was written by sarahhamdi, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright sarahhamdi ©
  • HTML
  • CSS
  • JavaScript
    <main>
           <section class="header-section">
                 <div class="wrapper">
                       <div class="section-left header-section__left">
                             <!-- <h1 class="header-section__left__header1">everything</h1>
                             <h1 class="header-section__left__header1--thin h1--thin">you need</h1> -->
                             <p>Simpleflex is best solution for you, so you can present your business and services properly.</p>
                             <!-- <a href="#">purchase this theme</a> -->
                       </div>
                       <div class="section-right header-section__right">
                             <img src="images/mockup-1.png" alt="a phone displaying the simpleflex theme">
                       </div>
                 </div>
           </section>


           <section class="about-section">

           </section>





     </main>

/*Downloaded from https://www.codeseek.co/sarahhamdi/a-pen-by-sarah-hamdi-ELaGJy */
    
.header-section {
     background:linear-gradient(left, $yellowleft 50%, $yellowright 50%);
     display:flex;
     flex-flow:row wrap;
     .header-section__left{
           background:blue;
           display:inline-block;
           width:50%;
           // display:flex;
           flex-flow:column wrap;
           justify-content:center;
           align-items:center;
           .header-section__left__header1{
                 text-transform:uppercase;
           }
           .header-section__left__header1--thin{
                 text-transform:uppercase;
                 color:white;
           }
     }
     .header-section__right{
           display:inline-block;
           width:40%;
           background:red;
     }
}


/*Downloaded from https://www.codeseek.co/sarahhamdi/a-pen-by-sarah-hamdi-ELaGJy */
    

Comments