Content Divider
A0012
Code With ACF Integration
HTML
<!-- A0012 Start ---------------------------------------------->
<?php if ( have_rows( 'a0012' ) ) : ?>
<?php while ( have_rows( 'a0012' ) ) : the_row();?>
<section id="a0012">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4 mt-4" align="center">
<?php echo get_sub_field('col_1'); ?>
</div>
<div class="col-12 col-lg-4 mt-4" align="center">
<?php echo get_sub_field('col_2'); ?>
</div>
<div class="col-12 col-lg-4 mt-4" align="center">
<?php echo get_sub_field('col_3'); ?>
</div>
</div>
</div>
</section>
<?php endwhile; ?>
<?php endif; ?>
<!-- A0012 END ---------------------------------------------->CSS
/* A0012 END ------------------------------------------------------*/
#a0012{
background-color: #231f20;
color: #fff;
padding-bottom: 10px;
font-size: 20px;
font-weight: 700;
margin-top: 40px;
}
/* A0010 ------------------------------------------------------*/Code Only (Without ACF Integration)
HTML
<!-- A0012 Start ----------------------------------------------> <section id="a0012"> <div class="container"> <div class="row"> <div class="col-12 col-lg-4 mt-4" align="center"> Content 3 </div> <div class="col-12 col-lg-4 mt-4" align="center"> Content 2 </div> <div class="col-12 col-lg-4 mt-4" align="center"> Content 1 </div> </div> </div> </section> <!-- A0012 END ---------------------------------------------->
CSS
/* A0012 END ------------------------------------------------------*/
#a0012{
background-color: #231f20;
color: #fff;
padding-bottom: 10px;
font-size: 20px;
font-weight: 700;
margin-top: 40px;
}
/* A0010 ------------------------------------------------------*/bc5
Code Only (Without ACF Integration)
HTML
<!-- BC5 -- Body Content -----------------------> <section class="wa_bc5 mt-4"> <div class="container"> <div class="row"> <div class="col-12"> <h2>OUR FLEET</h2> <p>THE ULTIMATE IN SAFETY, SERVICE AND SATISFACTION</p> </div> </div> </div> </section> <!-- BC5 End -------------------------------------->
CSS
/* BC5 Body Content --------------------------------*/
.wa_bc5{
background-image: url(../images/fleet.jpg);
background-repeat: no-repeat;
background-color: #000;
color: #f9a90c;
padding-top: 20px;
padding-bottom: 10px;
}
.wa_bc5 h2{
margin-bottom: 30px;
font-size: 3em;
}
.wa_bc5 p{
font-size: 2em;
}
/* BC5 End ----------------------------------------------------------*/Need to create Visio Stencil
A0040
Code With ACF Integration
HTML
<!-- A0040 Start -------------------------------->
<?php if ( have_rows( 'a0040' ) ) : ?>
<?php while ( have_rows( 'a0040' ) ) : the_row();?>
<section class="a0040">
<div class="container">
<div class="row">
<div class="col-12 col-lg-9">
<h2><?php echo get_sub_field('header'); ?></h2>
</div>
<div class="col-12 col-lg-3">
<a href="<?php echo get_sub_field('button_url'); ?>"><?php echo get_sub_field('button_text'); ?></a>
</div>
</div>
</div>
</section>
<?php endwhile; ?>
<?php endif; ?>
<!-- A0040 -- END ------------------------------->CSS
/* A0040 Start --------------------*/
.a0040{
background: #272727;
padding-top: 30px;
padding-bottom: 10px;
}
.a0040 H2{
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 35px;
line-height: 53px;
text-align: center;
color: #FFFFFF;
margin-bottom: 20px;
}
.a0040 a{
background: #CF3439;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #FFFFFF;
padding: 10px 50px;
margin: auto;
display: block;
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.a0040 H2 {
font-size: 30px;
}
.a0040 a {
font-size: 18px;
}
}
/* A0040 END --------------------*/
