- This topic has 5 replies, 2 voices, and was last updated 6 years, 6 months ago by
.
Viewing 6 posts - 1 through 6 (of 6 total)
-
Posts
-
How do we go about making a “one page website” using Perfect? I can’t find any documentation for this.
I have tried using a custom link in menu, for the “Services” tab like this www.susanhope.co.uk/website-functions/#section2, it does jump to a section but not to the correct section.
Note this site is a test site and I am testing out this theme, I need “one page website” functionality for my clients.
website link: www.susanhope.co.uk/website-functions/
Thanks,
SueHi,
Kindly edit theme’s index.php file and add id to every section like: id=”section1″ – id=”section2″ – id=”section3″ etc.
Regards,
Daveok can you give me an example of where to place that, this is the index.php file:
<?php /** * The index page of Perfect * * Displays the home page elements. * * @package Perfect * * @since SKT Perfect 1.0 */ global $complete; ?> <?php get_header(); ?> <?php if ( is_front_page() ) { ?> <div class="fixed_site layer_wrapper"> <div class="fixed_wrap fixindex"> <!-- Home Section 1 --> <?php if($complete['hide_boxes_section1'] == ''){?> <section class="home1_section_area <?php if($complete['section1_bg_image']){ ?>home1_section_area_bg<?php } ?>" <?php if(!empty($complete['section1_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec1bgvideo = $complete['section1_bg_video']; echo do_shortcode($sec1bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section1_content"> <?php $pagesetting1 = get_theme_mod( 'page-setting1'); if ($pagesetting1 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Welcome To Perfect Theme</h2><span style="border-bottom-color:#e8e7e7"></span></div><p style="text-align: center;">Perfect theme is perfect to build up various websites using pre-built themes as well as fully customizable due to the fact it has color picker and several shortcodes and plugin compatibility.</p><p style="text-align: center;"><img width="1068" height="401" sizes="(max-width: 1068px) 100vw, 1068px" alt="welcome-banner" src="'.get_template_directory_uri().'/images/welcome-banner.jpg" class="aligncenter size-full wp-image-1719"></p>'; } else { $secone = new WP_Query('page_id='.$pagesetting1.''); while ($secone->have_posts()) : $secone->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 1 --> <!-- Home Section 2 --> <?php if($complete['hide_boxes_section2'] ==''){?> <section class="home2_section_area <?php if($complete['section2_bg_image']){ ?>home2_section_area_bg<?php } ?>" <?php if(!empty($complete['section2_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec2bgvideo = $complete['section2_bg_video']; echo do_shortcode($sec2bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section2_content"> <?php $pagesetting2 = get_theme_mod( 'page-setting2'); if ($pagesetting2 == '0'){ echo '<div class="center-title"><h2 style="color:#ffffff">Perfect Boxes.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/responsive.png"> <h3>Responsive Layout</h3><p>Fully 100% responsive and tested with several hand held devices for great mobile friendly and tablet friendly approach. </p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/retina.png"><h3>Retina Ready Graphics</h3><p>Fully HD ready and retina ready theme with tested on several higher resolution monitors and devices for sharper view.</p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/performance.png"><h3>Great Performance</h3><p>Faster loading theme with speeded up performance and compatibility with cache plugins for optimum approach.</p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/user-friendly.png"><h3>User Friendly</h3><p>User friendly with extensive documentation available and access to support forums and email for coder contact.</p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a>'; } else { $sectwo = new WP_Query('page_id='.$pagesetting2.''); while ($sectwo->have_posts()) : $sectwo->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 2 --> <!-- Home Section 3 --> <?php if($complete['hide_boxes_section3'] ==''){?> <section id="demos" class="home3_section_area <?php if($complete['section3_bg_image']){ ?>home3_section_area_bg<?php } ?>" <?php if(!empty($complete['section3_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec3bgvideo = $complete['section3_bg_video']; echo do_shortcode($sec3bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section3_content"> <?php $pagesetting3 = get_theme_mod( 'page-setting3'); if ($pagesetting3 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Theme Demos.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:20px;" class="spacecode"></div><p style="text-align: center;">Still not sure if you want to have this theme or not? Well test out any of the following demos to get a real hand experience. All these demos come pre-built and included with the theme.</p><div style="height:120px;" class="spacecode"></div><div class="servicerow"><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/political-candidate.jpg"></a></div><div class="thmbname">Political Candidate</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/play-school.jpg"></a></div><div class="thmbname">Play School</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/skt-gardening.jpg"></a></div><div class="thmbname">SKT Gardening</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/architect-pro.jpg"></a></div><div class="thmbname">SKT Architect Pro</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/the-trip.jpg"></a></div><div class="thmbname">The Trip</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/skt-food.jpg"></a></div><div class="thmbname">SKT Food</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/pic-art.jpg"></a></div><div class="thmbname">PicArt</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/skt-landingpage.jpg"></a></div><div class="thmbname">SKT Landing Page</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/diet-nutriotion.jpg"></a></div><div class="thmbname">Diet and Nutrition</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/the-art.jpg"></a></div><div class="thmbname">The Art</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/petcare.jpg"></a></div><div class="thmbname">Pet Care</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/strong-pro.jpg"></a></div><div class="thmbname">Strong Pro</div></div></div>'; } else { $secthree = new WP_Query('page_id='.$pagesetting3.''); while ($secthree->have_posts()) : $secthree->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 3 --> <!-- Home Section 4 --> <?php if($complete['hide_boxes_section4'] ==''){?> <section class="home4_section_area <?php if($complete['section4_bg_image']){ ?>home4_section_area_bg<?php } ?>" <?php if(!empty($complete['section4_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec4bgvideo = $complete['section4_bg_video']; echo do_shortcode($sec4bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section4_content"> <?php $pagesetting4 = get_theme_mod( 'page-setting4'); if ($pagesetting4 == '0'){ echo '<div class="center-title"><h2 style="color:#f9f8f8">Perfect Features.</h2><span style="border-bottom-color:#f9f8f8"></span></div><div style="height:30px;" class="spacecode"></div><div class="columns-3"><div class="left-fitbox"><a href="#"><div class="left-fitleft"><div class="left-fit-title"><h3>Page Content Choices</h3></div><div class="left-fit-desc">With shortcodes along with full width template one can have any layout. Page builder also allows the same to be done</div></div><div class="left-fitright">5</div></a></div><div class="clear"></div><div class="left-fitbox"> <a href="#"><div class="left-fitleft"><div class="left-fit-title"><h3>Shortcodes and Blocks</h3></div> <div class="left-fit-desc">Several 100+ shortcodes have been inbuilt with this theme as well as plugin shortcodes and page builder shortcodes</div></div><div class="left-fitright">6</div></a></div><div class="clear"></div><div class="left-fitbox"><a href="#"> <div class="left-fitleft"><div class="left-fit-title"><h3>Language Choices</h3></div><div class="left-fit-desc">Compatibility with qTranslate X plugin gives it a upper hand to add multilingual site and PO file for translation ready</div></div><div class="left-fitright">7</div></a></div><div class="clear"></div><div class="left-fitbox"><a href="#"><div class="left-fitleft"><div class="left-fit-title"><h3>Footer Choices</h3></div><div class="left-fit-desc">Several footer choices and footer layout possibilities as well as the whole of footer area is widget friendly as well</div></div><div class="left-fitright">8</div></a></div><div class="clear"></div></div><div class="columns-3"><div class="featurethumb"><img src="'.get_template_directory_uri().'/images/features-info.png"></div></div><div class="columns-3"><div class="right-fitbox"><a href="#"><div class="right-fitleft">1</div><div class="right-fitright"><div class="right-fit-title"><h3>Responsive Approach</h3></div><div class="right-fit-desc">100% fully responsive and mobile friendly and have been tested on several hand held devices and desktops and laptops</div></div></a> </div><div class="clear"></div><div class="right-fitbox"><a href="#"><div class="right-fitleft">2</div><div class="right-fitright"><div class="right-fit-title"><h3>Header Choices</h3></div><div class="right-fit-desc">Lots of choices in header with several header layouts possible as well as inner header banner area possibilities</div></div></a></div><div class="clear"></div><div class="right-fitbox"><a href="#"><div class="right-fitleft">3</div><div class="right-fitright"> <div class="right-fit-title"><h3>Menu Choices</h3></div><div class="right-fit-desc">Simple normal menu with 5 level drop downs possible as well as mega menu plugin compatibility has also been done</div></div></a></div><div class="clear"></div> <div class="right-fitbox"><a href="#"><div class="right-fitleft">4</div><div class="right-fitright"> <div class="right-fit-title"><h3>Slider Choices</h3></div><div class="right-fit-desc">Several in built slider choices as well as various plugins have also been tested like crelly, master, cyclone etc.</div></div></a></div><div class="clear"></div></div><div class="clear"></div>'; } else { $secfour = new WP_Query('page_id='.$pagesetting4.''); while ($secfour->have_posts()) : $secfour->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <!-- Home Section 4 --> <!-- Home Section 5 --> <?php if($complete['hide_boxes_section5'] ==''){?> <section class="home5_section_area <?php if($complete['section5_bg_image']){ ?>home5_section_area_bg<?php } ?>" <?php if(!empty($complete['section5_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec5bgvideo = $complete['section5_bg_video']; echo do_shortcode($sec5bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section5_content"> <?php $pagesetting5 = get_theme_mod( 'page-setting5'); if ($pagesetting5 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Blocks.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:30px;" class="spacecode"></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks1.png" /></div><div class="blocktitle"><h3>Responsive Layout</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Read More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks2.png" /></div><div class="blocktitle"><h3>Retina Ready</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Know More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks3.png" /></div><div class="blocktitle"><h3>Great Performance</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Check Now</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks4.png" /></div><div class="blocktitle"><h3>User Friendly</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">See More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks3.png" /></div><div class="blocktitle"><h3>Great Performance</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.</div><div class="blockmore"><a href="#">Check Now</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks4.png" /></div><div class="blocktitle"><h3>User Friendly</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">See More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks1.png" /></div><div class="blocktitle"><h3>Responsive Layout</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Read More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks2.png" /></div><div class="blocktitle"><h3>Retina Ready</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Know More</a></div></div>'; } else { $secfive = new WP_Query('page_id='.$pagesetting5.''); while ($secfive->have_posts()) : $secfive->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 5 --> <!-- Home Section 6 --> <?php if($complete['hide_boxes_section6'] ==''){?> <section class="home6_section_area <?php if($complete['section6_bg_image']){ ?>home6_section_area_bg<?php } ?>" <?php if(!empty($complete['section6_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec6bgvideo = $complete['section6_bg_video']; echo do_shortcode($sec6bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section6_content"> <?php $pagesetting6 = get_theme_mod( 'page-setting6'); if ($pagesetting6 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Team.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:30px;" class="spacecode"></div> <div class="expanding-grid"> <ul class="links"> <li><a href="#section1"><img src="'.get_template_directory_uri().'/images/sara.jpg" /></a></li> <li><a href="#section2"><img src="'.get_template_directory_uri().'/images/mark.jpg" /></a></li> <li><a href="#section3"><img src="'.get_template_directory_uri().'/images/daisy.jpg" /></a></li> <li><a href="#section4"><img src="'.get_template_directory_uri().'/images/martin.jpg" /></a></li> </ul> <div class="expanding-container" id="section1"><div class="expandarea"><div class="expand-left"><h2>Sara</h2><div class="designation">Founder & Director</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/sara.jpg"></div></div> </div></div><div class="clear"></div></div><div class="expanding-container" id="section2"><div class="expandarea"><div class="expand-left"><h2>Mark</h2><div class="designation">CEO</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/mark.jpg"></div></div> </div></div><div class="clear"></div></div><div class="expanding-container" id="section3"><div class="expandarea"><div class="expand-left"><h2>Daisy</h2><div class="designation">Manager</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/daisy.jpg"></div></div> </div></div><div class="clear"></div></div><div class="expanding-container" id="section4"><div class="expandarea"><div class="expand-left"><h2>Martin</h2><div class="designation">Asst. Manager</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/martin.jpg"></div></div> </div></div><div class="clear"></div></div>'; } else { $secsix = new WP_Query('page_id='.$pagesetting6.''); while ($secsix->have_posts()) : $secsix->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 6 --> <!-- Home Section 7 --> <?php if($complete['hide_boxes_section7'] ==''){?> <section class="home7_section_area <?php if($complete['section7_bg_image']){ ?>home7_section_area_bg<?php } ?>" <?php if(!empty($complete['section7_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec7bgvideo = $complete['section7_bg_video']; echo do_shortcode($sec7bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section7_content"> <?php $pagesetting7 = get_theme_mod( 'page-setting7'); if ($pagesetting7 == '0'){ echo '<div class="columns-2"> </div> <div class="columns-2"><div class="spacecode" style="height:30px;"></div><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/blocks1.png" /></div><div class="squaretitle">Mobile Friendly</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/color-picker.png" /></div><div class="squaretitle">Color Picker</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/ample-shortcodes.png" /></div><div class="squaretitle">Ample Shortcodes</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/page-builder.png" /></div><div class="squaretitle">Page Builder</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/fully-documented.png" /></div><div class="squaretitle">Fully Documented</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/translation-ready.png" /></div><div class="squaretitle">Translation Ready</div></div></a><div class="spacecode" style="height:10px;"></div></div>'; } else { $secseven = new WP_Query('page_id='.$pagesetting7.''); while ($secseven->have_posts()) : $secseven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php wp_reset_postdata(); ?> <?php } ?> <!-- Home Section 7 --> <!-- Home Section 8 --> <?php if($complete['hide_boxes_section8'] ==''){?> <section class="home8_section_area <?php if($complete['section8_bg_image']){ ?>home8_section_area_bg<?php } ?>" <?php if(!empty($complete['section8_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec8bgvideo = $complete['section8_bg_video']; echo do_shortcode($sec8bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section8_content"> <?php $pagesetting8 = get_theme_mod( 'page-setting8'); if ($pagesetting8 == '0'){ echo '<div style="background-color:#ff8800;" class="promo5"><h2 style="color:#ffffff;">Create Stunning Websites. Purchase Perfect Theme. Just $60</h2><div class="sktmore"><a href="https://www.sktthemes.org/shop/commercial-wordpress-theme">GET YOUR COPY</a></div> </div>'; } else { $seceight = new WP_Query('page_id='.$pagesetting8.''); while ($seceight->have_posts()) : $seceight->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php wp_reset_postdata(); ?> <?php } ?> <!-- Home Section 8 --> <!-- Home Section 9 --> <?php if($complete['hide_boxes_section9'] ==''){?> <section class="home9_section_area <?php if($complete['section9_bg_image']){ ?>home9_section_area_bg<?php } ?>" <?php if(!empty($complete['section9_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec9bgvideo = $complete['section9_bg_video']; echo do_shortcode($sec9bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section9_content"> <?php $pagesetting9 = get_theme_mod( 'page-setting9'); if ($pagesetting9 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Core Features.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:30px;" class="spacecode"></div>'.do_shortcode('[posts-style3 show="12" cat="1" excerptlength="24"]'); } else { $secnine = new WP_Query('page_id='.$pagesetting9.''); while ($secnine->have_posts()) : $secnine->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 9 --> <!-- Home Section 10 --> <?php if($complete['hide_boxes_section10'] == '' ){?> <section class="home10_section_area <?php if($complete['section10_bg_image']){ ?>home10_section_area_bg<?php } ?>" <?php if(!empty($complete['section10_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec10bgvideo = $complete['section10_bg_video']; echo do_shortcode($sec10bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section10_content"> <?php $pagesetting10 = get_theme_mod( 'page-setting10'); if ($pagesetting10 == ''){ echo '<div class="center-title"><h2 style="color:#ffffff">Create easily anything you want with Perfect.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:30px;" class="spacecode"></div><p><img width="1149" height="620" sizes="(max-width: 1149px) 100vw, 1149px" alt="create-easily" src="'.get_template_directory_uri().'/images/create-easily.png" class="aligncenter size-full"></p>'; } else { $secten = new WP_Query('page_id='.$pagesetting10.''); while ($secten->have_posts()) : $secten->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 10 --> <!-- Home Section 11 --> <?php if($complete['hide_boxes_section11'] ==''){?> <section class="home11_section_area <?php if($complete['section11_bg_image']){ ?>home11_section_area_bg<?php } ?>" <?php if(!empty($complete['section11_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec11bgvideo = $complete['section11_bg_video']; echo do_shortcode($sec11bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section11_content"> <?php $pagesetting11 = get_theme_mod( 'page-setting11'); if ($pagesetting11 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828">Perfect is also compatible with.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:40px;" class="spacecode"></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/woo-thumb.png"/></div> <div class="perf-title"><h3>WOOCOMMERCE</h3></div> <div class="perf-description">for building advanced shops</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/thumb-translate.png"/></div> <div class="perf-title"><h3>Q TRANSLATE X</h3></div> <div class="perf-description">for language translation</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/con7-thumb.png"/></div> <div class="perf-title"><h3>CONTACT FORM 7</h3></div> <div class="perf-description">for building great forms</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/crelly-slider.png"/></div> <div class="perf-title"><h3>CRELLY SLIDER</h3></div> <div class="perf-description">for layered slider</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/event-thumb.png"/></div> <div class="perf-title"><h3>THE EVENT CALENDAR</h3></div> <div class="perf-description">for better organization</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/bb-thumb.png"/></div> <div class="perf-title"><h3>BBPRESS</h3></div> <div class="perf-description">for social sharing</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/cyclone-slider.png"/></div> <div class="perf-title"><h3>CYCLONE SLIDER</h3></div> <div class="perf-description">for simple video slider</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/nextgen-gallery.png"/></div> <div class="perf-title"><h3>NEXTGEN GALLERY</h3></div> <div class="perf-description">for photo gallery</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/yoast-seo.png"/></div> <div class="perf-title"><h3>YOAST SEO</h3></div> <div class="perf-description">for SEO meta tags</div></div></a></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting11.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 11 --> <!-- Home Section 12 --> <?php if($complete['hide_boxes_section12'] ==''){?> <section class="home12_section_area <?php if($complete['section12_bg_image']){ ?>home12_section_area_bg<?php } ?>" <?php if(!empty($complete['section12_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec12bgvideo = $complete['section12_bg_video']; echo do_shortcode($sec12bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section12_content"> <?php $pagesetting12 = get_theme_mod( 'page-setting12'); if ($pagesetting12 == '0' ){ echo '<div class="center-title"><h2 style="color:#ffffff">Build amazing sites using Perfect Shortcodes.</h2><span style="border-bottom-color:#ffffff"></span></div><img class="aligncenter nobottom" src="'.get_template_directory_uri().'/images/perfect-shortcodes.png" />'; } else { $seceleven = new WP_Query('page_id='.$pagesetting12.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 12 --> <!-- Home Section 13 --> <?php if($complete['hide_boxes_section13'] ==''){?> <section class="home13_section_area <?php if($complete['section13_bg_image']){ ?>home13_section_area_bg<?php } ?>" <?php if(!empty($complete['section13_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec13bgvideo = $complete['section13_bg_video']; echo do_shortcode($sec13bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section13_content"> <?php $pagesetting13 = get_theme_mod( 'page-setting13'); if ($pagesetting13 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828">4 Perfect Blog Templates.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:20px;" class="spacecode"></div><p style="text-align: center;">You can use different blog Templates for your website</p><div style="height:40px;" class="spacecode"></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-right-sidebar/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-right-sidebar.png" /></div><div class="infoblocktitle"><h4>BLOG RIGHT SIDEBAR</h4></div></a></div></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-left-sidebar/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-left-sidebar.png" /></div><div class="infoblocktitle"><h4>BLOG LEFT SIDEBAR</h4></div></a></div></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-full-width/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-full-width.png" /></div><div class="infoblocktitle"><h4>BlOG FULL WIDTH</h4></div></a></div></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-no-sidebar/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-no-sidebar.png" /></div><div class="infoblocktitle"><h4>BLOG NO SIDEBAR</h4></div></a></div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting13.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 13 --> <!-- Home Section 14 --> <?php if($complete['hide_boxes_section14'] ==''){?> <section class="home14_section_area <?php if($complete['section14_bg_image']){ ?>home14_section_area_bg<?php } ?>" <?php if(!empty($complete['section14_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec14bgvideo = $complete['section14_bg_video']; echo do_shortcode($sec14bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section14_content"> <?php $pagesetting14 = get_theme_mod( 'page-setting14'); if ($pagesetting14 == '0' ){ echo '<div class="columns-2"><div class="center-title"><h2 style="color:#ffffff">4 Perfect Header Styles.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-1/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-1.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 1</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-2/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-2.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 2</h4></div></a></div></div><div class="clear"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-3/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-3.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 3</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-4/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-4.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 4</h4></div></a></div></div></div><div class="columns-2"><div class="center-title"><h2 style="color:#ffffff">4 Perfect Footer Styles.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-1/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-1.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 1</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-2/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-2.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 2</h4></div></a></div></div><div class="clear"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-3/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-3.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 3</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-4/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-4.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 4</h4></div></a></div></div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting14.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 14 --> <!-- Home Section 15 --> <?php if($complete['hide_boxes_section15'] ==''){?> <section class="home15_section_area <?php if($complete['section15_bg_image']){ ?>home15_section_area_bg<?php } ?>" <?php if(!empty($complete['section15_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec15bgvideo = $complete['section15_bg_video']; echo do_shortcode($sec15bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section15_content"> <?php $pagesetting15 = get_theme_mod( 'page-setting15'); if ($pagesetting15 == '0' ){ echo '<div class="center-title"><h2 style="color:#000000">People Love Perfect.</h2><span style="border-bottom-color:#e8e7e7"></span></div><p style="text-align: center;">Why Perfect is a Top Seller theme in 2016.</p><div class="bxmain rota"> <div class="bx-wrapper"> <div class="bx-viewport"> <ul class="bxslider" > <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/safira.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Jennifer Doe</h3> <p>(Larvel, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/alana.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Sara Doe</h3> <p>(Mizami, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/sarag.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Laura Doe</h3> <p>(Wirate, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/safira.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Sara Doe</h3> <p>(Larvel, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/alana.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Laura Doe</h3> <p>(Mizami, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/sarag.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Jennifer Doe</h3> <p>(Wirate, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/safira.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Sara Doe</h3> <p>(Larvel, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/alana.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Laura Doe</h3> <p>(Mizami, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/sarag.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Jennifer Doe</h3> <p>(Rediff, Manager)</p> </li> </ul> </div> </div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting15.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 15 --> <!-- Home Section 16 --> <?php if($complete['hide_boxes_section16'] ==''){?> <section class="home16_section_area <?php if($complete['section16_bg_image']){ ?>home16_section_area_bg<?php } ?>" <?php if(!empty($complete['section16_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec16bgvideo = $complete['section16_bg_video']; echo do_shortcode($sec16bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section16_content"> <?php $pagesetting16 = get_theme_mod( 'page-setting16'); if ($pagesetting16 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828;">Perfect Partners.</h2><span style="border-bottom-color:#e8e7e7;"></span></div><div style="height:50px;" class="spacecode"></div><div class="clientarea"><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/wp.png"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/jquery.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/woocommerce.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/bbpress-client.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/mysql.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/jquery.jpg"></a> </div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting16.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 16 --> <!-- Home Section 17 --> <?php if($complete['hide_boxes_section17'] ==''){?> <section class="home17_section_area <?php if($complete['section17_bg_image']){ ?>home17_section_area_bg<?php } ?>" <?php if(!empty($complete['section17_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec17bgvideo = $complete['section17_bg_video']; echo do_shortcode($sec17bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section17_content"> <?php $pagesetting17 = get_theme_mod( 'page-setting17'); if ($pagesetting17 == '0' ){ echo 'Section 17 Content'; } else { $seceleven = new WP_Query('page_id='.$pagesetting17.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 17 --> </div> </div> <?php }else{ ?> <div class="fixed_site"> <div class="fixed_wrap fixindex"> <?php get_template_part('templates/post','layout4'); ?> </div> </div> <?php } //is_front_page ENDS ?> <?php get_footer(); ?>Hi,
We have added ids in all sections, kindly download below file and replace it in your theme.
https://drive.google.com/open?id=0B3PB797r1wejWnVvTXlzb3ppTnM
Regards,
Daveok thank you, I will get back to you if there are problems.
Sue
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
