Sj Agenz

Sj Agenz - Professional Agency Business Joomla Template

System Requirements – Joomla version 3.x

System Requirements: here

Component Requirements

SP Page Builder Component

DOWNLOAD

Download Packages from our store: here

Helix ultimate - Framework

This template uses Helix ultimate - Framework . You can refer to the Helix ultimate function: here

Install with Quickstart Package

By using this package, you will see your website exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template

The following steps will guide to install a quickstart package of SmartAddons Joomla Template: Click here

Install with Template and Extensions

1. Install Template

To install Template for Joomla, please click: here

2. Install Extensions

The extensions package include of Modules, Components and Plugins.

Note: Extensions installation is the same with Template installation as above

Enable Modules and Plugins: here

3. Install Component

To Install SP Page Builder Component, Agenz Component, you can follow these steps:

Step 1: Please go to Extensions => Extension Manager

Step 2: Choose file SP Page Builder.zip that you have downloaded and then Click on the button Upload & Install to install the uploaded package.

4. NOTE Enable Plugin

To Install Plugin System - Helix Ultimate Framework, you can follow these steps:

Step 1: Please go to Extensions => Plugins

Step 2: Choose filter system and then Click on the button Enable & Plugin System - Helix Ultimate Framework and YT Shortcodes plugin

5. Import Json

To Install Template, you can follow these steps:

Step 1: Please go to Extensions => Templates

Step 2: Choose Styles sj_agenz - Default and then Click on the button Template & Options to advanced and choose the Import Settings.

Step 3: Download: file json and open & copy

Step 4: Advanced tab Import & Export and then Save

Install multilingual site in SJ Template

To help you about language problem when you work with SJ Template, please read this post: how to set up a multilingual site in SJ Template.

Layout Position

Position Layout

         

Template Configuration

Go to Extensions => Template Manager => Sj Agenz. All of parameters of this template are divided into the following groups, in which they are explained themselves:

- Basic: backend settings

- Presets: backend settings

- Layout: backend settings

- Menu: backend settings

- Typography: backend settings

- Advanced: backend settings

- Blog: backend settings




       

Header, Footer, Section Configuration

Header Configuration

1. Logo position

Frontend Appearance

To configure Logo, please go to Extensions => Templates => sj_agenz => Basic Tab => Logo

Backend Settings: Logo

2. Menu position

Frontend Appearance

Menu

please go to Extensions >> Styles Manager >>Click "Edit" button to templates >> Select "Sj_Agenz"- Default to select your menu.

Backend Settings: Navigation tab

3. User1 position

Frontend Appearance

3.1. To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

Backend Settings:

Module

Copy & Paste the code into your editor:

<div class="block-quote hidden-md hidden-sm hidden-xs"><a href="#">Get a Quote</a></div>

3.2. please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Jshopping Search module.

  • Backend Settings: Module/

    • Slideshow

    4. slider position

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options/ Advanced

    Copy & Paste the code into your editor:

    <div class="block-video">
<div class="box-video">[yt_lightbox yt_title="" align="none" type="none" style="none" src="images/agenz/bg-video.jpg" video_addr="https://www.youtube.com/watch?v=n74Fh007pmY" width="570px" height="480px" margin="0" lightbox="yes" description="" ]</div>
<div class="pretext">About Company</div>
<h3 class="heading-title">Work With Tried and True Digital Marketing</h3>
<p>Grursus mal suada faci lisis Lorem ipsum dolarorit more a ametion to dummy about at consectetur elit. Vesti at bulum nec odioipsumm ipsum that dolocons rsus mal suada and fadolorit to the mo consectetur elit. Grursus mal suada faci lisis is Lorem ipsum is dolarorit the more a ametion consectetur elit</p>
<a class="link-button" href="#">Discover Now</a></div>

    Section1

    5. Position-1

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-video">
<div class="box-video">[yt_lightbox yt_title="" align="none" type="none" style="none" src="images/agenz/bg-video.jpg" video_addr="https://www.youtube.com/watch?v=n74Fh007pmY" width="570px" height="480px" margin="0" lightbox="yes" description="" ]</div>
<div class="pretext">About Company</div>
<h3 class="heading-title">Work With Tried and True Digital Marketing</h3>
<p>Grursus mal suada faci lisis Lorem ipsum dolarorit more a ametion to dummy about at consectetur elit. Vesti at bulum nec odioipsumm ipsum that dolocons rsus mal suada and fadolorit to the mo consectetur elit. Grursus mal suada faci lisis is Lorem ipsum is dolarorit the more a ametion consectetur elit</p>
<a class="link-button" href="#">Discover Now</a></div>

    Section2

    6. Position-2

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-services">
<div class="pretext">What we can do</div>
<h3 class="heading-title">Our Best Services</h3>
<div class="block-warp">
<div class="row">
<div class="col-lg-4 col-sm-4 col-md-6 col-xs-12">
<div class="block-item">
<div class="block-img"><a href="#"><img src="images/agenz/service-1.jpg" alt="image" /></a></div>
<div class="block-content"><a href="#">Website design</a>
<p>Interface Design</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-6 col-xs-12">
<div class="block-item">
<div class="block-img"><a href="#"><img src="images/agenz/service-2.jpg" alt="image" /></a></div>
<div class="block-content"><a href="#">SEO &amp; MARKETING</a>
<p>Digital Marketing</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-6 col-xs-12">
<div class="block-item">
<div class="block-img"><a href="#"><img src="images/agenz/service-3.jpg" alt="image" /></a></div>
<div class="block-content"><a href="#">SEO &amp; MARKETING</a>
<p>SEO &amp; Backlinks</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-6 col-xs-12">
<div class="block-item">
<div class="block-img"><a href="#"><img src="images/agenz/service-4.jpg" alt="image" /></a></div>
<div class="block-content"><a href="#">SEO &amp; MARKETING</a>
<p>Marketing Analysis</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-6 col-xs-12">
<div class="block-item">
<div class="block-img"><a href="#"><img src="images/agenz/service-5.jpg" alt="image" /></a></div>
<div class="block-content"><a href="#">SEO &amp; MARKETING</a>
<p>Content Marketing</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-6 col-xs-12">
<div class="block-item">
<div class="block-img"><a href="#"><img src="images/agenz/service-6.jpg" alt="image" /></a></div>
<div class="block-content"><a href="#">SEO &amp; MARKETING</a>
<p>Social Media Marketing</p>
</div>
</div>
</div>
</div>
</div>
</div>

    Section3

    7. Position-3

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-process">
<div class="pretext">Our Working Process</div>
<h3 class="heading-title">Our Working Process</h3>
<div class="block-warp">
<div class="row">
<div class="col-lg-3 col-sm-3 col-md-4 d-md-none d-lg-block col-xs-12">
<div class="block-item item-txt1">
<div class="block-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque.</div>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-md-6  col-xs-12"><a class="item-link item-link2" href="#">Find Creative Idea</a>
<div class="block-item item-img item-img2">
<div class="block-num">02</div>
<div class="block-content"><a href="#"><img src="images/agenz/process-2.jpg" alt="image" /></a></div>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-md-6 col-xs-12"><a class="item-link item-link3" href="#">Start Optimize</a>
<div class="block-item item-img item-img3">
<div class="block-num">03</div>
<div class="block-content"><a href="#"><img src="images/agenz/process-3.jpg" alt="image" /></a></div>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-md-4 d-md-none d-lg-block col-xs-12">
<div class="block-item item-txt2">
<div class="block-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque.</div>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-md-6 col-xs-12 col-break">
<div class="block-item item-img item-img1">
<div class="block-num">01</div>
<div class="block-content"><a href="#"><img src="images/agenz/process-1.jpg" alt="image" /></a></div>
</div>
<a class="item-link item-link1" href="#">Research Project</a></div>
<div class="col-lg-3 col-sm-3 col-md-4 d-md-none d-lg-block col-xs-12">
<div class="block-item item-txt3">
<div class="block-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque.</div>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-md-6 col-xs-12">
<div class="block-item item-img item-img4">
<div class="block-num">04</div>
<div class="block-content"><a href="#"><img src="images/agenz/process-4.jpg" alt="image" /></a></div>
</div>
<a class="item-link item-link4" href="#">Reach Target</a></div>
</div>
</div>
</div>

    Section4

    8. Position-4

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-gallery">
<div class="pretext">Project Portfolios</div>
<h3 class="heading-title">Our Project Gallery</h3>
<div class="block-warp">[yt_gallery caption="2" hover="1" align="center" width="457px" height="350px" padding="15px" border="0px solid #4e9e41" columns_0="4" columns_1="2" columns_2="2" columns_3="2" columns_4="1" ] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-1.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-2.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-3.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-4.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-5.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-6.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-7.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item] [yt_gallery_item tag="" yt_title="Web Design" src="images/agenz/gallery-8.jpg" video_addr="" ] <span class="box-title">Web Design</span><span class="box-info">Website layout wire frame</span> [/yt_gallery_item][/yt_gallery]</div>
</div>

    Section5

    9. Position-5

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-partners">
<div class="pretext">Trusted Clients</div>
<h3 class="heading-title">Trusted Partners</h3>
<div class="block-warp contentslider block-warp" data-rtl="no" data-loop="yes" data-autoplay="no" data-autoheight="no" data-autowidth="no" data-delay="4" data-speed="0.6" data-margin="30" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="no" data-pagination="yes" data-lazyload="yes" data-hoverpause="yes">
<div class="item">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-1.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-2.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-3.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-4.jpg" alt="image" /></a></div>
</div>
</div>
<div class="row row-2">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-5.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-6.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-7.jpg" alt="image" /></a></div>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-1.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-2.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-3.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-4.jpg" alt="image" /></a></div>
</div>
</div>
<div class="row row-2">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-5.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-6.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-7.jpg" alt="image" /></a></div>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-1.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-2.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-3.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-4.jpg" alt="image" /></a></div>
</div>
</div>
<div class="row row-2">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-5.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-6.jpg" alt="image" /></a></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="block-inner"><a href="#"><img class="img-1" src="images/agenz/partner-7.jpg" alt="image" /></a></div>
</div>
</div>
</div>
</div>
</div>

    Section6

    10. Position-6

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-team">
<div class="pretext">What we can do</div>
<h3 class="heading-title">Executive Team</h3>
<div class="block-warp contentslider block-warp" data-rtl="no" data-loop="yes" data-autoplay="no" data-autoheight="no" data-autowidth="no" data-delay="4" data-speed="0.6" data-margin="30" data-items_column0="4" data-items_column1="4" data-items_column2="3" data-items_column3="2" data-items_column4="1" data-arrows="no" data-pagination="yes" data-lazyload="yes" data-hoverpause="yes">
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-1.jpg" name="Marco Guerra" role="DESIGNER / WEB DEVELOPER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-2.jpg" name="Stacey Pickering" role="SALES &amp; MARKETING" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-3.jpg" name="Andrew McGregor" role="CO-FOUNDER / DESIGNER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-4.jpg" name="Jena Lambert" role="PROJECT MANAGER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-1.jpg" name="Marco Guerra" role="DESIGNER / WEB DEVELOPER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-2.jpg" name="Stacey Pickering" role="SALES &amp; MARKETING" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-3.jpg" name="Andrew McGregor" role="CO-FOUNDER / DESIGNER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-4.jpg" name="Jena Lambert" role="PROJECT MANAGER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-1.jpg" name="Marco Guerra" role="DESIGNER / WEB DEVELOPER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-2.jpg" name="Stacey Pickering" role="SALES &amp; MARKETING" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-3.jpg" name="Andrew McGregor" role="CO-FOUNDER / DESIGNER" url="" ] [/yt_member]</div>
<div class="item">[yt_member style="1" background="transparent" color="#333333" border="0px solid #cccccc" shadow="0 0 0 #eeeeee" radius="0px" text_align="center" photo="images/agenz/team-4.jpg" name="Jena Lambert" role="PROJECT MANAGER" url="" ] [/yt_member]</div>
</div>
</div>

    Section7

    11. Position-7

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module/ Options

    Copy & Paste the code into your editor:

    <div class="block-testimonials">
<div class="pretext">What we can do</div>
<h3 class="heading-title">Our Testimonials</h3>
<div class="block-warp">[yt_testimonial yt_title="" column="2" display_avatar="yes" border="0px solid #ccc" background="" title_color="#ccc" ] [yt_testimonial_item author="Atonio Bruce" position="- Apps Developer" avatar="images/agenz/testimon-1.png" ]
<div class="rating-symbol"><span class="rating-star active" data-number="1">star</span><span class="rating-star active" data-number="2">star</span><span class="rating-star active" data-number="3">star</span><span class="rating-star active" data-number="4">star</span><span class="rating-star active" data-number="5">star</span></div>
<div class="test-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus. Etiam ante augue, pellentesque ut mattis sed, auctor nec lorem...</div>
[/yt_testimonial_item] [yt_testimonial_item author="Atonio Bruce" position="- Apps Developer" avatar="images/agenz/testimon-2.png" ]
<div class="rating-symbol"><span class="rating-star active" data-number="1">star</span><span class="rating-star active" data-number="2">star</span><span class="rating-star active" data-number="3">star</span><span class="rating-star active" data-number="4">star</span><span class="rating-star active" data-number="5">star</span></div>
<div class="test-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus. Etiam ante augue, pellentesque ut mattis sed, auctor nec lorem...</div>
[/yt_testimonial_item] [yt_testimonial_item author="Atonio Bruce" position="- Apps Developer" avatar="images/agenz/testimon-1.png" ]
<div class="rating-symbol"><span class="rating-star active" data-number="1">star</span><span class="rating-star active" data-number="2">star</span><span class="rating-star active" data-number="3">star</span><span class="rating-star active" data-number="4">star</span><span class="rating-star active" data-number="5">star</span></div>
<div class="test-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus. Etiam ante augue, pellentesque ut mattis sed, auctor nec lorem...</div>
[/yt_testimonial_item] [yt_testimonial_item author="Atonio Bruce" position="- Apps Developer" avatar="images/agenz/testimon-2.png" ]
<div class="rating-symbol"><span class="rating-star active" data-number="1">star</span><span class="rating-star active" data-number="2">star</span><span class="rating-star active" data-number="3">star</span><span class="rating-star active" data-number="4">star</span><span class="rating-star active" data-number="5">star</span></div>
<div class="test-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus. Etiam ante augue, pellentesque ut mattis sed, auctor nec lorem...</div>
[/yt_testimonial_item] [yt_testimonial_item author="Atonio Bruce" position="- Apps Developer" avatar="images/agenz/testimon-1.png" ]
<div class="rating-symbol"><span class="rating-star active" data-number="1">star</span><span class="rating-star active" data-number="2">star</span><span class="rating-star active" data-number="3">star</span><span class="rating-star active" data-number="4">star</span><span class="rating-star active" data-number="5">star</span></div>
<div class="test-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus. Etiam ante augue, pellentesque ut mattis sed, auctor nec lorem...</div>
[/yt_testimonial_item] [yt_testimonial_item author="Atonio Bruce" position="- Apps Developer" avatar="images/agenz/testimon-2.png" ]
<div class="rating-symbol"><span class="rating-star active" data-number="1">star</span><span class="rating-star active" data-number="2">star</span><span class="rating-star active" data-number="3">star</span><span class="rating-star active" data-number="4">star</span><span class="rating-star" data-number="5">star</span></div>
<div class="test-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus. Etiam ante augue, pellentesque ut mattis sed, auctor nec lorem...</div>
[/yt_testimonial_item] [/yt_testimonial]</div>
</div>

    Section8

    12. Position8

    Frontend Appearance

    Backend Settings

    please go to Extensions => Module Manager => Click New button to create a new module => Select Sj extra slider content module.

  • Backend Settings: Module/ Source Options/ Item Options/ Image Options/ Effect Options/ Advanced

    • Note enter the content html below for "pre-text" option in Advanced tab: 

    					News & Magazine

    Section9

    13. Bottom5

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module

    Copy & Paste the code into your editor:

    <div class="block-bottom5">
<div class="bl-adver">Advertisement 970x90</div>
<h3 class="heading-title">Ready to Work Together?</h3>
<a class="link-start" href="#">Get Started</a></div>

    Bottom Section

    14. Bottom1

    Frontend Appearance

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

    Backend Settings:

    Module

    Copy & Paste the code into your editor:

    <div class="footer-contact"><img src="images/logo.png" alt="footer" />
<p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat lectus eget vehicula scelerisque. Integer gravida orci tellus.</p>
<ul>
<li class="info phone"><a href="tel:45678902">(+123)4 567 8902</a></li>
<li class="info email">Marketing@SmartAddons.com</li>
<li class="info address">300 Reunion Blvd E, Dallas, TX 75207, United States</li>
</ul>
</div>

    15. Bottom2

    Frontend Appearance

    please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Menu" module.

    Backend Settings:

    Module

    16. Bottom3

    Frontend Appearance

    please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Menu" module.

    Backend Settings:

    Module

    17. Bottom4

    Frontend Appearance

    Backend Settings

    17.1 please go to Extensions => Module Manager => Click New button to create a new module => Select AcyMailing module.

  • Backend Settings: Module/

    • 17.2 please go to Extensions => Module Manager => Click New button to create a new module => Select Custom module.

  • Backend Settings: Module/ Advanced

    • Copy & Paste the code into your editor:

    <ul class="socials">
<li class="facebook"><a href="https://www.facebook.com/SmartAddons.page" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook">Facebook</i></a></li>
<li class="twitter"><a href="https://twitter.com/smartaddons" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter">Twitter</i></a></li>
<li class="google_plus"><a href="https://plus.google.com/+Smartaddons/posts" target="_blank" rel="noopener noreferrer"><i class="fa fa-google-plus">Google Plus</i></a></li>
<li class="pinterest"><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-pinterest">Pinterest</i></a></li>
<li class="youtube"><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-youtube-play">Youtube</i></a></li>
</ul>

    Footer Section

    23. Footer1

    Frontend Appearance

    please go to Extensions => Templates => sj_agenz => Basic Tab => Footer

    Backend Settings:

    Template
     

    Main body

    1. Create new SP Page Builder

    Please go to Components => SP Page Builder => Click New button => Enter the Title: Home Page

    Please go to Menus => Main menu => Click New button => Enter the Title: Home Page. Select "SP Page Builder » Page: home page"

    Backend Settings

    Support

    Thank you so much for purchasing this template. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

    Thanks so much!