<div class="container">
<div class="row">
<div class="col-md-3">
<h3 class="font-weight-bold">MDBootstrap</h3>
<p class="mt-4 item"><a>Concept</a></p>
<p class="item"><a>Clock</a></p>
<p class="item"><a>Watch</a></p>
<p class="margin item"><a>Online Shop</a></p>
<p class="item"><a>Recommended</a></p>
<p class="item"><a>Media</a></p>
<p class="item"><a>Shop</a></p>
<p class="item"><a>Contact</a></p>
<p class="item"><a>Repair</a></p>
<p class="item"><a>Member</a></p>
<p class="item"><a><i class="fas fa-chevron-left fa-4x mt-3 ml-2"></i></a></p>
<p class="mt-4"><a><i class="fas fa-square mr-1"></i></a><a><i class="far fa-square mr-1"></i></a><a><i
class="far fa-square mr-1"></i></a><a><i class="far fa-square"></i></a></p>
</div>
<div class="col-md-9" style="left: -35px;">
<div class="row padding">
<div class="col-md-12 font-weight-bold header">
<p style="font-size: 60px; margin-bottom: 0;">Less,</p>
<p style="font-size: 60px; margin-bottom: 2%;">but better</p>
</div>
<div class="row">
<div class="col-md-6">
<p style="font-size: 16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer urna ligula, cursus vitae felis
fringilla, rutrum auctor lectus. Donec interdum velit id vehicula rhoncus. Suspendisse eget eros libero.
Sed et vestibulum erat, a aliquet est. Duis imperdiet erat nisl, ac egestas magna venenatis et. Sed
aliquet metus at ultricies ultrices. Nulla rhoncus eleifend urna at finibus. Pellentesque aliquam quam
in tortor egestas, eget laoreet libero dictum. Mauris egestas ut sem ut elementum. Cras nec mi in magna
tempor pellentesque at ac lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam
laoreet augue sed libero blandit scelerisque. In tristique quam urna. Cras luctus tempus lacus, a mollis
sem ultrices at. Donec non dapibus arcu. Ut eu mollis lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
body {
background: url('https://images.unsplash.com/photo-1534277448999-989742a033af?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1490&q=80') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
ul {
list-style-type: none;
}
p {
margin-bottom: 5%;
}
.container {
margin-top: 8%;
margin-left: 10%;
}
.margin {
margin-bottom: 30% !important;
}
.header {
margin-top: 5%;
padding-left: 0 !important;
}
.item:hover {
color: gray;
}