W module mam:
Kod:
<div class="row"><h2 class="box-header">OUR SERVICES</h2>
<p class="description align-center" style="text-align: left;">If you are looking for the best quality, hand-made, completely custom woodwork, you've come to the right place.</p>
<p class="description align-center" style="text-align: left;">At PL Woodworking Inc., we take great personal pride in the woodworking we build, and the service we provide our customers.</p>
<ul class="services-list clearfix page-margin-top row">
<li class="col-md-4"><a title="Interior Renovation" href="#"> <img style="display: block;" src="images/renovate/image_01.jpg" alt="" /> </a>
<h4 class="box-header"><a title="Interior Renovation" href="#">INTERIOR PRODUCTS</a></h4>
<p style="text-align: justify;">From cherry to maple, ash and mahogany, we specialize in custom build in cabinets, arches , ceiling , mantels opening, wainscot, paneling. We install doors and mouldings.</p>
</li>
<li class="col-md-4"><a title="Interior Renovation" href="#"> <img style="display: block;" src="images/renovate/image_02.jpg" alt="" /> </a>
<h4 class="box-header"><a title="Interior Renovation" href="#">EXTERIOR PRODUCTS</a></h4>
<p style="text-align: justify;">For a graceful addition to your home, deck, or outdoor space. We have everything you need to get started on your summer project, from stair rails and decking to exterior trim.</p>
</li>
<li class="col-md-4"><a title="Tiling and Painting" href="#"> <img style="display: block;" src="images/renovate/image_03.jpg" alt="" /> </a>
<h4 class="boxa-header"><a title="Tiling and Painting" href="#">REFINISHING</a></h4>
<p style="text-align: justify;">If you have an old house blessed with artful millwork, you can always breathe new life into it with proper cleaning or refinishing methods.</p>
</li>
</ul>
</div>
A w stylach mam już to dodane:
Kod:
#service { background: #F5F5F5;
padding-top: 65px;
}
#service .services-list {
list-style: none;
}
#service .services-list li {
background: #FFF;
padding-bottom: 26px;
}
#service .services-list li h4 {
margin-top: 22px;
text-align: center;
}
#service .services-list li h4.box-header:after {
margin-top: 23px;
margin-left: auto;
margin-right: auto;
}
#service .services-list li p {
text-align: center;
font-size: 14px;
line-height: 24px;
padding: 0 25px;
margin-top: 24px;
}
#service .services-list li.col-md-4 {
padding-left: 0;
padding-right: 0;
}
#service .services-list a >img {
width: 100%;
}
Dalej nie wiem co może być nie tak. Jak podpatruje wyświetlanie w Chrome, to tak jakby wogóle nie uzywało znacznika service.