Untitled

mail@pastecode.io avatar
unknown
html
2 months ago
978 B
4
Indexable
Never
<div id="container">
  <div id='round-corners'></div>
</div>
<div id="vertical-line"></div>
<div id="vertical-line2"></div>
<div id="horizontal-line"></div>
<style>
#horizontal-line{
  width: 40vw;
  height: 2vh;
  background: #0A6B91;
  position: absolute;

  left: 28.4vw;
  top: 49vh;
}
  
#vertical-line{
  width: 1.6vw;
  height: 40vh;
  background: #0A6B91;
  position: absolute;

  left: 48.4vw;
  top: 30vh;
}

#vertical-line2{
  width: 1.6vw;
  height: 40vh;
  background: #0A6B91;
  position: absolute;

  left: 37.4vw;
  top: 30vh;
}
  
  
#round-corners{
  background: #ACDDF9;
  width: 25vw;
  height: 25.3vh;

  position: absolute;
  top: 37.6vh;
  right: 43.8vw;
  border-radius: 10px;
}
#container{
  background: #0A6B91;
  width: 50vw;
  height: 41.5vh;

  clip-path: polygon(0% 0%, 82.3% 0%, 100% 28.3%, 100% 100%, 0% 100%);
}
  
 body{
   height: 95vh;
   display: flex;
  justify-content: center;
   align-items: center;
   background: #ACDDF9;
 }
</style>

Leave a Comment