<div  id="overlappable-4" style="background-color: #ffffff;" data-label="Overlappable" data-id="overlappable-4" data-export-id="overlappable-4" data-category="overlappable" class="overlappable-4 content-section content-section-spacing" data-overlap="true"><div  class="gridContainer"> <div  data-type="row" class="row spaced-cols text-center"><div  class="col-xs-12 col-sm-4 col-padding"> <i  class="fa icon fa-clone large shadow-large-black round aligncenter reverse color1"></i> <div  data-type="column" class=""> <h5  class="">PUBLICATIONS</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div> </div> <div  class="col-xs-12 col-sm-4 col-padding"> <i  class="fa icon fa-cogs large shadow-large-black round aligncenter reverse color1"></i> <div  data-type="column" class=""><h5  class="">INTERVIEWS</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div> </div> <div  class="col-xs-12 col-sm-4 col-padding"> <i  class="fa icon fa-magic large shadow-large-black round aligncenter reverse color1"></i> <div  data-type="column" class=""><h5  class="">RESSOURCES</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div> </div></div> </div></div><div  id="about-1" style="background-color: #f5fafd;" data-label="About" data-id="about-1" data-export-id="about-1" data-category="about" class="about-1 content-section"><div  class="gridContainer"> <div  class="row text-center"><div  class="section-title-col" data-type="column"> <h5  class="">LOREM IPSUM DOLOR</h5> <h2  class="">Brand new WordPress theme&nbsp;<span  href="#" style="font-weight: 700; font-family: Playfair Display,sans-serif; font-style: italic;">with unlimited power</span>&nbsp;and customization possibilities</h2> <p  class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p></div> </div> <div  class="row"> <div  class="button-holder space-bottom space-bottom-small" data-type="column"> <a  class="button color1" href="#">GET STARTED NOW</a></div> <div  class="col-xs bottom-xs flexbox image-group-bottom-3-img space-bottom-xs center-xs"> <img  class="left-img shadow-large-black" data-size="500x300" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/computer-2569652.jpg"> <img  class="center-img shadow-large-black" data-size="500x300" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/apple-1838564.jpg"> <img  class="right-img shadow-large-black" data-size="500x300" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/laptop-2559795.jpg"></div> </div></div> </div><div  id="features-3" style="background-color: #ffffff;" data-label="Features" data-id="features-12-card-bordered" data-export-id="features-12-card-bordered" data-category="features" class="features-12-card-bordered content-section content-section-spacing "><div  class="gridContainer"> <div  class="row text-center"><div  class="section-title-col" data-type="column"> <h2  class="">A few things we’re great at</h2> <p  class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.Ut enim ad minim veniam, quis nostrud exercitation.</p></div> </div> <div  class="row spaced-cols" data-type="row"> <div  class="col-sm-6"> <div  class="card row-card bordered y-move"> <div  class="row"> <div  class="col-sm-fit icon-column"> <i  class="fa icon fa-connectdevelop round bordered color2"></i> </div> <div  class="col-sm" data-type="column"> <h5  class="color2">FLEXIBLE CODE</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p></div> </div></div> </div> <div  class="col-sm-6"> <div  class="card row-card bordered y-move"> <div  class="row"> <div  class="col-sm-fit icon-column"> <i  class="fa icon fa-codepen round bordered color2"></i> </div> <div  class="col-sm" data-type="column"> <h5  class="color2">FLEXIBLE CODE</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p></div> </div></div> </div> <div  class="col-sm-6"> <div  class="card row-card bordered y-move"> <div  class="row"> <div  class="col-sm-fit icon-column"> <i  class="fa icon fa-cube round bordered color2"></i> </div> <div  class="col-sm" data-type="column"> <h5  class="color2">FLEXIBLE CODE</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p></div> </div></div> </div> <div  class="col-sm-6"> <div  class="card row-card bordered y-move"> <div  class="row"> <div  class="col-sm-fit icon-column"> <i  class="fa icon fa-database round bordered color2"></i> </div> <div  class="col-sm" data-type="column"> <h5  class="color2">FLEXIBLE CODE</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p></div> </div></div> </div></div> </div></div><div  id="content-13" style="background-color: #f5fafd;" data-label="Content" data-id="content-2" data-export-id="content-2" data-category="content" class="content-2 content-section content-section-spacing"><div > <div  class="row middle-xs"><div  class="col-sm-5 bg-image shadow-large-black" data-bg="image"></div> <div  class="col-sm-7 full-col-left-padding full-col-right-padding"> <div  class="row"> <div  data-type="column" class="space-bottom-small content-title-col"> <h5  class="">CASE STUDY</h5> <h2  class="">The Secret of Success</h2> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div> </div> <div  class="row spaced-cols " data-type="row"> <div  class="col-xs-6" data-type="column"> <h5  class="">CAMERA</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div  class="col-xs-6" data-type="column"><h5  class="">MUSIC CENTER</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div  class="col-xs-6" data-type="column"><h5  class="">MESSAGES</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div  class="col-xs-6" data-type="column"><h5  class="">CHANNELS</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> </div></div> </div></div> </div><div  id="content-14" style="background-color: #ffffff;" data-label="Content" data-id="content-3" data-export-id="content-3" data-category="content" class="content-3 content-section content-section-spacing"><div > <div  class="row middle-xs"><div  class="col-sm-7 full-col-left-padding full-col-right-padding"> <div  class="row"><div  data-type="column" class="space-bottom-small content-title-col"> <h5  class="">CASE STUDY</h5> <h2  class="">The Secret of Success</h2> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div> </div> <div  class="row spaced-cols" data-type="row"> <div  class="col-xs-6" data-type="column"> <h5  class="">CAMERA</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div  class="col-xs-6" data-type="column"><h5  class="">MUSIC CENTER</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div  class="col-xs-6" data-type="column"><h5  class="">MESSAGES</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div  class="col-xs-6" data-type="column"><h5  class="">CHANNELS</h5> <p  class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> </div></div> <div  class="col-sm-5 bg-image shadow-large-black revert-classes-holder" data-bg="image"></div></div> </div></div><div  id="portfolio-3" style="background-color: #f5fafd;" data-label="Portfolio" data-id="portfolio-4" data-export-id="portfolio-4" data-category="portfolio" class="portfolio-4 content-section content-section-spacing-top"><div  class=""> <div  class="row text-center"><div  class="section-title-col" data-type="column"> <h2  class="">Publ</h2> <p  class="lead">With the Internet spreading linke wildfire and reaching every part of our daily life, more and more traffic is directed to websites in search for information.</p></div> </div> <div  data-type="row" class="row" data-fixed="true"> <div  class="col-xs-12 col-sm-3 no-gutter-col"> <div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/apple-1838564.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/laptop-2559795.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/computer-2569652.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/laptop-2559795.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/apple-1838564.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/computer-2569652.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/apple-1838564.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> <div  class="col-xs-12 col-sm-3 no-gutter-col"><div  class="contentswap-effect" data-hover-fx="portfolio-4"> <div  class="initial-image"> <img  data-size="542x360" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/laptop-2559795.jpg"></div> <div  class="overlay bg-color1"></div> <div  class="swap-inner col-xs-12"> <div  class="row full-height-row middle-xs middle-sm"> <div  class="col-xs-12 text-center content-holder"> <a  href="#"><i  class="fa fa-search icon big portfolio-icon" aria-hidden="true"></i></a></div> </div></div> </div></div> </div></div> </div><div  id="testimonials-5" style="background-color: #ffffff;" data-label="Testimonials" data-id="testimonials-5" data-export-id="testimonials-5" data-category="testimonials" class="testimonials-5 content-section content-section-spacing"><div  class="gridContainer"> <div  class="row"><div  data-type="column" class="section-title-col"> <h2  class="">Client Testimonials</h2> <p  class="lead">Don’t take our word for it – here’s what our clients say:</p></div> </div> <div  class="row spaced-cols content-center-sm" data-type="row"> <div  class="col-sm-4"> <div  class="card y-move bordered" data-type="column"> <i  class="fa fa-quote-right icon color1 small quotation-icon"></i> <p  class="text-center">Do you sometimes have the feeling that you’re running into the same obstacles over and over again? Many of my conflicts have the same feel to them, like “Hey, I think I’ve been here before,</p> <img  src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-5.jpg" class="round icon"> <h6  class="">John Doe</h6> <p  class="small italic">Company name</p></div> </div> <div  class="col-sm-4"> <div  class="card y-move bordered" data-type="column"> <i  class="fa fa-quote-right icon color1 small quotation-icon"></i> <p  class="text-center">Do you sometimes have the feeling that you’re running into the same obstacles over and over again? Many of my conflicts have the same feel to them, like “Hey, I think I’ve been here before,</p> <img  src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-5.jpg" class="round icon"> <h6  class="">John Doe</h6> <p  class="small italic">Company name</p></div> </div> <div  class="col-sm-4"> <div  class="card y-move bordered" data-type="column"> <i  class="fa fa-quote-right icon color1 small quotation-icon"></i> <p  class="text-center">Do you sometimes have the feeling that you’re running into the same obstacles over and over again? Many of my conflicts have the same feel to them, like “Hey, I think I’ve been here before,</p> <img  src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-5.jpg" class="round icon"> <h6  class="">John Doe</h6> <p  class="small italic">Company name</p></div> </div></div> </div></div><div  id="cta-1" data-label="Cta" data-id="cta-blue-section" data-export-id="cta-blue-section" data-category="cta" class="cta-blue-section content-section content-section-spacing-medium bg-color1 white-text"><div  class="gridContainer"> <div  class="row middle-xs"><div  class="col-sm-8 space-bottom-xs" data-type="column"> <h2  class="">Join us! <span  class="font-300">It will only take a minute</span></h2> </div> <div  class="col-sm-4 end-sm" data-type="column"> <a  class="button color2" href="#">GET STARTED TODAY</a></div> </div></div> </div><div  id="team-2" style="background-color: #ffffff;" data-label="Team" data-id="team-2" data-export-id="team-2" data-category="team" class="team-2 content-section content-section-spacing"><div  class="gridContainer"> <div  class="row text-center"><div  class="section-title-col" data-type="column"> <h2  class="">Our Team</h2> <p  class="lead">There are number of instructions to be followed at the time of refilling an inket cartridge. So whenever your printer ink runs dry you need to follow the below steps for inkjet cartridge refill.</p></div> </div> <div  class="row spaced-cols content-center-sm" data-type="row"> <div  class="col-sm-6 col-md-3"> <div  class="card y-move no-padding bordered"> <img  class="face" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-1.jpg"> <div  data-type="column" class="col-padding-small col-padding-small-xs description-container"> <h4  class="font-500">Team Member</h4> <p  class="small" style="font-style: italic;">Job Title</p> <div  class="social-icons-group" data-type="group"> <a  href="#"><i  class="gray fa icon fa-facebook-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-twitter-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-linkedin-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-google-plus-square small"></i></a></div> </div></div> </div> <div  class="col-sm-6 col-md-3"> <div  class="card y-move no-padding bordered"> <img  class="face" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-2.jpg"> <div  data-type="column" class="col-padding-small col-padding-small-xs description-container"> <h4  class="font-500">Team Member</h4> <p  class="small" style="font-style: italic;">Job Title</p> <div  class="social-icons-group" data-type="group"> <a  href="#"><i  class="gray fa icon fa-facebook-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-twitter-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-linkedin-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-google-plus-square small"></i></a></div> </div></div> </div> <div  class="col-sm-6 col-md-3"> <div  class="card y-move no-padding bordered"> <img  class="face" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-3.jpg"> <div  data-type="column" class="col-padding-small col-padding-small-xs description-container"> <h4  class="font-500">Team Member</h4> <p  class="small" style="font-style: italic;">Job Title</p> <div  class="social-icons-group" data-type="group"> <a  href="#"><i  class="gray fa icon fa-facebook-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-twitter-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-linkedin-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-google-plus-square small"></i></a></div> </div></div> </div> <div  class="col-sm-6 col-md-3"> <div  class="card y-move no-padding bordered"> <img  class="face" src="https://www.datarainbow.eu/wp-content/plugins/mesmerize-companion/theme-data/mesmerize/sections/images/team-2.jpg"> <div  data-type="column" class="col-padding-small col-padding-small-xs description-container"> <h4  class="font-500">Team Member</h4> <p  class="small" style="font-style: italic;">Job Title</p> <div  class="social-icons-group" data-type="group"> <a  href="#"><i  class="gray fa icon fa-facebook-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-twitter-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-linkedin-square small"></i></a> <a  href="#"><i  class="gray fa icon fa-google-plus-square small"></i></a></div> </div></div> </div>    </div> </div></div><div  id="latest-news-1" style="background-color: #f5fafd;" data-label="Latest-news" data-id="blog-section" data-export-id="blog-section" data-category="latest_news" class="blog-section blog-section-standard content-section content-section-spacing"><div  class="gridContainer"> <div  class="row"><div  data-type="column" class="section-title-col"> <h2  class="">Latest News</h2> <p  class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div> </div> <div  class="row"> <div  data-type="row" data-dynamic-columns="handled" data-content-shortcode="mesmerize_latest_news">[mesmerize_latest_news]</div></div> <div  class="row"><div  class="text-center"> <a  class="button color1" data-attr-shortcode="href:mesmerize_blog_link" href="[mesmerize_blog_link]">SEE ALL BLOG POSTS</a></div> </div></div></div><div  id="contact-1" data-label="Contact" data-id="contact-1" data-export-id="contact-1" data-category="contact" class="contact-1 content-section content-section-spacing white-text" data-parallax-depth="20"><div  class="gridContainer"> <div  class="row text-center"><div  class="section-title-col" data-type="column"> <h2  class="">Contact us</h2> <p  class="lead">With the Internet spreading linke wildfire and reaching every part of our daily life, more and more traffic is directed to websites in search for information.</p></div> </div> <div  class="row text-center"> <div  class="col-xs-12 col-sm-8 col-sm-offset-2 contact-form-wrapper inline-info"> <div  class="card large-padding"> <div  class="" data-content-shortcode="mesmerize_contact_form" data-editable="true">[mesmerize_contact_form]</div></div> </div></div> </div></div>