How to typeset arrows over a grid? In the layout using Bootstrap.
I don't know what the relative I position the punch relative to the block .clients, but it is not clear what margins to set, to make it as a layout.
Code block:
<!-- start. clients -->

These guys are incredible! I get my project in 10 days and it was awesome!
Very good service! Highly recommended!
John Smith
<!-- end. clients -->
.clients { color: #fff; height: 501px; background: url('../img/bg/bg-clients.png') no-repeat center; font-family: 'Open Sans', sans-serif; position: relative; } .clients .wrap-clients { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .clients .wrap-img-clients { margin-bottom: 50px; border-radius: 50%; display: inline-block; } .clients .wrap-img clients .img-client { width: 120px; } .clients .paragraph { color: #fff; font-style: italic; font-size: 1.563 em; line-height: 40px; margin-bottom: 28px; } .clients .name { font-size: 18px; font-weight: 600; }