акценты

by pharma_nsk

HTML

<body>
<div class="box">
<div class="text">
акценты 
</div>
<div class="lines">
<div class="dark first">
</div><div class="dark second"></div>
</div>
</div>
</body>

CSS

body {background-color:white; font-family:sans-serif;}
.box {background-color:#E3E3E3; width:80%; margin:20px auto; padding:15px; overflow: hidden; position:relative;}
.text {background-color:#405678; color:white; text-transform:uppercase; font-size:30px;font-weight:bold; padding:5px 15px;}
.lines {background-color:#E3E3E3;padding:15px; width:160px; height:90px; transform: rotate(-75deg); position: absolute; top:-20px; left:260px;}
.dark {background-color:#BFC3C9;}
.first {height:45px; margin-bottom:15px;}
.second {height:30px;}