|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/betterpi/videos/homepages/ |
Upload File : |
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Sep 04 2018 22:03:06 GMT+0000 (UTC) -->
<html data-wf-page="5afa021e9581535429091622" data-wf-site="5afa021d958153168b09160b">
<head>
<meta charset="utf-8">
<title>FlatkitCMS - Ui Kit Webflow Template</title>
<meta content="There are many multi-purpose templates, there are very few that have a strong emphasis on design. Flatkit comes with a multitude of carefully designed page layouts, purpose built content blocks that when pieced together create stunning, professional layouts. The possibilities are endless." name="description">
<meta content="FlatkitCMS - Ui Kit Webflow Template" property="og:title">
<meta content="There are many multi-purpose templates, there are very few that have a strong emphasis on design. Flatkit comes with a multitude of carefully designed page layouts, purpose built content blocks that when pieced together create stunning, professional layouts. The possibilities are endless." property="og:description">
<meta content="summary" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="../css/normalize.css" rel="stylesheet" type="text/css">
<link href="../css/webflow.css" rel="stylesheet" type="text/css">
<link href="../css/pixami-website-2018.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Poppins:300,regular,500,600,700","Playfair Display:regular,italic,700,700italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="../images/FaviconColorBack.png" rel="shortcut icon" type="image/x-icon">
<link href="../images/WebclipColorBack.png" rel="apple-touch-icon">
<script type="text/javascript">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-116967418-2', 'auto');ga('send', 'pageview');</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-116967418-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-116967418-2');
</script>
</head>
<body>
<div data-ix="slide-in-scroll-navigation" id="Top" class="banner less-height">
<div data-collapse="medium" data-animation="default" data-duration="400" data-doc-height="1" class="navigation-style-2 w-nav">
<div class="container-9 w-container"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/pixami_logo_slogan.png" width="130" srcset="../images/pixami_logo_slogan-p-500.png 500w, ../images/pixami_logo_slogan-p-800.png 800w, ../images/pixami_logo_slogan-p-1080.png 1080w, ../images/pixami_logo_slogan-p-1600.png 1600w, ../images/pixami_logo_slogan-p-2000.png 2000w, ../images/pixami_logo_slogan.png 3291w" sizes="130px"></a>
<nav role="navigation" class="navigation-menu dark w-nav-menu">
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block"><a href="../yearbookpro.html" class="text-link">Yearbook Pro</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="http://pixami.com/yearbookpro.html#Demo" class="dropdown-link w-dropdown-link">Schedule a Demo</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block-3"><a href="../storefront.html" class="text-link">Storefront</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../storefront.html" class="dropdown-link w-dropdown-link">School Storefront</a><a href="http://pixami.com/storefront.html#PhotoStorefront" class="dropdown-link-2 w-dropdown-link">Photo Storefront</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block-2"><a href="../showcase.html" class="text-link">Showcase</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../showcase.html" class="dropdown-link w-dropdown-link">Sample Designs</a>
<a href="http://pixami.com/showcase.html#DesignStyleGuide" class="dropdown-link with-icon w-inline-block">
<div class="drop-text">Design Guides</div>
</a>
</nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block-4"><a href="../about.html" class="text-link">About</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../about.html" class="dropdown-link w-dropdown-link">Our Company</a><a href="http://pixami.com/about.html#Partners" class="dropdown-link w-dropdown-link">Partners</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block-5"><a href="../contact.html" class="text-link">Contact</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../contact.html" class="dropdown-link w-dropdown-link">Contact Info</a><a href="http://pixami.com/contact.html#Demo" class="dropdown-link w-dropdown-link">Schedule a Demo</a></nav>
</div><a href="#" class="nav-link-2 w-nav-link">Nav Link</a><a href="#" class="nav-link w-nav-link">Nav Link 2</a></nav>
<div class="hamburger-style-1 white w-nav-button">
<div class="icon-7 w-icon-nav-menu"></div>
</div>
</div>
</div>
<div data-collapse="medium" data-animation="default" data-duration="400" data-ix="display-none-on-load" class="navigation-scroll w-hidden-medium w-hidden-small w-hidden-tiny w-nav">
<div class="w-container"><a href="../index.html" class="brand-logo on-scroll w-nav-brand"><img src="../images/logo.png" width="106" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="100vw"></a>
<nav role="navigation" class="navigation-menu w-nav-menu"><a href="../old-home.html" class="navigation-link no-dropdown smaller w-nav-link">Intro</a>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle smaller w-dropdown-toggle">
<div>Homepage</div>
<div class="dropdown-arrow less w-icon-dropdown-toggle"></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../homepages/home-business.html" class="dropdown-link w-dropdown-link">Home Business</a>
<a href="../homepages/home-business-2.html" class="dropdown-link with-icon more add w-inline-block">
<div class="drop-text">Home Business 2</div>
<div class="badge-icon new">new</div>
</a><a href="../homepages/home-application.html" class="dropdown-link w-dropdown-link">Home Application</a><a href="../index.html" class="dropdown-link w-dropdown-link">Home Agency</a><a href="../homepages/home-landing-page.html" class="dropdown-link w-dropdown-link">Home Landing Page</a><a href="../showcase.html" class="dropdown-link w-dropdown-link">Home Startup</a><a href="../homepages/home-software.html" class="dropdown-link w-dropdown-link w--current">Home Software</a><a href="../homepages/home-consulting.html" class="dropdown-link w-dropdown-link">Home Consulting</a><a href="../homepages/home-personal.html" class="dropdown-link w-dropdown-link">Home Personal</a><a href="../homepages/home-financial.html" class="dropdown-link w-dropdown-link">Home Financial</a>
<a href="../homepages/home-financial-2.html" class="dropdown-link with-icon more add w-inline-block">
<div class="drop-text">Home Financial 2</div>
<div class="badge-icon new">new</div>
</a>
</nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle smaller w-dropdown-toggle">
<div>Misc</div>
<div class="dropdown-arrow less w-icon-dropdown-toggle"></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../misc-pages/blog-page.html" class="dropdown-link w-dropdown-link">Blog Page</a><a href="/post/designers-who-changed-the-web" class="dropdown-link w-dropdown-link">Blog Post Page</a><a href="../misc-pages/careers.html" class="dropdown-link w-dropdown-link">Careers</a><a href="../misc-pages/faq-page.html" class="dropdown-link w-dropdown-link">F.A.Q Page</a><a href="../404.html" class="dropdown-link w-dropdown-link">404 Error Page</a><a href="../401.html" class="dropdown-link w-dropdown-link">Protected Page</a><a href="../misc-pages/ui-elements.html" class="dropdown-link w-dropdown-link">UI Elements</a><a href="../misc-pages/coming-soon.html" class="dropdown-link w-dropdown-link">Coming Soon</a><a href="../misc-pages/maintenance-mode.html" class="dropdown-link w-dropdown-link">Maintenance Mode</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle smaller w-dropdown-toggle">
<div>About</div>
<div class="dropdown-arrow less w-icon-dropdown-toggle"></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../about/about-style-1.html" class="dropdown-link w-dropdown-link">About Style 1</a>
<a href="../about/about-style-2.html" class="dropdown-link with-icon w-inline-block">
<div class="drop-text">About Style 2</div>
<div class="badge-icon">HOT</div>
</a><a href="../about/about-style-3.html" class="dropdown-link w-dropdown-link">About Style 3</a><a href="../about/about-style-4.html" class="dropdown-link w-dropdown-link">About Style 4</a><a href="../about.html" class="dropdown-link w-dropdown-link">About Style 5</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle smaller w-dropdown-toggle">
<div>Projects</div>
<div class="dropdown-arrow less w-icon-dropdown-toggle"></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../programs.html" class="dropdown-link w-dropdown-link">Project Style 1</a><a href="../storefront.html" class="dropdown-link w-dropdown-link">Project Style 2</a><a href="../yearbookpro.html" class="dropdown-link w-dropdown-link">Project Style 3</a><a href="../projects/projects-style-4.html" class="dropdown-link w-dropdown-link">Project Style 4</a><a href="../projects/projects-style-5.html" class="dropdown-link w-dropdown-link">Project Style 5</a>
<a href="../projects/projects-style-6.html" class="dropdown-link with-icon w-inline-block">
<div class="drop-text">Project Style 6</div>
<div class="badge-icon">HOT</div>
</a><a href="/project/odio-placeat" class="dropdown-link w-dropdown-link">Project Post Page</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle smaller w-dropdown-toggle">
<div>Pricing</div>
<div class="dropdown-arrow less w-icon-dropdown-toggle"></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../pricing/pricing-style-1.html" class="dropdown-link w-dropdown-link">Pricing Style 1</a><a href="../pricing/pricing-style-2.html" class="dropdown-link w-dropdown-link">Pricing Style 2</a><a href="../pricing/pricing-style-3.html" class="dropdown-link w-dropdown-link">Pricing Style 3</a><a href="../pricing/pricing-style-4.html" class="dropdown-link w-dropdown-link">Pricing Style 4</a><a href="../pricing/pricing-style-5.html" class="dropdown-link w-dropdown-link">Pricing Style 5</a>
<a href="../pricing/pricing-style-6.html" class="dropdown-link with-icon w-inline-block">
<div class="drop-text">Pricing Style 6</div>
<div class="badge-icon new">NEW</div>
</a>
</nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle smaller w-dropdown-toggle">
<div>Contact</div>
<div class="dropdown-arrow less w-icon-dropdown-toggle"></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="../contact.html" class="dropdown-link w-dropdown-link">Contact Style 1</a>
<a href="../contact/contact-style-2.html" class="dropdown-link with-icon w-inline-block">
<div class="drop-text">Contact Style 2</div>
<div class="badge-icon">HOT</div>
</a><a href="../contact/contact-style-3.html" class="dropdown-link w-dropdown-link">Contact Style 3</a><a href="../contact/contact-style-4.html" class="dropdown-link w-dropdown-link">Contact Style 4</a><a href="../contact/contact-style-4.html" class="dropdown-link w-dropdown-link">Contact Style 5</a><a href="#" data-ix="show-contact-wrapper-on-click" class="dropdown-link w-dropdown-link">Contact Style 6 (Pop-Up)</a></nav>
</div>
</nav>
<div class="w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="container-center bottom more w-container">
<div class="bottom-margin more">
<div class="align-center">
<div>
<h2 data-ix="slide-in-effect-on-load-7" class="big-title-banner">Sed aliquam ultrices mauris</h2>
<div>
<div data-ix="slide-in-effect-on-load-8" class="sub-title-slider">Donec vitae sapien ut libero venenatis faucibus. Phasellus leo dolor, tempus non, auctor et.</div>
</div>
<div data-ix="slide-in-effect-on-load-9" class="top-margin"><a href="#" class="button full-color other-color w-button">Learn more</a></div>
</div>
</div>
</div>
<div class="align-center"><img src="../images/browser-2.jpg" data-ix="slide-in-effect-on-load-10" width="960" srcset="../images/browser-2-p-500x239.jpeg 500w, ../images/browser-2-p-1080x515.jpeg 1080w, ../images/browser-2-p-1600x762.jpeg 1600w, ../images/browser-2.jpg 1920w" sizes="(max-width: 767px) 100vw, (max-width: 991px) 740px, 952px" class="rounded-image w-hidden-small w-hidden-tiny"></div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<div class="sub-title top-sub">why choose us</div>
<h2>Check the services available</h2>
</div>
<div class="line-top-title"></div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="w-clearfix">
<div class="services-icon"></div>
<div class="services-content">
<div>
<h4 class="features-title">Maecenas vestibulum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.</p>
</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="top-margin-device w-clearfix">
<div class="services-icon icon-2"></div>
<div class="services-content">
<div>
<h4 class="features-title">Nulla consequat</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.</p>
</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="top-margin-device w-clearfix">
<div class="services-icon icon-3"></div>
<div class="services-content">
<div>
<h4 class="features-title">Aenean viverra</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="top-margin">
<div class="w-row">
<div class="w-col w-col-4">
<div class="w-clearfix">
<div class="services-icon icon-4"></div>
<div class="services-content">
<div>
<h4 class="features-title">Proin pretium</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.</p>
</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="top-margin-device w-clearfix">
<div class="services-icon icon-5"></div>
<div class="services-content">
<div>
<h4 class="features-title">Pellentesque libero</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.</p>
</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="top-margin-device w-clearfix">
<div class="services-icon icon-6"></div>
<div class="services-content">
<div>
<h4 class="features-title">Aenean ut</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line-divider"></div>
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div>
<h4 class="features-title">Versatility</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
</div>
<div class="w-col w-col-4">
<div class="top-margin-device">
<h4 class="features-title">Ease Of Use</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
</div>
<div class="w-col w-col-4">
<div class="top-margin-device">
<h4 class="features-title">Code Friendly</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section gray with-laptop">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-7"></div>
<div class="w-col w-col-5">
<div>
<div>
<div>
<div class="sub-title top-sub">Perfect software</div>
<h2>Managing tools</h2>
</div>
<div class="line-top-title right"></div>
</div>
</div>
<div class="top-margin">
<p>Take advantage of media's most prominent business trend, and empowers your internal advertising teams.</p>
</div>
<div class="top-margin less">
<ul class="w-list-unstyled">
<li class="list-check">
<p>Proin pretium leo ac</p>
</li>
<li class="list-check">
<p>Etiam iaculis nunc ac metus</p>
</li>
<li class="list-check">
<p>In ac felis quis tortor</p>
</li>
<li class="list-check">
<p>Vivamus in erat ut urna</p>
</li>
</ul>
</div>
<div class="top-margin less"><a href="#" class="button full-color w-button">Get desktop verison</a></div>
</div>
</div>
</div>
</div>
<div class="section with-ipad">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-5">
<div>
<div class="sub-title top-sub">for any size</div>
<h2>Class aptent</h2>
<div class="line-top-title right"></div>
<div class="top-margin">
<p>Take advantage of media's most prominent business trend, and empowers your internal advertising teams.</p>
</div>
<div class="top-margin less">
<ul>
<li class="list-check no-image">
<p>Proin pretium leo ac</p>
</li>
<li class="list-check no-image">
<p>Etiam iaculis nunc ac metus</p>
</li>
<li class="list-check no-image">
<p>In ac felis quis tortor</p>
</li>
<li class="list-check no-image">
<p>Vivamus in erat ut urna</p>
</li>
</ul>
</div>
<div class="top-margin less"><a href="#" class="button full-color other-color w-button">Get tablet verison</a></div>
</div>
</div>
<div class="w-col w-col-7">
<div>
<div class="align-center top-margin-device"><img src="../images/ipad-final.png" data-ix="slide-in-effect-on-scroll" width="392" srcset="../images/ipad-final-p-500x713.png 500w, ../images/ipad-final.png 914w" sizes="(max-width: 479px) 90vw, 392px"></div>
</div>
</div>
</div>
</div>
</div>
<div class="section gray with-iphone">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-7">
<div class="align-center bottom-margin-device"><img src="../images/iphone-final.png" data-ix="slide-in-effect-on-scroll-2" width="364" srcset="../images/iphone-final-p-500x877.png 500w, ../images/iphone-final-p-800x1403.png 800w, ../images/iphone-final.png 855w" sizes="(max-width: 479px) 93vw, 364px"></div>
</div>
<div class="w-col w-col-5">
<div>
<div>
<div>
<div class="sub-title top-sub">Perfect software</div>
<h2>Aenean leo ligula</h2>
</div>
<div class="line-top-title right"></div>
</div>
</div>
<div>
<div class="top-margin">
<div data-ix="show-toggle-content-on-click" class="toggle-wrapper">
<a href="#" class="toggle-header w-inline-block">
<div class="toggle-text">Software Engineers</div>
<div class="toggle-icon-plus"></div>
<div class="toggle-icon-minus"></div>
</a>
<div data-ix="toggle-content-initial-appear" class="toggle-content">
<div class="toggle-space white">
<p>Take advantage of media's most prominent business trend, and empowers your internal advertising teams.</p>
<div class="top-margin less">
<ul class="w-list-unstyled">
<li class="list-check">
<p>Proin pretium leo ac</p>
</li>
<li class="list-check">
<p>Etiam iaculis nunc ac metus</p>
</li>
<li class="list-check">
<p>In ac felis quis tortor</p>
</li>
<li class="list-check">
<p>Vivamus in erat ut urna</p>
</li>
</ul>
</div>
<div class="top-margin less"><a href="#" data-ix="show-contact-wrapper-on-click" class="button full-color other-color w-button">Apply Now</a></div>
</div>
</div>
</div>
<div data-ix="show-toggle-content-on-click" class="toggle-wrapper">
<a href="#" class="toggle-header w-inline-block">
<div class="toggle-text">Business Managers</div>
<div class="toggle-icon-plus"></div>
<div class="toggle-icon-minus"></div>
</a>
<div data-ix="toggle-content-initial-appear" class="toggle-content">
<div class="toggle-space white">
<p>They’re responsible for production code quality and service performance, and accountable for automation of test cases to enable flighting. These engineers can evaluate requirements, estimate costs, design, implement, validate and measure to understand the quality of the end users’ experience. They can improve engineering processes, assure quality, communicate status, and manage risks.</p>
</div>
</div>
</div>
<div data-ix="show-toggle-content-on-click" class="toggle-wrapper">
<a href="#" class="toggle-header w-inline-block">
<div class="toggle-text">Business Intelligence</div>
<div class="toggle-icon-plus"></div>
<div class="toggle-icon-minus"></div>
</a>
<div data-ix="toggle-content-initial-appear" class="toggle-content">
<div class="toggle-space white">
<p>Nullam sagittis. Morbi mattis ullamcorper velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi nec metus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<div class="sub-title top-sub">Awesome prices</div>
<h2>Our pricing plan</h2>
</div>
<div class="line-top-title"></div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-4 w-col-stack">
<div class="pricing-style-5">
<h2 class="pricing-style-5-title">Basic Plan</h2>
<div>
<h1 class="price-sub-title"><span class="small-dollar">$</span>19<span class="small-dollar">,99</span></h1>
</div>
<div>
<p>Great for small Business</p>
</div>
<div><a href="#" class="button full-color small w-button">Get it now</a></div>
</div>
</div>
<div class="w-col w-col-4 w-col-stack">
<div>
<div class="pricing-style-5 blue">
<h2 class="pricing-style-5-title">Premium Plan</h2>
<div>
<h1 class="price-sub-title"><span class="small-dollar">$</span>29<span class="small-dollar">,99</span></h1>
</div>
<div>
<p class="paragraph-white">Great for small Business</p>
</div>
<div><a href="#" class="button white small w-button">Get it now</a></div>
</div>
</div>
</div>
<div class="w-col w-col-4 w-col-stack">
<div>
<div class="pricing-style-5">
<h2 class="pricing-style-5-title">Gold Plan</h2>
<div>
<h1 class="price-sub-title"><span class="small-dollar">$</span>39<span class="small-dollar">,99</span></h1>
</div>
<div>
<p>Great for big Business</p>
</div>
<div><a href="#" class="button full-color small w-button">Get it now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section less-padding top-line">
<div class="w-container">
<div class="align-center">
<div class="top-title less-margin no-line">
<div class="sub-title light-color">Already trusted by amazing business companies</div>
</div>
</div>
<div class="w-clearfix"><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logos-8.png" width="145"></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logo-4.png" width="145"></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logo-2.png" width="145"></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logos-6.png" width="145"></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logos-7.png" width="145"></a></div>
</div>
</div>
<div class="section gray">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<div class="align-center">
<div class="sub-title top-sub">what they think</div>
<h2>Testimonials</h2>
</div>
<div class="line-top-title"></div>
</div>
</div>
<div>
<div data-animation="slide" data-duration="500" data-infinite="1" class="testimonials-slider w-slider">
<div class="w-slider-mask">
<div class="w-slide">