Prysm Documentation

Intoduction

Prysm - Corporate Business HTML Template

An HTML Template

Created : 25/05/2021
By : Themexriver
Email : support@themexriver.com

Thank you for purchasing Prysm HTML Template. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thankyou so much!

HTML Structure

The html template uses Latest Bootstrap v5.0.0 with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.

             <!-- Start of header
             ============================================= -->
             <header>
             ...
             </header>
             <!-- End of header
             ============================================= -->

             <!-- Start of section name
             ============================================= -->
             <section id="section-name-id" class="section-name-class">
             ...
             </section>
             <!-- End section name
             ============================================= -->


             <!-- Start of footer
             ============================================= -->
             <footer>
             ...
             </footer>
             <!-- End of footer
             ============================================= -->

Main Slider Structure

To learn how to use Main Slider , here is the code or go to Slider Revolution and check how does it work.

        <rs-module-wrap id="rev_slider_18_1_wrapper" data-alias="prysm-11" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
        <rs-module id="rev_slider_18_1" style="" data-version="6.4.6">
        <rs-slides>
        <rs-slide data-key="rs-68" data-title="prysm" data-thumb="assets/slider-50x100.png" data-anim="p:dark;f:nodelay;" data-in="prst:rndcolumns;x:(100%);m:true;col:5;">
        <img src="assets/slider.png" title="slider" width="1919" height="1288" class="rev-slidebg tp-rs-img" data-panzoom="d:5600ms;ss:100;se:120%;" data-no-retina>
        <rs-group
        id="slider-18-slide-68-layer-5" 
        data-type="group"
        data-rsp_ch="on"
        data-xy="x:30px;y:c;"
        data-text="w:normal;"
        data-dim="w:821;h:493;"
        data-frame_0="o:1;"
        data-frame_999="o:0;st:w;sA:9000;"
        style="z-index:16;"
        ><rs-layer
        id="slider-18-slide-68-layer-6" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:77px;"
        data-text="w:normal;s:22;fw:600;"
        data-padding="t:8;r:80;b:8;l:20;"
        data-border="bor:30px,30px,30px,30px;"
        data-frame_1="e:power4.inOut;sp:1200;"
        data-frame_1_sfx="se:blocktoleft;"
        data-frame_999="o:0;st:w;"
        style="z-index:11;background-color:#424650;font-family:Barlow;text-transform:capitalize;"
        >Counseling for your better life 
        </rs-layer><rs-layer
        id="slider-18-slide-68-layer-8" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:328px;y:97px;"
        data-text="w:normal;"
        data-dim="w:62px;h:4px;"
        data-frame_1="e:power4.inOut;sp:1200;"
        data-frame_1_sfx="se:blocktoleft;"
        data-frame_999="o:0;st:w;"
        style="z-index:12;"
        ><img src="assets/right-shape.png" class="tp-rs-img" width="62" height="4" data-no-retina> 
        </rs-layer><!--

        --><rs-layer
        id="slider-18-slide-68-layer-9" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:134px;"
        data-text="w:normal;s:72;l:72;fw:700;"
        data-dim="w:666px;"
        data-frame_0="o:1;"
        data-frame_0_chars="d:5;x:105%;o:1;rY:45deg;rZ:90deg;"
        data-frame_0_mask="u:t;"
        data-frame_1="st:1200;sp:1200;"
        data-frame_1_chars="e:power4.inOut;d:10;rZ:0deg;"
        data-frame_1_mask="u:t;"
        data-frame_999="o:0;st:w;"
        style="z-index:13;font-family:Poppins;"
        >Big Opportunity for your Business 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-68-layer-11" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:300px;"
        data-text="w:normal;l:30;td:underline;"
        data-dim="w:696px;"
        data-frame_0="y:-100%;"
        data-frame_0_mask="u:t;"
        data-frame_1="st:2400;sp:1200;"
        data-frame_1_mask="u:t;"
        data-frame_999="o:0;st:w;"
        style="z-index:14;font-family:Barlow;"
        >A fresh sense of urgency and new opportunities could give the sector momentum. England’s former is medical officer.<br />

        </rs-layer>
        <rs-layer
        id="slider-18-slide-68-layer-13" 
        class="slider-btn rev-btn"
        data-type="button"
        data-color="#ffffff"
        data-bsh="c:#03eaff;v:3px;"
        data-rsp_ch="on"
        data-xy="y:403px;"
        data-text="w:normal;s:15;l:20;ls:1;fw:700;"
        data-dim="minh:0px;"
        data-padding="t:12;r:35;b:12;l:35;"
        data-border="bor:30px,30px,30px,30px;"
        data-frame_0="sX:0.9;sY:0.9;"
        data-frame_1="e:power2.inOut;st:3600;sp:1200;"
        data-frame_999="o:0;st:w;"
        data-frame_hover="bgc:linear-gradient(25deg, rgba(0,92,230,1) 0%, rgba(2,204,255,1) 100%);bor:30px,30px,30px,30px;sp:200;blu:0px;"
        style="z-index:15;background:linear-gradient(177deg, rgba(0,92,230,1) 0%, rgba(2,204,255,1) 100%);font-family:Poppins;text-transform:capitalize;"
        >Contact Us <i class="fa-arrow-right"></i> 
        </rs-layer>
        </rs-group>
        <rs-layer
        id="slider-18-slide-68-layer-0" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:c;y:c;"
        data-text="w:normal;"
        data-dim="w:100%;h:100%;minh:576px;"
        data-basealign="slide"
        data-frame_1="e:power4.inOut;sp:1500;"
        data-frame_999="o:0;st:w;"
        style="z-index:7;"
        ><img src="assets/shape-01.png" class="tp-rs-img" width="1920" height="722" data-c="cover" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-68-layer-1" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="y:c;"
        data-text="w:normal;"
        data-dim="w:300px;h:100%;"
        data-basealign="slide"
        data-frame_0="x:left;"
        data-frame_1="sp:1000;"
        data-frame_999="o:0;st:w;"
        style="z-index:9;"
        ><img src="assets/shape-02-1.png" class="tp-rs-img" width="443" height="719" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-68-layer-2" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:r;y:52px;"
        data-text="w:normal;"
        data-dim="w:602px;h:293px;"
        data-basealign="slide"
        data-frame_0="x:right;"
        data-frame_1="sp:1000;"
        data-frame_999="o:0;st:w;"
        style="z-index:10;"
        ><img src="assets/shape-03.png" class="tp-rs-img" width="705" height="343" data-no-retina> 
        </rs-layer>
        </rs-slide>
        <rs-slide data-key="rs-69" data-title="prysm" data-thumb="assets/slider2-50x100.png" data-anim="p:dark;f:nodelay;" data-in="prst:rndcolumns;x:(100%);m:true;col:5;">
        <img src="assets/slider2.png" title="slider2" width="1919" height="1288" class="rev-slidebg tp-rs-img" data-panzoom="d:5600ms;ss:100;se:120%;" data-no-retina>
        <rs-group
        id="slider-18-slide-69-layer-5" 
        data-type="group"
        data-rsp_ch="on"
        data-xy="x:30px;y:c;yo:6px;"
        data-text="w:normal;"
        data-dim="w:821;h:493;"
        data-frame_0="o:1;"
        data-frame_999="o:0;st:w;sA:9000;"
        style="z-index:16;"
        >
        <rs-layer
        id="slider-18-slide-69-layer-6" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:77px;"
        data-text="w:normal;s:22;fw:600;"
        data-padding="t:8;r:80;b:8;l:20;"
        data-border="bor:30px,30px,30px,30px;"
        data-frame_1="e:power4.inOut;sp:1200;"
        data-frame_1_sfx="se:blocktoleft;"
        data-frame_999="o:0;st:w;"
        style="z-index:11;background-color:#424650;font-family:Barlow;text-transform:capitalize;"
        >Counseling for your better life 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-69-layer-8" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:328px;y:97px;"
        data-text="w:normal;"
        data-dim="w:62px;h:4px;"
        data-frame_1="e:power4.inOut;sp:1200;"
        data-frame_1_sfx="se:blocktoleft;"
        data-frame_999="o:0;st:w;"
        style="z-index:12;"
        ><img src="assets/right-shape.png" class="tp-rs-img" width="62" height="4" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-69-layer-9" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:134px;"
        data-text="w:normal;s:72;l:72;fw:700;"
        data-dim="w:666px;"
        data-frame_0="o:1;"
        data-frame_0_chars="d:5;x:105%;o:1;rY:45deg;rZ:90deg;"
        data-frame_0_mask="u:t;"
        data-frame_1="st:1200;sp:1200;"
        data-frame_1_chars="e:power4.inOut;d:10;rZ:0deg;"
        data-frame_1_mask="u:t;"
        data-frame_999="o:0;st:w;"
        style="z-index:13;font-family:Poppins;"
        >Big Opportunity for your Business 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-69-layer-11" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="x:-2px;y:300px;"
        data-text="w:normal;l:30;td:underline;"
        data-dim="w:696px;"
        data-frame_0="y:-100%;"
        data-frame_0_mask="u:t;"
        data-frame_1="st:2400;sp:1200;"
        data-frame_1_mask="u:t;"
        data-frame_999="o:0;st:w;"
        style="z-index:14;font-family:Barlow;"
        >A fresh sense of urgency and new opportunities could give the sector momentum. England’s former is medical officer.<br />

        </rs-layer>
        <rs-layer
        id="slider-18-slide-69-layer-13" 
        class="slider-btn rev-btn"
        data-type="button"
        data-color="#ffffff"
        data-bsh="c:#03eaff;v:3px;"
        data-rsp_ch="on"
        data-xy="y:403px;"
        data-text="w:normal;s:15;l:20;ls:1;fw:700;"
        data-dim="minh:0px;"
        data-padding="t:12;r:35;b:12;l:35;"
        data-border="bor:30px,30px,30px,30px;"
        data-frame_0="sX:0.9;sY:0.9;"
        data-frame_1="e:power2.inOut;st:3600;sp:1200;"
        data-frame_999="o:0;st:w;"
        data-frame_hover="bgc:linear-gradient(25deg, rgba(0,92,230,1) 0%, rgba(2,204,255,1) 100%);bor:30px,30px,30px,30px;sp:200;blu:0px;"
        style="z-index:15;background:linear-gradient(177deg, rgba(0,92,230,1) 0%, rgba(2,204,255,1) 100%);font-family:Poppins;text-transform:capitalize;"
        >Contact Us <i class="fa-arrow-right"></i> 
        </rs-layer>
        </rs-group>
        <rs-layer
        id="slider-18-slide-69-layer-0" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:c;y:c;"
        data-text="w:normal;"
        data-dim="w:100%;h:100%;minh:576px;"
        data-basealign="slide"
        data-frame_1="e:power4.inOut;sp:1500;"
        data-frame_999="o:0;st:w;"
        style="z-index:7;"
        ><img src="assets/shape-01.png" class="tp-rs-img" width="1920" height="722" data-c="cover" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-69-layer-1" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="y:c;"
        data-text="w:normal;"
        data-dim="w:300px;h:100%;"
        data-basealign="slide"
        data-frame_0="x:left;"
        data-frame_1="sp:1000;"
        data-frame_999="o:0;st:w;"
        style="z-index:9;"
        ><img src="assets/shape-02-1.png" class="tp-rs-img" width="443" height="719" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-69-layer-2" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:r;y:52px;"
        data-text="w:normal;"
        data-dim="w:602px;h:293px;"
        data-basealign="slide"
        data-frame_0="x:right;"
        data-frame_1="sp:1000;"
        data-frame_999="o:0;st:w;"
        style="z-index:10;"
        ><img src="assets/shape-03.png" class="tp-rs-img" width="705" height="343" data-no-retina> 
        </rs-layer>
        </rs-slide>
        <rs-slide data-key="rs-70" data-title="prysm" data-thumb="assets/slider-3-50x100.png" data-anim="p:dark;f:nodelay;" data-in="prst:rndcolumns;x:(100%);m:true;col:5;">
        <img src="assets/slider-3.png" title="slider-3" width="1919" height="1288" class="rev-slidebg tp-rs-img" data-panzoom="d:5600ms;ss:100;se:120%;" data-no-retina>
        <rs-group
        id="slider-18-slide-70-layer-5" 
        data-type="group"
        data-rsp_ch="on"
        data-xy="x:30px;y:c;yo:6px;"
        data-text="w:normal;"
        data-dim="w:821;h:493;"
        data-frame_0="o:1;"
        data-frame_999="o:0;st:w;sA:9000;"
        style="z-index:16;"
        >
        <rs-layer
        id="slider-18-slide-70-layer-6" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:77px;"
        data-text="w:normal;s:22;fw:600;"
        data-padding="t:8;r:80;b:8;l:20;"
        data-border="bor:30px,30px,30px,30px;"
        data-frame_1="e:power4.inOut;sp:1200;"
        data-frame_1_sfx="se:blocktoleft;"
        data-frame_999="o:0;st:w;"
        style="z-index:11;background-color:#424650;font-family:Barlow;text-transform:capitalize;"
        >Counseling for your better life 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-70-layer-8" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:328px;y:97px;"
        data-text="w:normal;"
        data-dim="w:62px;h:4px;"
        data-frame_1="e:power4.inOut;sp:1200;"
        data-frame_1_sfx="se:blocktoleft;"
        data-frame_999="o:0;st:w;"
        style="z-index:12;"
        ><img src="assets/right-shape.png" class="tp-rs-img" width="62" height="4" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-70-layer-9" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:134px;"
        data-text="w:normal;s:72;l:72;fw:700;"
        data-dim="w:666px;"
        data-frame_0="o:1;"
        data-frame_0_chars="d:5;x:105%;o:1;rY:45deg;rZ:90deg;"
        data-frame_0_mask="u:t;"
        data-frame_1="st:1200;sp:1200;"
        data-frame_1_chars="e:power4.inOut;d:10;rZ:0deg;"
        data-frame_1_mask="u:t;"
        data-frame_999="o:0;st:w;"
        style="z-index:13;font-family:Poppins;"
        >Big Opportunity for your Business 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-70-layer-11" 
        data-type="text"
        data-color="#ffffff"
        data-rsp_ch="on"
        data-xy="y:300px;"
        data-text="w:normal;l:30;td:underline;"
        data-dim="w:696px;"
        data-frame_0="y:-100%;"
        data-frame_0_mask="u:t;"
        data-frame_1="st:2400;sp:1200;"
        data-frame_1_mask="u:t;"
        data-frame_999="o:0;st:w;"
        style="z-index:14;font-family:Barlow;"
        >A fresh sense of urgency and new opportunities could give the sector momentum. England’s former is medical officer.<br />

        </rs-layer>
        <rs-layer
        id="slider-18-slide-70-layer-13" 
        class="slider-btn rev-btn"
        data-type="button"
        data-color="#ffffff"
        data-bsh="c:#03eaff;v:3px;"
        data-rsp_ch="on"
        data-xy="y:403px;"
        data-text="w:normal;s:15;l:20;ls:1;fw:700;"
        data-dim="minh:0px;"
        data-padding="t:12;r:35;b:12;l:35;"
        data-border="bor:30px,30px,30px,30px;"
        data-frame_0="sX:0.9;sY:0.9;"
        data-frame_1="e:power2.inOut;st:3600;sp:1200;"
        data-frame_999="o:0;st:w;"
        data-frame_hover="bgc:linear-gradient(25deg, rgba(0,92,230,1) 0%, rgba(2,204,255,1) 100%);bor:30px,30px,30px,30px;sp:200;blu:0px;"
        style="z-index:15;background:linear-gradient(177deg, rgba(0,92,230,1) 0%, rgba(2,204,255,1) 100%);font-family:Poppins;text-transform:capitalize;"
        >Contact Us <i class="fa-arrow-right"></i> 
        </rs-layer>
        </rs-group>
        <rs-layer
        id="slider-18-slide-70-layer-0" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:c;y:c;"
        data-text="w:normal;"
        data-dim="w:100%;h:100%;minh:576px;"
        data-basealign="slide"
        data-frame_1="e:power4.inOut;sp:1500;"
        data-frame_999="o:0;st:w;"
        style="z-index:7;"
        ><img src="assets/shape-01.png" class="tp-rs-img" width="1920" height="722" data-c="cover" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-70-layer-1" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="y:c;"
        data-text="w:normal;"
        data-dim="w:300px;h:100%;"
        data-basealign="slide"
        data-frame_0="x:left;"
        data-frame_1="sp:1000;"
        data-frame_999="o:0;st:w;"
        style="z-index:9;"
        ><img src="assets/shape-02-1.png" class="tp-rs-img" width="443" height="719" data-no-retina> 
        </rs-layer>
        <rs-layer
        id="slider-18-slide-70-layer-2" 
        data-type="image"
        data-rsp_ch="on"
        data-xy="x:r;y:52px;"
        data-text="w:normal;"
        data-dim="w:602px;h:293px;"
        data-basealign="slide"
        data-frame_0="x:right;"
        data-frame_1="sp:1000;"
        data-frame_999="o:0;st:w;"
        style="z-index:10;"
        ><img src="assets/shape-03.png" class="tp-rs-img" width="705" height="343" data-no-retina> 
        </rs-layer>
        </rs-slide>
        </rs-slides>
        <rs-static-layers>

        </rs-static-layers>
        </rs-module>
        <script type="text/javascript">
        if(typeof revslider_showDoubleJqueryError === "undefined") {
        function revslider_showDoubleJqueryError(sliderID) {
        var err = "<div class='rs_error_message_box'>";
        err += "<div class='rs_error_message_oops'>Oops...</div>";
        err += "<div class='rs_error_message_content'>";
        err += "You have some jquery.js library include that comes after the Slider Revolution files js inclusion.<br>";
        err += "To fix this, you can:<br>    1. Set 'Module General Options' -> 'Advanced' -> 'jQuery & OutPut Filters' -> 'Put JS to Body' to on";
        err += "<br>    2. Find the double jQuery.js inclusion and remove it";
        err += "</div>";
        err += "</div>";
        var slider = document.getElementById(sliderID); slider.innerHTML = err; slider.style.display = "block";
    }
}
</script>
</rs-module-wrap>


var revapi18,
tpj;
function revinit_revslider181() {
jQuery(function() {
tpj = jQuery;
revapi18 = tpj("#rev_slider_18_1");
if(revapi18==undefined || revapi18.revolution == undefined){
revslider_showDoubleJqueryError("rev_slider_18_1");
}else{
revapi18.revolution({
DPR:"dpr",
sliderLayout:"fullwidth",
visibilityLevels:"1240,1024,778,480",
gridwidth:1240,
gridheight:900,
perspective:600,
perspectiveType:"global",
editorheight:"900,768,960,720",
responsiveLevels:"1240,1024,778,480",
ajaxUrl:"https://html.themexriver.com/nayeem/wp-admin/admin-ajax.php",
ajaxNonce:"9fd449e4b3",
progressBar:{disableProgressBar:true},
navigation: {
wheelCallDelay:1000,
onHoverStop:false,
thumbnails: {
enable:true,
tmp:"  ",
style:"hades",
anim:"zoomin",
h_align:"right",
h_offset:1,
v_offset:-1,
space:5,
width:70,
height:70,
wrapper_padding:20,
wrapper_color:"rgba(0, 0, 0, 0)",
container:"layergrid"
}
},
fallbacks: {
allowHTML5AutoPlayOnAndroid:true
},
});
}

});
} // End of RevInitScript
var once_revslider181 = false;
if (document.readyState === "loading") {document.addEventListener('readystatechange',function() { if((document.readyState === "interactive" || document.readyState === "complete") && !once_revslider181 ) { once_revslider181 = true; revinit_revslider181();}});} else {once_revslider181 = true; revinit_revslider181();}

Scroller Structure

To learn how to use jQuery custom content scroller ,here is the code or go to jQuery custom content scroller and check how does it work.

      <div id="featured_scroll" class="about-text-scroller-wrap">
      <div class="about-text-scroller-item">
      <div class="about-scoller-item wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
      <div class="about-scoller-item-icon float-left d-flex justify-content-center align-items-center position-relative">
      <i class="flaticon-high-value"></i>
      </div>
      <div class="about-scoller-item-text headline pera-content">
      <h3><a href="#">Company Values</a></h3>
      <p>We help organizations across private, public, and social sectors create on the Change that Matters most to them.</p>
      </div>
      </div>
      </div>
      <div class="about-text-scroller-item wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
      <div class="about-scoller-item">
      <div class="about-scoller-item-icon float-left d-flex justify-content-center align-items-center position-relative">
      <i class="flaticon-objectives"></i>
      </div>
      <div class="about-scoller-item-text headline pera-content">
      <h3><a href="#">Our Mission</a></h3>
      <p>We help organizations across private, public, and social sectors create on the Change that Matters most to them.</p>
      </div>
      </div>
      </div>
      <div class="about-text-scroller-item">
      <div class="about-scoller-item">
      <div class="about-scoller-item-icon float-left d-flex justify-content-center align-items-center position-relative">
      <i class="flaticon-market"></i>
      </div>
      <div class="about-scoller-item-text headline pera-content">
      <h3><a href="#">Company MarketIng</a></h3>
      <p>We help organizations across private, public, and social sectors create on the Change that Matters most to them.</p>
      </div>
      </div>
      </div>
      <div class="about-text-scroller-item">
      <div class="about-scoller-item">
      <div class="about-scoller-item-icon float-left d-flex justify-content-center align-items-center position-relative">
      <i class="flaticon-data-analysis"></i>
      </div>
      <div class="about-scoller-item-text headline pera-content">
      <h3><a href="#">MarketIng Analysis</a></h3>
      <p>We help organizations across private, public, and social sectors create on the Change that Matters most to them.</p>
      </div>
      </div>
      </div>
      <div class="about-text-scroller-item">
      <div class="about-scoller-item">
      <div class="about-scoller-item-icon float-left d-flex justify-content-center align-items-center position-relative">
      <i class="flaticon-strategy"></i>
      </div>
      <div class="about-scoller-item-text headline pera-content">
      <h3><a href="#">Company strategy</a></h3>
      <p>We help organizations across private, public, and social sectors create on the Change that Matters most to them.</p>
      </div>
      </div>
      </div>
      </div>

Service Tab Structure

Service Section Tab

        <div class="pr-service-tab-wrap position-relative">
        <div class="pr-service-tab-btn">
        <ul class="nav nav-pills  text-center text-capitalize" id="pills-tab" role="tablist">
        <li class="nav-item wow zoomIn" data-wow-delay="0ms" data-wow-duration="1500ms" role="presentation">
        <a class="nav-link active"  data-bs-toggle="pill" href="#tb1" role="tab"  aria-selected="true"><i class="flaticon-business-report"></i> </a>
        </li>
        <li class="nav-item wow zoomIn" data-wow-delay="100ms" data-wow-duration="1500ms" role="presentation">
        <a class="nav-link"  data-bs-toggle="pill" href="#tb2" role="tab"  aria-selected="false"> <i class="flaticon-remuneration"></i> </a>
        </li>
        <li class="nav-item wow zoomIn" data-wow-delay="200ms" data-wow-duration="1500ms" role="presentation">
        <a class="nav-link"  data-bs-toggle="pill" href="#tb3" role="tab"  aria-selected="false"><i class="flaticon-brainstorming"></i> </a>
        </li>
        <li class="nav-item wow zoomIn" data-wow-delay="300ms" data-wow-duration="1500ms" role="presentation">
        <a class="nav-link"  data-bs-toggle="pill" href="#tb4" role="tab"  aria-selected="false"><i class="flaticon-segmentation"></i> </a>
        </li>
        <li class="nav-item wow zoomIn" data-wow-delay="400ms" data-wow-duration="1500ms" role="presentation">
        <a class="nav-link"  data-bs-toggle="pill" href="#tb5" role="tab"  aria-selected="false"><i class="flaticon-strategy"></i> </a>
        </li>
        <li class="nav-item wow zoomIn" data-wow-delay="500ms" data-wow-duration="1500ms" role="presentation">
        <a class="nav-link"  data-bs-toggle="pill" href="#tb6" role="tab"  aria-selected="false"><i class="flaticon-high-value"></i> </a>
        </li>
        </ul>
        </div>
        <div class="pr-service-tab-content">
        <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade active show" id="tb1" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="pr-service-tab-item text-center">
        <div class="pr-item-icon">
        <i class="flaticon-business-report"></i>
        </div>
        <div class="pr-item-text headline pera-content">
        <h3><a href="#">Business Planning</a></h3>
        <p>Our flagship business publication, <span>Prysm</span> Quarterly, has been defining and informing the senior
        management agenda since 1964.</p>
        <div class="pr-btn text-centern">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="tab-pane fade" id="tb2" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="pr-service-tab-item text-center">
        <div class="pr-item-icon">
        <i class="flaticon-remuneration"></i>
        </div>
        <div class="pr-item-text headline pera-content">
        <h3><a href="#">Business Planning</a></h3>
        <p>Our flagship business publication, <span>Prysm</span> Quarterly, has been defining and informing the senior
        management agenda since 1964.</p>
        <div class="pr-btn text-centern">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="tab-pane fade" id="tb3" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="pr-service-tab-item text-center">
        <div class="pr-item-icon">
        <i class="flaticon-brainstorming"></i>
        </div>
        <div class="pr-item-text headline pera-content">
        <h3><a href="#">Business Planning</a></h3>
        <p>Our flagship business publication, <span>Prysm</span> Quarterly, has been defining and informing the senior
        management agenda since 1964.</p>
        <div class="pr-btn text-centern">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="tab-pane fade" id="tb4" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="pr-service-tab-item text-center">
        <div class="pr-item-icon">
        <i class="flaticon-segmentation"></i>
        </div>
        <div class="pr-item-text headline pera-content">
        <h3><a href="#">Business Planning</a></h3>
        <p>Our flagship business publication, <span>Prysm</span> Quarterly, has been defining and informing the senior
        management agenda since 1964.</p>
        <div class="pr-btn text-centern">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="tab-pane fade" id="tb5" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="pr-service-tab-item text-center">
        <div class="pr-item-icon">
        <i class="flaticon-strategy"></i>
        </div>
        <div class="pr-item-text headline pera-content">
        <h3><a href="#">Business Planning</a></h3>
        <p>Our flagship business publication, <span>Prysm</span> Quarterly, has been defining and informing the senior
        management agenda since 1964.</p>
        <div class="pr-btn text-centern">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="tab-pane fade" id="tb6" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="pr-service-tab-item text-center">
        <div class="pr-item-icon">
        <i class="flaticon-high-value"></i>
        </div>
        <div class="pr-item-text headline pera-content">
        <h3><a href="#">Business Planning</a></h3>
        <p>Our flagship business publication, <span>Prysm</span> Quarterly, has been defining and informing the senior
        management agenda since 1964.</p>
        <div class="pr-btn text-centern">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>

Project Structure

Case studies Slider

        <div class="case-slider-wrap">
        <div class="case-slider-item clearfix position-relative">
        <div class="case-item-img float-right">
        <img src="assets/img/case/cs1.jpg" alt="">
        </div>
        <div class="case-item-text headline pera-content">
        <h3><a href="#">We take consistent approach
        to recruiting & skills for the
        development.</a></h3>
        <p>New analytic tools  help manufacturers in labor intensive sectors boost productivity and earnings.
        </p>
        <a class="case-item-icon" href="#"> <i class="fal fa-plus"></i></a>
        </div>
        <div class="case-item-number headline">
        <h3>01 / <span>03</span></h3>
        </div>
        </div>
        <div class="case-slider-item clearfix position-relative">
        <div class="case-item-img float-right">
        <img src="assets/img/case/cs1.jpg" alt="">
        </div>
        <div class="case-item-text headline pera-content">
        <h3><a href="#">We take consistent approach
        to recruiting & skills for the
        development.</a></h3>
        <p>New analytic tools  help manufacturers in labor intensive sectors boost productivity and earnings.
        </p>
        <a class="case-item-icon" href="#"> <i class="fal fa-plus"></i></a>
        </div>
        <div class="case-item-number headline">
        <h3>02 / <span>03</span></h3>
        </div>
        </div>
        <div class="case-slider-item clearfix position-relative">
        <div class="case-item-img float-right">
        <img src="assets/img/case/cs1.jpg" alt="">
        </div>
        <div class="case-item-text headline pera-content">
        <h3><a href="#">We take consistent approach
        to recruiting & skills for the
        development.</a></h3>
        <p>New analytic t>ools  help manufacturers in labor intensive sectors boost productivity and earnings.
        </p>
        <a class="case-item-icon" href="#"> <i class="fal fa-plus"></i></a>
        </div>
        <div class="case-item-number headline">
        <h3>03 / <span>03</span></h3>
        </div>
        </div>
        </div>
        <div class="carousel_nav clearfix">
        <button type="button" class="sl-left_arrow"><i class="far fa-long-arrow-left"></i></button>
        <button type="button" class="sl-right_arrow"><i class="far fa-long-arrow-right"></i></button>
        </div>

Team Slider Structure

Team Slider

        <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
        <div class="row">
        <div class="col-lg-3">
        <div class="pr-team-item-thumb-img">
        <div class="carousel-indicators text-center ul-li-block">
        <ul>
        <li class="wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"><img src="assets/img/team/tm1.jpg" alt=""> </button><span>Natalia Zox</span></li>
        <li class="wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms"><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"><img src="assets/img/team/tm2.jpg" alt=""></button> <span>Ivan Hindshaw</span></li>
        <li class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms"><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"><img src="assets/img/team/tm3.jpg" alt=""></button> <span>Maria Gordian</span></li>
        <li class="wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms"><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"  aria-current="true" aria-label="Slide 1"><img src="assets/img/team/tm1.jpg" alt=""> </button><span>Natalia Zox</span></li>
        <li class="wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms"><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 2"><img src="assets/img/team/tm2.jpg" alt=""></button> <span>Ivan Hindshaw</span></li>
        <li><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 3"><img src="assets/img/team/tm3.jpg" alt=""></button> <span>Maria Gordian</span></li>
        </ul>
        </div>
        </div>
        </div>
        <div class="col-lg-9">
        <div class="pr-team-item-wrap position-relative">
        <div class="carousel-inner">
        <div class="carousel-item active">
        <div class="pr-team-item-area position-relative">
        <span class="shape-area position-absolute"><img src="assets/img/team/t-sh1.png" alt=""></span>
        <span class="shape-area2 position-absolute"><img src="assets/img/team/t-sh2.png" alt=""></span>
        <div class="team-item-img position-relative float-left">
        <img src="assets/img/team/tem1.jpg" alt="">
        </div>
        <div class="team-item-text headline pera-content">
        <h3><a href="#">Natalia Zox</a></h3>
        <span>Worldwide Managing Partner,
        San Francisco</span>
        <p><a href="#">Natalia Zox</a> is the worldwide managing partner of Prysm. He is responsible for all aspects of the firm's strategy, team and operations across Our’s global
        network of 50+ offices in world wide.</p>
        <div class="social-item">
        <a class="fb-icon" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="tw-icon" href="#"><i class="fab fa-twitter"></i></a>
        <a class="dri-icon" href="#"><i class="fal fa-basketball-ball"></i></a>
        <a class="bh-icon" href="#"><i class="fab fa-behance"></i></a>
        </div>
        <div class="pr-btn">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="carousel-item">
        <div class="pr-team-item-area position-relative">
        <span class="shape-area position-absolute"><img src="assets/img/team/t-sh1.png" alt=""></span>
        <span class="shape-area2 position-absolute"><img src="assets/img/team/t-sh2.png" alt=""></span>
        <div class="team-item-img position-relative float-left">
        <img src="assets/img/team/tem2.jpg" alt="">
        </div>
        <div class="team-item-text headline pera-content">
        <h3><a href="#">Natalia Zox</a></h3>
        <span>Worldwide Managing Partner,
        San Francisco</span>
        <p><a href="#">Natalia Zox</a> is the worldwide managing partner of Prysm. He is responsible for all aspects of the firm's strategy, team and operations across Our’s global
        network of 50+ offices in world wide.</p>
        <div class="social-item">
        <a class="fb-icon" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="tw-icon" href="#"><i class="fab fa-twitter"></i></a>
        <a class="dri-icon" href="#"><i class="fal fa-basketball-ball"></i></a>
        <a class="bh-icon" href="#"><i class="fab fa-behance"></i></a>
        </div>
        <div class="pr-btn">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="carousel-item">
        <div class="pr-team-item-area position-relative">
        <span class="shape-area position-absolute"><img src="assets/img/team/t-sh1.png" alt=""></span>
        <span class="shape-area2 position-absolute"><img src="assets/img/team/t-sh2.png" alt=""></span>
        <div class="team-item-img position-relative float-left">
        <img src="assets/img/team/tem1.jpg" alt="">
        </div>
        <div class="team-item-text headline pera-content">
        <h3><a href="#">Natalia Zox</a></h3>
        <span>Worldwide Managing Partner,
        San Francisco</span>
        <p><a href="#">Natalia Zox</a> is the worldwide managing partner of Prysm. He is responsible for all aspects of the firm's strategy, team and operations across Our’s global
        network of 50+ offices in world wide.</p>
        <div class="social-item">
        <a class="fb-icon" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="tw-icon" href="#"><i class="fab fa-twitter"></i></a>
        <a class="dri-icon" href="#"><i class="fal fa-basketball-ball"></i></a>
        <a class="bh-icon" href="#"><i class="fab fa-behance"></i></a>
        </div>
        <div class="pr-btn">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="carousel-item">
        <div class="pr-team-item-area position-relative">
        <span class="shape-area position-absolute"><img src="assets/img/team/t-sh1.png" alt=""></span>
        <span class="shape-area2 position-absolute"><img src="assets/img/team/t-sh2.png" alt=""></span>
        <div class="team-item-img position-relative float-left">
        <img src="assets/img/team/tem1.jpg" alt="">
        </div>
        <div class="team-item-text headline pera-content">
        <h3><a href="#">Natalia Zox</a></h3>
        <span>Worldwide Managing Partner,
        San Francisco</span>
        <p><a href="#">Natalia Zox</a> is the worldwide managing partner of Prysm. He is responsible for all aspects of the firm's strategy, team and operations across Our’s global
        network of 50+ offices in world wide.</p>
        <div class="social-item">
        <a class="fb-icon" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="tw-icon" href="#"><i class="fab fa-twitter"></i></a>
        <a class="dri-icon" href="#"><i class="fal fa-basketball-ball"></i></a>
        <a class="bh-icon" href="#"><i class="fab fa-behance"></i></a>
        </div>
        <div class="pr-btn">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="carousel-item">
        <div class="pr-team-item-area position-relative">
        <span class="shape-area position-absolute"><img src="assets/img/team/t-sh1.png" alt=""></span>
        <span class="shape-area2 position-absolute"><img src="assets/img/team/t-sh2.png" alt=""></span>
        <div class="team-item-img position-relative float-left">
        <img src="assets/img/team/tem1.jpg" alt="">
        </div>
        <div class="team-item-text headline pera-content">
        <h3><a href="#">Natalia Zox</a></h3>
        <span>Worldwide Managing Partner,
        San Francisco</span>
        <p><a href="#">Natalia Zox</a> is the worldwide managing partner of Prysm. He is responsible for all aspects of the firm's strategy, team and operations across Our’s global
        network of 50+ offices in world wide.</p>
        <div class="social-item">
        <a class="fb-icon" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="tw-icon" href="#"><i class="fab fa-twitter"></i></a>
        <a class="dri-icon" href="#"><i class="fal fa-basketball-ball"></i></a>
        <a class="bh-icon" href="#"><i class="fab fa-behance"></i></a>
        </div>
        <div class="pr-btn">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        <div class="carousel-item">
        <div class="pr-team-item-area position-relative">
        <span class="shape-area position-absolute"><img src="assets/img/team/t-sh1.png" alt=""></span>
        <span class="shape-area2 position-absolute"><img src="assets/img/team/t-sh2.png" alt=""></span>
        <div class="team-item-img position-relative float-left">
        <img src="assets/img/team/tem1.jpg" alt="">
        </div>
        <div class="team-item-text headline pera-content">
        <h3><a href="#">Natalia Zox</a></h3>
        <span>Worldwide Managing Partner,
        San Francisco</span>
        <p><a href="#">Natalia Zox</a> is the worldwide managing partner of Prysm. He is responsible for all aspects of the firm's strategy, team and operations across Our’s global
        network of 50+ offices in world wide.</p>
        <div class="social-item">
        <a class="fb-icon" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="tw-icon" href="#"><i class="fab fa-twitter"></i></a>
        <a class="dri-icon" href="#"><i class="fal fa-basketball-ball"></i></a>
        <a class="bh-icon" href="#"><i class="fab fa-behance"></i></a>
        </div>
        <div class="pr-btn">
        <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
        </div>
        </div>
        </div>
        </div>
        </div>
        <div class="pr-team-carousel">
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
        <span><i class="far fa-chevron-left"></i></span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
        <span><i class="far fa-chevron-right"></i></span>
        </button>
        </div>
        </div>
        </div>
        </div>
        </div>

Testimonial Structure

Testimonial Markup Structure

    <div class="pr-testimonial-content">
    <div class="row justify-content-center">
    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
    <div class="pr-testimonial-item position-relative">
    <div class="pr-testi-item-img position-absolute">
    <img src="assets/img/testimonial/test1.jpg" alt="">
    </div>
    <div class="pr-testi-item-icon position-absolute">
    <i class="fas fa-quote-right"></i>
    </div>
    <div class="pr-testi-item-text">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor to
    incididunt ut labore et dolore magna for
    aliqua. Quis ipsum suspendisse.
    </div>
    <div class="pr-testi-item-author d-flex justify-content-between align-items-center headline">
    <div class="name-degi">
    <h3><a href="#">Tom Jhon</a></h3>
    <span>Customer Manager</span>
    </div>
    <div class="pr-testi-item-rate ul-li">
    <ul>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
    <div class="pr-testimonial-item position-relative">
    <div class="pr-testi-item-img position-absolute">
    <img src="assets/img/testimonial/test2.jpg" alt="">
    </div>
    <div class="pr-testi-item-icon position-absolute">
    <i class="fas fa-quote-right"></i>
    </div>
    <div class="pr-testi-item-text">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor to
    incididunt ut labore et dolore magna for
    aliqua. Quis ipsum suspendisse.
    </div>
    <div class="pr-testi-item-author d-flex justify-content-between align-items-center headline">
    <div class="name-degi">
    <h3><a href="#">Onni Jhon</a></h3>
    <span>Customer Manager</span>
    </div>
    <div class="pr-testi-item-rate ul-li">
    <ul>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms">
    <div class="pr-testimonial-item position-relative">
    <div class="pr-testi-item-img position-absolute">
    <img src="assets/img/testimonial/test3.jpg" alt="">
    </div>
    <div class="pr-testi-item-icon position-absolute">
    <i class="fas fa-quote-right"></i>
    </div>
    <div class="pr-testi-item-text">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor to
    incididunt ut labore et dolore magna for
    aliqua. Quis ipsum suspendisse.
    </div>
    <div class="pr-testi-item-author d-flex justify-content-between align-items-center headline">
    <div class="name-degi">
    <h3><a href="#">Fira Roger</a></h3>
    <span>Customer Manager</span>
    </div>
    <div class="pr-testi-item-rate ul-li">
    <ul>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    <li><i class="fas fa-star"></i></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-testimonial-more d-flex justify-content-center align-items-center">
    <div class="pr-testimonial-img ul-li">
    <ul>
    <li><span class="testi-img"><img src="assets/img/testimonial/ts1.jpg" alt=""></span><span class="testi-text">Tom Jhon</span></li>
    <li><span class="testi-img"><img src="assets/img/testimonial/ts2.jpg" alt=""></span><span class="testi-text">Onni Jhon</span></li>
    <li><span class="testi-img"><img src="assets/img/testimonial/ts3.jpg" alt=""></span><span class="testi-text">Fira Roger</span></li>
    </ul>
    </div>
    <div class="pr-testimonial-more-btn">
    <a href="#">More Reviews <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>

Services Slider Structure

Our services Slider Section

    <div class="pr-service-content-2 position-relative">
    <div class="pr-service-slider">
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-business-report"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Business Planning</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-remuneration"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Tax Consulting</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-brainstorming"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Business Planning</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-segmentation"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Financial Services</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-strategy"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Insurance insights</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-business-report"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Business Planning</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-remuneration"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Tax Consulting</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-brainstorming"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Business Planning</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-segmentation"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Financial Services</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    <div class="pr-item-innerbox">
    <div class="pr-service-item-inner text-center">
    <div class="pr-service-item-icon d-flex align-items-center justify-content-center">
    <i class="flaticon-strategy"></i>
    </div>
    <div class="pr-service-item-text headline pera-content position-relative">
    <h3><a href="#">Insurance insights</a></h3>
    <p>Our flagship business public
    <a href="#">Prysm</a> Quarterly, has been defining and inform.
    </p>
    <div class="pr-btn text-center">
    <a class="d-flex justify-content-center align-items-center" href="#">Read More</a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="carousel_nav clearfix">
    <button type="button" class="sl-left_arrow"><i class="far fa-long-arrow-left"></i></button>
    <button type="button" class="sl-right_arrow"><i class="far fa-long-arrow-right"></i></button>
    </div>
    </div>

Blog Slider

Featured Insights Slider

    <div class="pr-blog-slider-area">
    <div class=" pr-item-innerbox">
    <div class="pr-blog-inner-item">
    <div class="pr-blog-img-item">
    <img src="assets/img/blog/blg1.jpg" alt="">
    </div>
    <div class="pr-blog-text-item headline pera-content">
    <div class="item-meta">
    <a href="#"><i class="fal fa-calendar-alt"></i> June 10, 2021</a>
    </div>
    <h3><a href="#">Five Takes on  Sustainability
    Revolution in business.</a></h3>
    <p>The time for sustainability is now while got a
    everyone is looking for companies ...</p>
    <div class="item-author-meta d-flex justify-content-between align-items-center">
    <div class="b-item-img">
    <img src="assets/img/blog/ba1.png" alt="">
    <a href="#">Rayan Colins</a>
    </div>
    <div class="pr-blog-more">
    <a href="#">More Details <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=" pr-item-innerbox">
    <div class="pr-blog-inner-item">
    <div class="pr-blog-img-item">
    <img src="assets/img/blog/blg2.jpg" alt="">
    </div>
    <div class="pr-blog-text-item headline pera-content">
    <div class="item-meta">
    <a href="#"><i class="fal fa-calendar-alt"></i> June 10, 2021</a>
    </div>
    <h3><a href="#">One insight about harnessing data
    and AI from leaders.</a></h3>
    <p>The time for sustainability is now while got a
    everyone is looking for companies ...</p>
    <div class="item-author-meta d-flex justify-content-between align-items-center">
    <div class="b-item-img">
    <img src="assets/img/blog/ba1.png" alt="">
    <a href="#">Rayan Colins</a>
    </div>
    <div class="pr-blog-more">
    <a href="#">More Details <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=" pr-item-innerbox">
    <div class="pr-blog-inner-item">
    <div class="pr-blog-img-item">
    <img src="assets/img/blog/blg3.jpg" alt="">
    </div>
    <div class="pr-blog-text-item headline pera-content">
    <div class="item-meta">
    <a href="#"><i class="fal fa-calendar-alt"></i> June 10, 2021</a>
    </div>
    <h3><a href="#">Four CEOs describe goes into
    turning a world of data.</a></h3>
    <p>The time for sustainability is now while got a
    everyone is looking for companies ...</p>
    <div class="item-author-meta d-flex justify-content-between align-items-center">
    <div class="b-item-img">
    <img src="assets/img/blog/ba1.png" alt="">
    <a href="#">Rayan Colins</a>
    </div>
    <div class="pr-blog-more">
    <a href="#">More Details <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=" pr-item-innerbox">
    <div class="pr-blog-inner-item">
    <div class="pr-blog-img-item">
    <img src="assets/img/blog/blg2.jpg" alt="">
    </div>
    <div class="pr-blog-text-item headline pera-content">
    <div class="item-meta">
    <a href="#"><i class="fal fa-calendar-alt"></i> June 10, 2021</a>
    </div>
    <h3><a href="#">Five Takes on  Sustainability
    Revolution in business.</a></h3>
    <p>The time for sustainability is now while got a
    everyone is looking for companies ...</p>
    <div class="item-author-meta d-flex justify-content-between align-items-center">
    <div class="b-item-img">
    <img src="assets/img/blog/ba1.png" alt="">
    <a href="#">Rayan Colins</a>
    </div>
    <div class="pr-blog-more">
    <a href="#">More Details <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=" pr-item-innerbox">
    <div class="pr-blog-inner-item">
    <div class="pr-blog-img-item">
    <img src="assets/img/blog/blg2.jpg" alt="">
    </div>
    <div class="pr-blog-text-item headline pera-content">
    <div class="item-meta">
    <a href="#"><i class="fal fa-calendar-alt"></i> June 10, 2021</a>
    </div>
    <h3><a href="#">One insight about harnessing data
    and AI from leaders.</a></h3>
    <p>The time for sustainability is now while got a
    everyone is looking for companies ...</p>
    <div class="item-author-meta d-flex justify-content-between align-items-center">
    <div class="b-item-img">
    <img src="assets/img/blog/ba1.png" alt="">
    <a href="#">Rayan Colins</a>
    </div>
    <div class="pr-blog-more">
    <a href="#">More Details <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=" pr-item-innerbox">
    <div class="pr-blog-inner-item">
    <div class="pr-blog-img-item">
    <img src="assets/img/blog/blg3.jpg" alt="">
    </div>
    <div class="pr-blog-text-item headline pera-content">
    <div class="item-meta">
    <a href="#"><i class="fal fa-calendar-alt"></i> June 10, 2021</a>
    </div>
    <h3><a href="#">Four CEOs describe goes into
    turning a world of data.</a></h3>
    <p>The time for sustainability is now while got a
    everyone is looking for companies ...</p>
    <div class="item-author-meta d-flex justify-content-between align-items-center">
    <div class="b-item-img">
    <img src="assets/img/blog/ba1.png" alt="">
    <a href="#">Rayan Colins</a>
    </div>
    <div class="pr-blog-more">
    <a href="#">More Details <i class="fal fa-long-arrow-right"></i></a>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

Google Map Structure

CSS Files and Structure

Mainly two main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and responsive style include in style.css file.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

CSS Files

Common stylesheets included in all pages:

        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.css">
        <link rel="stylesheet" href="assets/css/flaticon.css">
        <link rel="stylesheet" href="assets/css/animate.css">
        <link rel="stylesheet" href="assets/css/nice-select.css">
        <link rel="stylesheet" href="assets/css/video.min.css">
        <link rel="stylesheet" href="assets/css/jquery.mCustomScrollbar.min.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/rs6.css">
        <link rel="stylesheet" href="assets/css/slick-theme.css">
        <link rel="stylesheet" href="assets/css/style.css">

;

Jquery and javascript

This theme imports three types of Javascript files.

jQuery
Custom scripts (script.js)
Some plugins

jQuery is a Javascript library that greatly reduces the amount of code that you must write.
Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.

In addition to the custom scripts, I have implemented few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method. (All javascript plugins include in jquery-plugin-collection.js file)

        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/appear.js"></script>
        <script src="assets/js/slick.js"></script>
        <script src="assets/js/jquery.nice-select.min.js"></script>
        <script src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/rbtools.min.js"></script>
        <script src="assets/js/rs6.min.js"></script>
        <script src="assets/js/script.js"></script>
        <script src="assets/js/gmaps.min.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDk2HrmqE4sWSei0XdKGbOMOHN3Mm2Bf-M&ver=2.1.6"></script>

Sources and Credits

Fonts Used int the template are google fonts, you can find theme on Google Fonts API

Fonts Used are :

"Barlow - Body Font"

"Poppins - Heading Font"

File Used For Animation Effects :

animate.css (in css Folder)

Sliders Used Are :

Slick Slider

Every Code is properly commented for Editing Ease.

Icons Used are :

Fontawsome Pro version Icons
https://fortawesome.github.io/Font-Awesome/

Support

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at Support Center.

Email Us at : support@themexriver.com