Forum Support

Shape 5
March 28, 2024, 11:43:45 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Custom Code  (Read 812 times)
schulzlaw
Jr. Member
**
Offline Offline

Posts: 7



« on: May 19, 2018, 04:43:59 AM »

Hi, can you provide me with the custom code for the following modules  (home/start page):

1. Horizontal Accordion (freight, air, train, cars)
2.  "A New Generation of Services"
3. "Our Services Pricing and More"
4. Image and Content Fader ("Our Fleet of Transport")

Thanks in advance.

Kind regards,
Andreas


Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: May 21, 2018, 10:58:37 AM »

Hello,

Here is the code:

1.

Code:
<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.

Code:
<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:


Code:
<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:

Code:
<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>
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.