<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href='https://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet'> <div class="services-section text-center"> <div class="container"> <div class="site-title"> <h3>Why Choose Us</h3> <p>Vivamus pulvinar imperdiet</p> </div> <div class="services-three-columns"> <div class="col-md-4 services-column"> <span class="glyphicon glyphicon-cog icon"></span> <h5>Curabitur viverra nunc</h5> <p>Ut nulla libero, luctus quis varius efficitur, molestie non felis. Phasellus eget rutrum enim. Sed ac est tincidunt, tristique quam aliquam</p> </div> <div class="col-md-4 services-column"> <span class="glyphicon glyphicon-cog icon"></span> <h5>Curabitur viverra nunc</h5> <p>Ut nulla libero, luctus quis varius efficitur, molestie non felis. Phasellus eget rutrum enim. Sed ac est tincidunt, tristique quam aliquam</p> </div> <div class="col-md-4 services-column"> <span class="glyphicon glyphicon-cog icon"></span> <h5>Curabitur viverra nunc</h5> <p>Ut nulla libero, luctus quis varius efficitur, molestie non felis. Phasellus eget rutrum enim. Sed ac est tincidunt, tristique quam aliquam</p> </div> <div class="clearfix"> </div> </div> </div> </div>

body { font-family: 'Amaranth';font-size: 17px; } .services-section { background: #e4dee5; padding: 4em 0; } .site-title h3 { color: #000000; font-size: 2.5em; margin: 0; letter-spacing: 1px; font-weight: 800; } .site-title p { color: #999999; font-size: .9em; margin: 0; } .services-column h5 { color: #000000; font-size: 1.5em; margin: .5em 0; font-weight: 600; } .services-column p { color: #212121; font-size: .9em; line-height: 1.8em; margin: 0; } .icon { color : red; padding:15px; font-size:40px; }