|
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/pricing/homepages/ |
Upload File : |
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Mon Apr 08 2019 21:45:00 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" alt=""></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#YearbookProIntro" class="dropdown-link w-dropdown-link">Introduction</a><a href="http://pixami.com/yearbookpro.html#Demo" class="dropdown-link-4 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="../old-home.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" alt=""></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" alt="" 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" alt=""></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" alt=""></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" alt=""></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logo-4.png" width="145" alt=""></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logo-2.png" width="145" alt=""></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logos-6.png" width="145" alt=""></a><a href="#" class="logo-wrapper w-inline-block"><img src="../images/logos-7.png" width="145" alt=""></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">
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Dendisse posuere. Maecenas vestibulum mollis diam, pendisse pulvinar.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Nunc nonummy metus. Aenean tellus metus, bibendum sed, posuere ac.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-2"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Pellentesque posuere. Maecenas vestibulum mollis diam, pendisse pulvinar.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Quisque id odio, ulmcorper ipsum rutrum nunc. Donec sodales sagittis magna.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-4"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Etiam feugiat lorem non tus. Sed aliquam ultrices mauris. Fusce risus nisl, viverra.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-5"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper white-background">
<div>Pellentesque posuere. Maecenas vestibulum mollis diam, pendisse pulvinar.</div>
<div class="align-right margin">
<div><span>by</span> <span class="another-font">John Doe</span></div>
</div>
<div class="testimonials-photo white-background">
<div class="testimonials-photo real photo-6"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-nav w-slider-nav w-slider-nav-invert w-round"></div>
</div>
</div>
</div>
</div>
<div class="section parallax-3">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<div>
<div>
<div class="align-center">
<div class="sub-title top-sub white">Best Offers</div>
<h2 class="heading-white">Subscribe to our newsletter</h2>
</div>
<div class="line-top-title white"></div>
</div>
</div>
<div class="top-margin">
<div class="form-wrapper w-form">
<form id="email-form" name="email-form" data-name="Email Form" class="newsletter-wrapper w-clearfix"><label for="email-4" class="newsletter-label">Please enter your email</label><input type="email" id="email-4" name="email-4" data-name="Email 4" placeholder="Enter your email address" maxlength="256" required="" class="newsletter-field other-color w-input"><input type="submit" value="Subscribe" data-wait="Wait..." class="button full-color other-color submit w-button"></form>
<div class="success-message w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="map-section">
<div class="map-overlay white">
<div class="w-container">
<div class="w-row">
<div class="w-hidden-medium w-hidden-small w-hidden-tiny w-col w-col-5 w-col-stack"></div>
<div class="w-col w-col-7 w-col-stack">
<div class="contact-wrapper">
<div>
<div>
<div class="sub-title top-sub">we'd love to hear from you</div>
<h2>Stay in touch</h2>
</div>
<div class="line-top-title right"></div>
</div>
<div class="top-margin">
<div class="w-form">
<form id="email-form-2" name="email-form-2" data-name="Email Form 2"><label for="name" class="newsletter-label darker">Your name</label><input type="text" id="name" name="name" data-name="Name" placeholder="Enter your name" maxlength="256" class="text-field w-input"><label for="email-5" class="newsletter-label darker">your e-mail</label><input type="email" id="email-5" name="email" data-name="Email 5" placeholder="Enter your email address" maxlength="256" required="" class="text-field w-input"><label for="field" class="newsletter-label darker">Your Message</label><textarea id="field" name="field" placeholder="Example Text" maxlength="5000" class="text-field area w-input"></textarea>
<div>
<div class="w-row">
<div class="w-col w-col-7">
<div>
<div class="radio-button w-clearfix w-radio"><input type="radio" id="radio" name="radio" value="Radio" data-name="Radio" class="radio-button w-radio-input"><label for="radio" class="radio-text w-form-label">notificate me about app launch</label></div>
</div>
</div>
<div class="w-col w-col-5">
<div class="align-right align-left-device less-margin"><input type="submit" value="Get Started" data-wait="Please wait..." class="button full-color w-button"></div>
</div>
</div>
</div>
</form>
<div class="success-message w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-widget-latlng="51.511214,-0.119824" data-widget-style="terrain" data-widget-zoom="18" class="map w-widget w-widget-map"></div>
</div>
<div class="footer-style-5">
<div class="w-container">
<div class="align-center"><a href="#" class="w-inline-block"><img src="../images/pixami_logo__white.png" width="170" srcset="../images/pixami_logo__white-p-500.png 500w, ../images/pixami_logo__white-p-800.png 800w, ../images/pixami_logo__white-p-1080.png 1080w, ../images/pixami_logo__white-p-1600.png 1600w, ../images/pixami_logo__white-p-2000.png 2000w, ../images/pixami_logo__white.png 3228w" sizes="170px" alt="" class="image-7"></a>
<div class="top-margin">
<div><a href="https://www.facebook.com/pixamiyearbookpro/" target="_blank" class="social-icon white-icon w-inline-block"></a><a href="https://www.youtube.com/user/PixamiPhoto" target="_blank" class="social-icon white-icon google w-inline-block"></a><a href="https://twitter.com/pixami?lang=en" target="_blank" class="social-icon white-icon twitter w-inline-block"></a></div>
</div>
<div class="line-divider less transparent"></div>
<div>
<div class="copyright darker less-padding"><strong>©</strong>2018 Pixami, Inc. | Sales Info: <a href="mailto:[email protected]?subject=Hello" class="email-link whiter">[email protected]</a></div>
</div>
</div>
</div>
</div>
<div data-ix="hide-popup-on-initial" class="contact-full-wrapper">
<div class="popup">
<div class="pop-up-content">
<div class="contact-wrapper less-space in-device">
<div class="align-center">
<div>
<div class="sub-title top-sub w-hidden-tiny">we'd love to hear from you</div>
<h2>Stay in touch</h2>
</div>
<div class="line-top-title"></div>
</div>
<div class="top-margin">
<div class="w-form">
<form id="email-form-2" name="email-form-2" data-name="Email Form 2"><label for="name-2" class="newsletter-label darker">Your name</label><input type="text" id="name-2" name="name-2" data-name="Name 2" placeholder="Enter your name" maxlength="256" class="text-field w-input"><label for="email-5" class="newsletter-label darker">your e-mail</label><input type="email" id="email-5" name="email" data-name="Email 5" placeholder="Enter your email address" maxlength="256" required="" class="text-field w-input"><label for="field-2" class="newsletter-label darker">Your Message</label><textarea id="field-2" name="field-2" placeholder="Example Text" maxlength="5000" data-name="Field 2" class="text-field area w-input"></textarea>
<div>
<div class="align-center"><input type="submit" value="Send Message" data-wait="Please wait..." class="button full-color w-button"></div>
</div>
</form>
<div class="success-message w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form</div>
</div>
</div>
</div>
</div>
</div>
</div><a href="#" data-ix="close-contact-popup-on-click" class="remove-button w-inline-block"></a></div><a href="#Top" data-ix="slide-out-go-top-on-load" class="go-top w-inline-block"></a>
<script src="https://d1tdp7z6w94jbb.cloudfront.net/js/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="../js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>