|
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/js/misc-pages/ |
Upload File : |
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Sep 18 2018 17:11:06 GMT+0000 (UTC) -->
<html data-wf-page="5afa021e95815394a209163c" 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="sub-banner project-1">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-1 w-nav">
<div class="w-container"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/logo.png" width="130" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="130px"></a>
<nav role="navigation" class="navigation-menu 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">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 w--current">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 no-line 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>
<div class="social-navigation w-hidden-medium w-hidden-small w-hidden-tiny"><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>
</nav>
<div class="hamburger-style-1 w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="container-center w-container">
<div class="align-center">
<h2 class="sub-banner-title">Ready to use UI elements!</h2>
<div>
<div class="sub-title-slider in-sub-banner">Carefully crafted elements come together into one amazing design</div>
</div>
<div><a href="#" class="button full-color other-color w-button">Purchase Flatkit</a></div>
</div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<h2>Buttons</h2>
<div class="sub-title">Carefully crafted elements come together into one amazing design</div>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-3">
<div><a href="#" class="button w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device"><a href="#" class="button line-color w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button download w-inline-block">
<div>Download now</div>
</a>
</div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button line-color download message w-inline-block">
<div>Contact Us</div>
</a>
</div>
</div>
</div>
<div class="top-margin">
<div class="w-row">
<div class="w-col w-col-3">
<div><a href="#" class="button full-color w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device"><a href="#" class="button full-color dark w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button full-color download static w-inline-block">
<div>Download now</div>
</a>
</div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button full-color other-color download message w-inline-block">
<div>Contact Us</div>
</a>
</div>
</div>
</div>
</div>
<div class="top-margin">
<div class="w-row">
<div class="w-col w-col-3">
<div><a href="#" class="button rounded w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device"><a href="#" class="button line-color rounded w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button download rounded w-inline-block">
<div>Button Text</div>
</a>
</div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button line-color download message rounded w-inline-block">
<div>Contact Us</div>
</a>
</div>
</div>
</div>
</div>
<div class="top-margin">
<div class="w-row">
<div class="w-col w-col-3">
<div><a href="#" class="button full-color dark rounded w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device"><a href="#" class="button full-color other-color w-button">Button Text</a></div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button full-color download static rounded w-inline-block">
<div>Button Text</div>
</a>
</div>
</div>
<div class="w-col w-col-3">
<div class="top-margin-device">
<a href="#" class="button full-color other-color download message rounded w-inline-block">
<div>Contact Us</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section gray">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<h2>Five different Navigation symbols</h2>
<div class="sub-title">Carefully crafted elements come together into one amazing design</div>
</div>
</div>
</div>
<div class="symbols-wrapper">
<div class="navigation-test">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-1 w-nav">
<div class="w-container"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/logo.png" width="130" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="130px"></a>
<nav role="navigation" class="navigation-menu 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">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 w--current">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 no-line 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>
<div class="social-navigation w-hidden-medium w-hidden-small w-hidden-tiny"><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>
</nav>
<div class="hamburger-style-1 w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<div class="test-image">
<div data-collapse="medium" data-animation="default" data-duration="400" data-doc-height="1" class="navigation-style-2 w-nav">
<div class="container-9 w-container"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/pixami_logo_slogan.png" width="130" srcset="../images/pixami_logo_slogan-p-500.png 500w, ../images/pixami_logo_slogan-p-800.png 800w, ../images/pixami_logo_slogan-p-1080.png 1080w, ../images/pixami_logo_slogan-p-1600.png 1600w, ../images/pixami_logo_slogan-p-2000.png 2000w, ../images/pixami_logo_slogan.png 3291w" sizes="130px"></a>
<nav role="navigation" class="navigation-menu dark w-nav-menu">
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block"><a href="../yearbookpro.html" class="text-link">Yearbook Pro</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="http://pixami.com/yearbookpro.html#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>
<div class="test-image second-image">
<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">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 w--current">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>
<div class="navigation-test margin">
<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="../index.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"></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">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 w--current">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>
<div class="navigation-test margin">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-5 w-nav">
<div class="w-container"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/logo-2_1.png" width="130" srcset="../images/logo-2_1-p-500x166.png 500w, ../images/logo-2_1-p-800x265.png 800w, ../images/logo-2_1.png 1447w" sizes="130px"></a>
<nav role="navigation" class="navigation-menu dark w-clearfix w-nav-menu"><a href="#" 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">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 w--current">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 no-line white-line 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>
<div class="social-navigation 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>
</nav>
<div class="hamburger-style-1 white w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<div class="navigation-test top-margin">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navigation-style-6 w-nav"><a href="../index.html" class="brand-logo w-nav-brand"><img src="../images/logo.png" width="130" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="130px"></a>
<div class="social-navigation without-margin w-hidden-medium w-hidden-small w-hidden-tiny"><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 class="w-container">
<nav role="navigation" class="navigation-menu center w-nav-menu">
<a href="../old-home.html" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Intro</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#about-me" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>About Me</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#projects" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>My Projects</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#skills" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Skills</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#process" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Process</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#testimonials" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Testimonials</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
<a href="#contact" data-ix="show-line-menu-on-hover" class="navigation-link no-dropdown line-effect w-inline-block">
<div>Contact</div>
<div data-ix="menu-line-initial-appearance" class="line-menu"></div>
</a>
</nav>
<div class="hamburger-style-1 w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<h2>Lists</h2>
<div class="sub-title">Carefully crafted elements come together into one amazing design</div>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-4">
<div>
<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>
<div class="w-col w-col-4">
<div>
<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>
<div class="w-col w-col-4">
<div>
<ol>
<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>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gray-option">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<h2>Five different Footers symbols</h2>
<div class="sub-title">Carefully crafted elements come together into one amazing design</div>
</div>
</div>
</div>
<div class="symbols-wrapper">
<div class="navigation-test">
<footer class="footer">
<div>
<div class="top-part-footer">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-2"><a href="../index.html" class="logo-device w-inline-block"><img src="../images/pixami_logo__white.png" width="130" 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="(max-width: 767px) 130px, (max-width: 991px) 104.65625px, 130px"></a></div>
<div class="column-5 w-col w-col-8">
<div class="align-center"><a href="../yearbookpro.html" class="footer-links"><span>Yearbook </span>Pro</a><a href="../storefront.html" class="footer-links">Storefront</a><a href="../showcase.html" class="footer-links">Showcase</a><a href="../about.html" class="footer-links">About</a><a href="../contact.html" class="footer-links">Contact</a></div>
</div>
<div class="w-col w-col-2">
<div>
<div class="align-right more-padding align-center-device"><a href="https://www.facebook.com/pixamiyearbookpro/" target="_blank" class="social-icon white-icon w-inline-block"></a><a href="https://twitter.com/pixami?lang=en" target="_blank" class="social-icon white-icon twitter w-inline-block"></a><a target="_blank" href="https://www.youtube.com/user/PixamiPhoto" class="social-icon white-icon google w-inline-block"></a></div>
</div>
</div>
</div>
<div>
<div class="copyright darker less-padding">© 2018 Pixami, Inc. All rights reserved.<a href="mailto:[email protected]?subject=Hello" class="email-link whiter"></a></div>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="navigation-test margin">
<div class="footer-style-2">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<div><a href="#" class="w-inline-block"><img src="../images/logo.png" width="130" srcset="../images/logo-p-500x166.png 500w, ../images/logo-p-800x265.png 800w, ../images/logo.png 1447w" sizes="130px"></a>
<div class="top-margin less">
<p>Over 9 million digital products created by a global community of designers, & producers.</p>
</div>
<div class="copyright darker">© 2016 FlatkitCMS by Deni Bozo / 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">Image License</a><a href="#" class="footer-links darker black">Privacy Policy</a></div>
</div>
<div class="w-col w-col-3">
<div>
<h4>Links</h4>
<div class="top-margin in-footer"><a href="../homepages/home-business.html" class="footer-link">Home</a><a href="../about/about-style-1.html" class="footer-link">About</a><a href="../programs.html" class="footer-link">Projects</a><a href="../pricing/pricing-style-1.html" class="footer-link">Pricing</a><a href="../contact.html" class="footer-link">Contact</a></div>
</div>
</div>
<div class="w-col w-col-3">
<div>
<h4>Follow Us</h4>
<div class="top-margin in-footer">
<div><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 class="top-margin less small"><a href="#" class="button full-color w-button">Get Started</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navigation-test margin">
<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>
<div class="navigation-test margin">
<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"></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" class="newsletter-field in-footer w-input" maxlength="256" name="email-4" data-name="Email 4" placeholder="Enter your email address" id="email-4" required=""><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>
<div class="navigation-test margin">
<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" 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>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<h2>Testimonials</h2>
<div class="sub-title">Carefully crafted elements come together into one amazing design</div>
</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">
<div>Quisque id odio, ullamcorper 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">
<div class="testimonials-photo real"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper">
<div>Etiam feugiat lorem non metus. 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">
<div class="testimonials-photo real photo-2"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper">
<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">
<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">
<div>Quisque id odio, ullamcorper 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">
<div class="testimonials-photo real photo-4"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper">
<div>Etiam feugiat lorem non metus. 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">
<div class="testimonials-photo real photo-5"></div>
</div>
</div>
</div>
<div class="w-col w-col-4">
<div class="testimonials-wrapper">
<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">
<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 class="line-divider"></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 class="section gray">
<div class="w-container">
<div class="align-center">
<div class="top-title no-line">
<h2>Headings & Toggle</h2>
<div class="sub-title">Carefully crafted elements come together into one amazing design</div>
</div>
</div>
<div>
<div class="w-row">
<div class="w-col w-col-6">
<div>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3 class="no-top-margin">Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</div>
</div>
<div class="w-col w-col-6">
<div>
<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 download message w-inline-block">
<div>Apply now</div>
</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 Program 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>
<footer class="footer">
<div>
<div class="top-part-footer">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-2"><a href="../index.html" class="logo-device w-inline-block"><img src="../images/pixami_logo__white.png" width="130" 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="(max-width: 767px) 130px, (max-width: 991px) 104.65625px, 130px"></a></div>
<div class="column-5 w-col w-col-8">
<div class="align-center"><a href="../yearbookpro.html" class="footer-links"><span>Yearbook </span>Pro</a><a href="../storefront.html" class="footer-links">Storefront</a><a href="../showcase.html" class="footer-links">Showcase</a><a href="../about.html" class="footer-links">About</a><a href="../contact.html" class="footer-links">Contact</a></div>
</div>
<div class="w-col w-col-2">
<div>
<div class="align-right more-padding align-center-device"><a href="https://www.facebook.com/pixamiyearbookpro/" target="_blank" class="social-icon white-icon w-inline-block"></a><a href="https://twitter.com/pixami?lang=en" target="_blank" class="social-icon white-icon twitter w-inline-block"></a><a target="_blank" href="https://www.youtube.com/user/PixamiPhoto" class="social-icon white-icon google w-inline-block"></a></div>
</div>
</div>
</div>
<div>
<div class="copyright darker less-padding">© 2018 Pixami, Inc. All rights reserved.<a href="mailto:[email protected]?subject=Hello" class="email-link whiter"></a></div>
</div>
</div>
</div>
</div>
</footer>
<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>