|
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="5afa021e9581534ef2091621" 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 color">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-3 w-nav"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/logo-w2.png" width="130"></a>
<div class="social-navigation without-margin w-hidden-medium w-hidden-small w-hidden-tiny"><a href="#" class="social-icon white-icon w-inline-block"></a><a href="#" class="social-icon white-icon twitter w-inline-block"></a><a href="#" class="social-icon white-icon google w-inline-block"></a></div>
<div class="w-container">
<nav role="navigation" class="navigation-menu center blue w-nav-menu"><a href="../old-home.html" class="navigation-link no-dropdown white 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 white-color w-dropdown-toggle">
<div>Homepage</div>
<div class="dropdown-arrow 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 w--current">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">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-portfolio.html" class="dropdown-link w-dropdown-link">Home Portfolio</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 white-color w-dropdown-toggle">
<div>Misc</div>
<div class="dropdown-arrow 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 white-color w-dropdown-toggle">
<div>About</div>
<div class="dropdown-arrow 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 white-color w-dropdown-toggle">
<div>Projects</div>
<div class="dropdown-arrow 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 white-color w-dropdown-toggle">
<div>Pricing</div>
<div class="dropdown-arrow 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 white-color w-dropdown-toggle">
<div>Contact</div>
<div class="dropdown-arrow 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-5.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="hamburger-style-1 style-2 w-nav-button">
<div class="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 w--current">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">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 data-animation="outin" data-duration="500" data-infinite="1" class="big-slider w-slider">
<div class="w-slider-mask">
<div class="w-slide">
<div class="container-center bottom in-device w-container">
<div class="w-row">
<div class="w-col w-col-5 w-col-stack">
<div class="top-space-slider">
<div>
<h2 class="big-title-banner">Never Miss an Deadline Again</h2>
<div>
<div class="sub-title-slider">Start your day on time, and keep on track <br>all day long with our state of the art app.</div>
</div>
<div class="top-margin"><a href="#" class="left-margin w-inline-block"><img src="../images/apple.png" width="160"></a></div>
</div>
</div>
</div>
<div class="w-hidden-medium w-hidden-small w-hidden-tiny w-col w-col-7 w-col-stack">
<div><img src="../images/bg3.png"></div>
</div>
</div>
</div>
</div>
<div class="slide-2 w-clearfix w-slide">
<div class="container-center more in-device w-container">
<div class="align-center">
<div>
<h2 class="big-title-banner">Leave your computer, go outside</h2>
<div>
<div class="sub-title-slider">In today’s net-savvy world it has become common for any business to <br> use mostly for advertising their products and services.</div>
</div>
<div class="top-margin"><a href="#" class="button full-color other-color left-margin more-pixel w-button">How it works</a><a href="#" class="button white w-button">join us</a></div>
</div>
</div>
</div><img src="../images/01_iPhone6_Single_Classic_Hand_FrontView.png" srcset="../images/01_iPhone6_Single_Classic_Hand_FrontView-p-500x682.png 500w, ../images/01_iPhone6_Single_Classic_Hand_FrontView.png 800w" sizes="(max-width: 991px) 100vw, 800px" class="iphone-second"></div>
<div class="slide-3 w-clearfix w-slide">
<div class="container-center more in-device w-container">
<div class="w-row">
<div class="w-hidden-medium w-hidden-small w-hidden-tiny w-col w-col-6 w-col-stack"></div>
<div class="w-col w-col-6 w-col-stack">
<div class="align-center-device">
<h2 class="big-title-banner">Mobile UI Kit</h2>
<div>
<div class="sub-title-slider">Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam, fusce neque</div>
</div>
<div class="top-margin"><a href="#" class="w-inline-block"><img src="../images/google.png" width="197"></a></div>
</div>
</div>
</div>
</div><img src="../images/04_iPhone6_Both_Hands_Pointing_3d.png" width="1200" srcset="../images/04_iPhone6_Both_Hands_Pointing_3d-p-500x344.png 500w, ../images/04_iPhone6_Both_Hands_Pointing_3d-p-800x551.png 800w, ../images/04_iPhone6_Both_Hands_Pointing_3d.png 1000w" sizes="100vw" class="iphone-hand"></div>
</div>
<div class="arrow-big-slider left w-hidden-medium w-hidden-small w-hidden-tiny w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="arrow-big-slider w-hidden-medium w-hidden-small w-hidden-tiny w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="slide-nav-big w-slider-nav w-round"></div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<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 class="align-center"><img src="../images/ip.png"></div>
</div>
<div class="w-slide">
<div class="align-center"><img src="../images/ip.png"></div>
</div>
<div class="w-slide">
<div class="align-center"><img src="../images/ip.png"></div>
</div>
</div>
<div class="slide-nav w-slider-nav w-slider-nav-invert w-round"></div>
</div>
</div>
</div>
<div class="w-col w-col-6">
<div>
<div class="sub-title top-sub">Top Features</div>
<h2>Earn money on your<br>App traffic</h2>
<div class="top-margin">
<div class="features-style-2 w-clearfix">
<div class="features-icon line icon-1"></div>
<div class="features-content">
<h4 class="feat-title">Cras ultricies mi</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
<div class="features-style-2 w-clearfix">
<div class="features-icon line icon-1 _2"></div>
<div class="features-content">
<h4 class="feat-title">Phasellus consectetuer vestibulum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim</p>
</div>
</div>
<div class="features-style-2 no-margin w-clearfix">
<div class="features-icon line icon-1 _3"></div>
<div class="features-content">
<h4 class="feat-title">Duis vel nibh at velit scelerisque</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>
<div class="line-thin">
<div class="line-thin overlay"></div>
</div>
<div class="top-margin less small">
<p><span class="biger-text">100% </span><br>Smoother</p>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div>
<div>
<div class="line-thin">
<div class="line-thin overlay"></div>
</div>
<div class="top-margin less small">
<p><span class="biger-text">100% </span><br>Lighter</p>
</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div>
<div>
<div class="line-thin">
<div class="line-thin overlay"></div>
</div>
<div class="top-margin less small">
<p><span class="biger-text">100ma </span><br>Micro Awesomness</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section gray">
<div class="w-container">
<div>
<div class="top-title no-line">
<div>
<div class="w-row">
<div class="w-col w-col-6">
<div class="align-right right-padding forced-left">
<div class="sub-title top-sub">You need to know</div>
<h2>Great Features</h2>
<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-6">
<div>
<div class="left-padding no-left-margin">
<div class="sub-title top-sub">Awesome flat design</div>
<h2>Top Notch Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div><img src="../images/ipho-g.png" srcset="../images/ipho-g-p-500x113.png 500w, ../images/ipho-g-p-800x180.png 800w, ../images/ipho-g.png 1000w" sizes="(max-width: 767px) 98vw, (max-width: 991px) 728px, 940px"></div>
<div class="top-margin">
<div class="align-center"><a href="#" class="left-margin w-inline-block"><img src="../images/apple.png" width="160"></a><a href="#" class="w-inline-block"><img src="../images/google.png" width="197"></a></div>
</div>
</div>
</div>
</div>
<div class="section image">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<div class="sub-title top-sub">Core Features</div>
<h1 class="heading-white no-top-margin">Our Cool Features</h1>
</div>
</div>
<div>
<div class="w-clearfix">
<div class="app-features">
<div>
<div class="app-icon"></div>
<h4 class="heading-white">Features #1</h4>
<p class="paragraph-white transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros</p>
</div>
</div>
<div class="app-features">
<div>
<div class="app-icon icon-2"></div>
<h4 class="heading-white">Features #2</h4>
<p class="paragraph-white transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros</p>
</div>
</div>
<div class="app-features no-left-line">
<div>
<div class="app-icon icon-3"></div>
<h4 class="heading-white">Features #3</h4>
<p class="paragraph-white transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros</p>
</div>
</div>
<div class="app-features no-bottom-line">
<div>
<div class="app-icon icon-4"></div>
<h4 class="heading-white">Features #4</h4>
<p class="paragraph-white transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros</p>
</div>
</div>
<div class="app-features no-bottom-line">
<div>
<div class="app-icon icon-5"></div>
<h4 class="heading-white">Features #5</h4>
<p class="paragraph-white transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros</p>
</div>
</div>
<div class="app-features no-left-line no-bottom-line">
<div>
<div class="app-icon icon-6"></div>
<h4 class="heading-white">Features #6</h4>
<p class="paragraph-white transparent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section gray">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<div class="sub-title top-sub">The team</div>
<h2>Best crew ever</h2>
</div>
</div>
<div>
<div>
<div class="w-dyn-list">
<div class="w-dyn-items w-row">
<div class="w-dyn-item w-col w-col-4">
<div class="top-margin-device">
<div class="team-circle-photo style-2"></div>
<div class="team-content">
<h4 class="team-name no-top-margin"></h4>
<div class="meta-work"></div>
<p></p>
<div><a class="social-icon w-inline-block"></a><a class="social-icon twitter w-inline-block"></a></div>
</div>
</div>
</div>
</div>
<div class="w-dyn-empty">
<div>No items found.</div>
</div>
</div>
</div>
</div>
<div class="top-margin">
<div class="align-center"><a href="#" class="button full-color other-color w-button">Get Started</a></div>
</div>
</div>
</div>
<div class="section with-testi">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<div class="sub-title top-sub white">Testimonials</div>
<h2 class="heading-white">What people are saying</h2>
</div>
</div>
<div>
<div data-duration-in="300" data-duration-out="100" class="w-tabs">
<div class="w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
<div class="testimonials-tab">
<div class="quote-icon white"></div>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla</p>
</div>
</div>
</div>
<div data-w-tab="Tab 2" class="w-tab-pane">
<div class="testimonials-tab">
<div class="quote-icon white"></div>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla</p>
</div>
</div>
</div>
<div data-w-tab="Tab 3" class="w-tab-pane">
<div class="testimonials-tab">
<div class="quote-icon white"></div>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla</p>
</div>
</div>
</div>
<div data-w-tab="Tab 4" class="w-tab-pane">
<div class="testimonials-tab">
<div class="quote-icon white"></div>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla</p>
</div>
</div>
</div>
<div data-w-tab="Tab 5" class="w-tab-pane">
<div class="testimonials-tab">
<div class="quote-icon white"></div>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla</p>
</div>
</div>
</div>
<div data-w-tab="Tab 6" class="w-tab-pane">
<div class="testimonials-tab">
<div class="quote-icon white"></div>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla</p>
</div>
</div>
</div>
</div>
<div class="tab-testimonials w-clearfix w-tab-menu"><a data-w-tab="Tab 1" class="testimonials-author w-inline-block w-tab-link w--current"></a><a data-w-tab="Tab 2" class="testimonials-author photo-2 w-inline-block w-tab-link"></a><a data-w-tab="Tab 3" class="testimonials-author photo-3 w-inline-block w-tab-link"></a><a data-w-tab="Tab 4" class="testimonials-author photo-4 w-inline-block w-tab-link"></a><a data-w-tab="Tab 5" class="testimonials-author photo-5 w-inline-block w-tab-link"></a><a data-w-tab="Tab 6" class="testimonials-author photo-6 w-inline-block w-tab-link"></a></div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<div class="sub-title top-sub">Perfect prices for your business</div>
<h2>Choose pricing plan</h2>
</div>
</div>
<div>
<div class="w-row">
<div class="w-clearfix w-col w-col-7 w-col-stack">
<div class="pricing-features">
<div class="pricing-icon"></div>
<h4>Sed in</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="pricing-features">
<div class="pricing-icon icon-2"></div>
<h4>Fusce risus</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="pricing-features">
<div class="pricing-icon icon-3"></div>
<h4>Fusce fermentum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="pricing-features">
<div class="pricing-icon icon-4"></div>
<h4>Praesent nec</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="column-without-padding w-clearfix w-col w-col-5 w-col-stack">
<div class="pricing-style-3">
<h2 class="pricing-style-3-title">USA - Europe</h2>
<p class="paragraph-white">Limited Offer</p>
<div class="top-margin">
<div class="left-price without-line">
<h4 class="heading-white h4-bigger">Bacis</h4>
<p class="paragraph-white transparent">01 January - 31 January</p>
<div class="top-margin less small">
<h2 class="price-style-3">220$</h2>
</div>
<div><a href="#" class="button full-color other-color w-button">PURCHASE</a></div>
</div>
<div class="left-price no-line">
<h4 class="heading-white h4-bigger">Advanced</h4>
<p class="paragraph-white transparent">01 January - 31 January</p>
<div class="top-margin less small">
<h2 class="price-style-3">300$</h2>
</div>
<div><a href="#" class="button full-color other-color w-button">PURCHASE</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section parallax-2">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<h3 class="startup-big-font white">Subscribe to our newsletter</h3>
<div>
<p class="paragraph-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</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-3" class="newsletter-label">Please enter your email</label><input type="email" class="newsletter-field other-color w-input" maxlength="256" name="email-3" data-name="Email 3" placeholder="Enter your email address" id="email-3" required=""><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="footer-style-3">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-4">
<div class="div-block"><a href="../homepages/home-business.html" class="logo-footer w-inline-block"><img src="../images/pixami_logo_slogan.png" width="150" 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="(max-width: 767px) 150px, 100vw"></a>
<div class="copyright darker add-more">© 2016 FlatkitCMS by Deni Bozo<br> Hire Me: <a href="mailto:[email protected]?subject=Hello" class="email-link">[email protected]</a></div><a href="../licensing.html" class="footer-links darker black no-bottom-pading add-padding">Image License</a><a href="#" class="footer-links darker black">Privacy Policy</a></div>
</div>
<div class="column-4 w-col w-col-8">
<div class="align-center more-left"><a href="../homepages/home-business.html" class="footer-links dark">Yearbook Pro</a><a href="../about/about-style-1.html" class="footer-links dark">Other Products</a><a href="../programs.html" class="footer-links dark">Programs</a><a href="../pricing/pricing-style-1.html" class="footer-links dark">Showcase</a><a href="../contact.html" class="footer-links dark">About</a><a href="../contact.html" class="footer-links dark">Blog</a><a href="../contact.html" class="footer-links dark">Contact</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" class="text-field w-input" maxlength="256" name="email" data-name="Email 5" placeholder="Enter your email address" id="email-5" required=""><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://code.jquery.com/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>