Forked from Captain Anonymous's Pen xbaJzN.
A Pen by YAKUP KESKINDAG on CodePen.
<div class="widget__header__cover"> | |
<div class="widget__back"> | |
<span class="back_me"> > </span> | |
</div> | |
<div class="widget__header"> | |
<h1>Invite Friends to WeSwap</h1> | |
</div> | |
</div> |
Forked from Captain Anonymous's Pen xbaJzN.
A Pen by YAKUP KESKINDAG on CodePen.
.widget__header__cover | |
{ | |
width:100%; | |
display:block; | |
height:160px; | |
position:relative; | |
} | |
.widget__back | |
{ | |
width:15%; | |
display: inline-block; | |
background-color:#ffc82f; | |
float:left; | |
height:100%; | |
} | |
span.back_me | |
{ | |
font-size:48px; | |
margin-top:50px; | |
color:white; | |
} | |
.widget__header | |
{ | |
width:85%; | |
display: inline-block; | |
background-color:#e7582b; | |
float:right; | |
height:100%; | |
} | |
h1 | |
{ | |
text-align:center; | |
color: white; | |
padding-top: 5px; | |
font-size: 50px; | |
} |