<div class="container">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8 hotpink">
<div class="row">
<div class="left-side pink col-md-10"></div>
<div class="right-side deeppink col-md-2">
<a href="" class="btn">отправить</a>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>.hotpink {
width: 100%;
height: 100vh;
background: hotpink;
}
.pink {
width: 100%;
height: 100vh;
background: pink;
}
.deeppink {
width: 100%;
height: 100vh;
background: deeppink;
}
<!doctype html>
<html>
<head>
<title>title</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8 hotpink">
<div class="row">
<div class="left-side pink col-md-10"></div>
<div class="right-side deeppink col-md-2">
<a href="" class="btn">отправить</a>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
</body>
</html>
