PwdBxp

index.html

<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>

PwdBxp.markdown

PwdBxp

Forked from Captain Anonymous's Pen xbaJzN.

A Pen by YAKUP KESKINDAG on CodePen.

License.

style.css

.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; 
}