|
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/homepages/ |
Upload File : |
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Mon Apr 08 2019 21:11:50 GMT+0000 (UTC) -->
<html data-wf-page="5afa021e958153c37009162f" 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-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-4 w-nav">
<div class="top-header">
<div class="w-container">
<div class="w-row">
<div class="w-clearfix w-col w-col-5"><a href="../old-home.html" class="brand-style-2 adding-margin w-nav-brand"><img src="../images/logo.png" width="140" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="140px" alt=""></a></div>
<div class="w-col w-col-7">
<div>
<div class="w-row">
<div class="w-col w-col-6">
<div class="w-clearfix">
<div class="top-icon"></div>
<div class="top-conent">
<p>Phone Number<br>1-800-506-266</p>
</div>
</div>
</div>
<div class="w-col w-col-6">
<div class="w-clearfix">
<div class="top-icon clock"></div>
<div class="top-conent">
<p>Opening Times<br>Mon-Sat 7:00-18:00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-container">
<nav role="navigation" class="navigation-menu left w-clearfix w-nav-menu"><a href="../old-home.html" class="navigation-link no-dropdown 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 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">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 w--current">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 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 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 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 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 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><a href="#" data-ix="show-contact-wrapper-on-click" class="button request-qoute full-color other-color download message rounded w-hidden-medium w-hidden-small w-hidden-tiny w-button">request a quote</a></nav>
<div class="hamburger-style-1 style-4 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="../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 w--current">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-ix="slide-in-scroll-navigation" id="Top" class="banner landing">
<div class="container-center more w-container">
<div class="w-row">
<div class="w-col w-col-6">
<div>
<div>
<h2 data-ix="slide-in-effect-on-load-5" class="big-title-banner">The best online web <br>for sales growth</h2>
<div>
<div data-ix="slide-in-effect-on-load-6" class="sub-title-slider">See why over 250.000 subscribers trust us</div>
</div>
<div data-ix="slide-in-effect-on-load-3" class="top-margin"><a href="#" class="button full-color other-color w-button">get started</a></div>
</div>
</div>
</div>
<div class="w-col w-col-6">
<div>
<div>
<div data-ix="slide-in-effect-on-load-12" class="video-lightbox photo-2"><a href="#" class="lightbox-link no-image w-inline-block w-lightbox"><img src="../images/play-2_1play-2.png" width="70" alt="" class="play-icon"><script type="application/json" class="w-json">{
"items": [
{
"type": "video",
"originalUrl": "https://vimeo.com/135709157",
"url": "https://vimeo.com/135709157",
"html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F135709157&url=https%3A%2F%2Fvimeo.com%2F135709157&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F531673540_1280.jpg&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=vimeo\" width=\"940\" height=\"529\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>",
"thumbnailUrl": "https://i.vimeocdn.com/video/531673540_1280.jpg",
"width": 940,
"height": 529
}
]
}</script></a></div>
</div>
</div>
</div>
</div>
</div>
<div data-ix="slide-in-effect-on-load-11" class="bottom-arrow"><a href="#" data-ix="slide-in-scroll-down-on-load" class="scroll-down w-inline-block"></a></div>
</div>
<div class="section no-padding remove-pixel">
<div class="section gray bottom-margin">
<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>Amazing new features</h2>
</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 class="w-row">
<div class="w-col w-col-4">
<div class="landing-features-1">
<div class="landing-icon"></div>
<h4>Fusce fermentum</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="landing-features-1">
<div class="landing-icon icon-2"></div>
<h4>Pellentesque dapibus</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="landing-features-1">
<div class="landing-icon icon-3"></div>
<h4>Aenean viverra</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="w-row">
<div class="w-col w-col-4">
<div class="landing-features-1">
<div class="landing-icon icon-4"></div>
<h4>Donec quam</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="landing-features-1">
<div class="landing-icon icon-5"></div>
<h4>Etiam sit</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="landing-features-1">
<div class="landing-icon icon-6"></div>
<h4>Suspendisse feugiat</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</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="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<div>
<div class="left-padding right">
<div class="sub-title top-sub">The perfect template</div>
<h2>Awesome template</h2>
<div class="top-margin">
<p>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, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo</p>
</div>
<div class="top-margin"><a href="#" class="button full-color other-color w-button">start today</a></div>
</div>
</div>
</div>
<div class="w-col w-col-6"></div>
</div>
</div>
<div><img src="../images/iphone-bla.png" width="1031" srcset="../images/iphone-bla-p-500x310.png 500w, ../images/iphone-bla-p-800x496.png 800w, ../images/iphone-bla.png 1092w" sizes="100vw" alt="" class="iphone"></div>
</div>
<div class="hero-unit gray">
<div class="w-container">
<div class="align-center">
<p class="bigger">Join now and be one of our 250.000 amazing customers and receive freebies and offers every month!</p>
<div class="top-margin less"><a href="#" class="button w-button">Join us</a></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">The perfect template</div>
<h2>Testimonials</h2>
</div>
</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"></div>
<div>
<p>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"></div>
<div>
<p>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"></div>
<div>
<p>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"></div>
<div>
<p>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"></div>
<div>
<p>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"></div>
<div>
<p>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-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>
<div class="section no-bottom-padding remove-pixel">
<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">
<div class="w-dyn-item">
<div class="w-clearfix">
<div class="left-section-wrapper"></div>
<div class="left-team-wrapper">
<div class="center-div">
<div>
<h2></h2>
<div class="team-content">
<div class="meta-work"></div>
<p></p>
<div><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon twitter w-inline-block"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-dyn-empty">
<div>No items found.</div>
</div>
</div>
</div>
<div class="hero-unit">
<div class="w-container">
<div class="align-center"><a href="../about/about-style-1.html" class="button white w-button">view all the team</a></div>
</div>
</div>
</div>
<div class="section background">
<div class="w-container">
<div class="top-title no-line">
<div class="align-center">
<div class="sub-title top-sub white">Best prices in town</div>
<h1 class="heading-white no-top-margin">Perfect plan for you</h1>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="pricing-style-4">
<h4 class="pricing-style-4-title">Standart</h4>
<div class="pricing-image">
<h2 class="pricing-dollar">$19</h2>
<div class="sub-title top-sub other-font">Save 16$/YEAR</div>
<div class="top-margin less"><a href="#" class="button full-color other-color w-button">Get started</a></div>
</div>
<div class="top-margin less">
<div class="sub-title top-sub biger">0 Jobs<br>Digital Profile<br>Talent Matching<br>Analystic <br>Message Users</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="pricing-style-4">
<h4 class="pricing-style-4-title">Advanced</h4>
<div class="pricing-image with-image">
<h2 class="pricing-dollar white">$29</h2>
<div class="sub-title top-sub white other-font">Save 28$/YEAR</div>
<div class="top-margin less"><a href="#" class="button full-color w-button">Perfect plan</a></div>
</div>
<div class="top-margin less">
<div class="sub-title top-sub biger">0 Jobs<br>Digital Profile<br>Talent Matching<br>Analystic <br>Message Users</div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="pricing-style-4">
<h4 class="pricing-style-4-title">Commerce</h4>
<div class="pricing-image">
<h2 class="pricing-dollar">$49</h2>
<div class="sub-title top-sub other-font">Save 48$/YEAR</div>
<div class="top-margin less"><a href="#" class="button full-color other-color w-button">Get started</a></div>
</div>
<div class="top-margin less">
<div class="sub-title top-sub biger">0 Jobs<br>Digital Profile<br>Talent Matching<br>Analystic <br>Message Users</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-style-4">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-4">
<div><a href="#" class="w-inline-block"><img src="../images/logo.png" width="150" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="150px" alt=""></a>
<div class="top-margin less">
<p>Over 9 million digital products created by a global community of designers, & producers.</p>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div>
<h4>Contact Us</h4>
<div class="top-margin in-footer">
<p class="contact-paragraph"><strong>Address:</strong> 16 Rue Saint Paule, Paris</p>
<p class="contact-paragraph"><strong>Email:</strong> [email protected]</p>
<p class="contact-paragraph"><strong>Phone:</strong> +33 4 35 62 48</p>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div>
<h4>Subscribe</h4>
</div>
<div class="top-margin">
<div class="form-wrapper w-form">
<form id="email-form" name="email-form" data-name="Email Form"><label for="email-4" class="newsletter-label dark">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 in-footer w-input"><input type="submit" value="Subscribe" data-wait="Please wait..." class="button full-color other-color submit full 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 class="line-divider less"></div>
<div>
<div class="w-row">
<div class="w-col w-col-6">
<div>
<div class="copyright darker less-padding left">© 2016 FlatkitCMS by Deni Bozo / Hire Me: <a href="mailto:[email protected]?subject=Hello" class="email-link">[email protected]</a></div>
</div>
</div>
<div class="w-col w-col-6">
<div class="align-right">
<div class="make-left"><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon twitter w-inline-block"></a><a href="#" class="social-icon google w-inline-block"></a></div>
</div>
</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>