A Pen by Cláudio Pedro Mindouro

This awesome code was written by claudiopedrom, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright claudiopedrom ©


  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>A Pen by  Cl√°udio Pedro Mindouro</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

      <link rel="stylesheet" href="css/style.css">



  <div class="hero">
  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vel debitis voluptatibus provident eaque mollitia veritatis nihil alias, reprehenderit, expedita laborum numquam id harum dolorem commodi eum? Nihil veniam quidem provident.</p>



/*Downloaded from https://www.codeseek.co/claudiopedrom/a-pen-by-clandxe1udio-pedro-mindouro-QrOrRv */
.hero {
  position: relative;
  width: 1380px;
  height: 470px;
  background-color: transparent;
.hero:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(71deg, #00c4bf, #035d71);
  box-shadow: 0 37px 24px -30px rgba(43, 49, 56, 0.2);
  transform: skew(0, 1deg);
  z-index: -1;