<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<style>
.container {
height: 100px;
width: 100%;
background-color: #EA344D;
}
.container>div {
float: left;
}
.note-name {
height: 100px;
text-align: center;
font-size: 24px;
line-height: 100px;
}
.left-angle {
border: 50px solid transparent;
border-right: 50px solid white;
border-bottom: 50px solid white;
width:0;
height:0;
}
.just-do-it {
background-color: white;
height: 100px;
font-size: 30px;
line-height: 100px;
}
.right-angle {
border: 50px solid transparent;
border-left: 50px solid white;
border-top: 50px solid white;
width:0;
height:0;
}
</style>
</head>
<body>
<div class="container">
<div class="note-name">Воспользуйтесь сейчас</div>
<div class="left-angle"></div>
<div class="just-do-it">Позвони мне, позвони!</div>
<div class="right-angle"></div>
<div class="empty-div"></div>
</div>
</body>
</html>