Skew Box

Paralinx

by Wosley Bago

HTML

<div id="contact">       
	 <section id="black-studio-tinymce-4" class="widget widget_black_studio_tinymce">
       <div class="textwidget">
         <p>Are you looking for a specific part or need help?</p>
       </div>
    </section>
    <section id="black-studio-tinymce-5" class="widget widget_black_studio_tinymce">
        <div class="textwidget">
          <ul>
            <li>
              <a href="/contact-us">Contact Us</a>
            </li>
          </ul>
        </div>
    </section>			
</div>

CSS

#contact{
  display: flex;
  background: black;
}

p, a{
  color: white;
}

.textwidget li a{
  width: 200px;
  font-size: 18px;
  background: red;
}

#black-studio-tinymce-4{
  background: blue;
  transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);

}