Hello,
Here is the code:
1.
<span class="ion-earth ha"></span>
<h2>Freight</h2>
Trucks, Boat and More
<p class="readmore"><a class="btn" href="#">More Info</a></p>
2. The module suffix used here to get the lines on the right is "-highlight_border". Then each 1 of the 4 custom HTML modules has the following:
3. The S5 Tab module here is using the large title suffix and the pricing table code is below.
<div style="width:80%;margin: 0 auto;">
<div class="s5_pricetable_3">
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Hourly Car Rate</div>
<span class="dollarsign">$</span><span class="price">45</span>
<div class="s5_options">
Car Rental Starts at $45<br>
Weekend Specials<br>
Weekly Specials<br>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a class="button s5_pricetable" href="#">Our Fleet</a></div>
</div>
</div>
<div class="s5_pricetable_column recommended">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Charter a Jet</div>
<span class="dollarsign">$</span><span class="price">799</span>
<div class="s5_options">
Rates Start at $799<br>
Weekend Specials<br>
Group Discounts<br>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a class="button s5_pricetable" href="#">Charter</a></div>
</div>
</div>
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Taxi Pickup</div>
<span class="dollarsign">$</span><span class="price">25</span>
<div class="s5_options">
Airport to Destination<br>
Airport Pickup<br>
Free Meal<br>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a class="button s5_pricetable" href="#">Book a Date</a></div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
The code for the FAQ can be found here:
<div style="width:80%;margin: 0 auto;">
<div class="faq_wrap">
<br>
<section class="ac-container2">
<div>
<input id="ac2-1" name="accordion2-1" type="radio" checked="">
<label for="ac2-1">1. Where is your company located?</label>
<article class="ac-small2">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis gravida justo, a rhoncus sem volutpat in. Pellentesque lacinia lacinia ligula, eget tempor elit sagittis non. Vestibulum pellentesque lorem nec diam interdum pellentesque.</p>
</article>
</div>
<div>
<input id="ac2-2" name="accordion2-1" type="radio">
<label for="ac2-2">2. What are your hours of operation?</label>
<article class="ac-medium2">
<p>Etiam tempus facilisis ultrices. Nam adipiscing nunc nec est dapibus, eget eleifend velit mattis. Curabitur facilisis a rhoncus sem volutpat in condimentum augue at viverra. Ut ut tortor feugiat, dignissim nulla non, venenatis leo.</p>
</article>
</div>
<div>
<input id="ac2-3" name="accordion2-1" type="radio">
<label for="ac2-3">3. How can book a rental?</label>
<article class="ac-large2">
<p> Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, a rhoncus sem volutpat in eleifend ornare libero. Cras iaculis interdum dui. </p>
</article>
</div>
</section>
</div>
</div>
4. This code is published to the "text" box:
<span class="left">
<span class="slide_title">
Brand <span class="s5_highlight">New<br>
challenger</span> Jets<br>
To charter
</span>
<span class="slide_text">
</span>
<a class="readon" style="margin-right:45px;" href="index.php/features-mainmenu-47/template-specific-features">Read More</a>
</span>
<span class="right">
<img alt="" src="/demo/zoka_transports/images/iacf1_pic.png">
</span>