|
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/projects/ |
Upload File : |
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Sep 04 2018 21:03:37 GMT+0000 (UTC) -->
<html data-wf-page="5afa021e95815326e0091627" data-wf-site="5afa021d958153168b09160b">
<head>
<meta charset="utf-8">
<title>Pixami - Online Yearbook Software | Design Showcase</title>
<meta content="Visit our Design Showcase to see all the possibilities there are to create unique, professional and stylish yearbook pages with Pixami Yearbook Pro! From Elementary to High School, and Beginner to Advanced, we provide you with many design tips and tricks to help you create the best yearbook designs!" name="description">
<meta content="Pixami - Online Yearbook Software | Design Showcase" property="og:title">
<meta content="Visit our Design Showcase to see all the possibilities there are to create unique, professional and stylish yearbook pages with Pixami Yearbook Pro! From Elementary to High School, and Beginner to Advanced, we provide you with many design tips and tricks to help you create the best yearbook designs!" 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 four red">
<div data-collapse="medium" data-animation="default" data-duration="400" data-doc-height="1" class="navigation-style-2 w-nav">
<div class="container-9 w-container"><a href="index.html" class="brand-logo w-nav-brand"><img src="images/pixami_logo_slogan.png" width="130" srcset="images/pixami_logo_slogan-p-500.png 500w, images/pixami_logo_slogan-p-800.png 800w, images/pixami_logo_slogan-p-1080.png 1080w, images/pixami_logo_slogan-p-1600.png 1600w, images/pixami_logo_slogan-p-2000.png 2000w, images/pixami_logo_slogan.png 3291w" sizes="130px"></a>
<nav role="navigation" class="navigation-menu dark w-nav-menu">
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block"><a href="yearbookpro.html" class="text-link">Yearbook Pro</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="http://pixami.com/yearbookpro.html#Demo" class="dropdown-link w-dropdown-link">Schedule a Demo</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block-3"><a href="storefront.html" class="text-link">Storefront</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="storefront.html" class="dropdown-link w-dropdown-link">School Storefront</a><a href="http://pixami.com/storefront.html#PhotoStorefront" class="dropdown-link-2 w-dropdown-link">Photo Storefront</a></nav>
</div>
<div data-delay="0" data-hover="1" data-ix="move-dropdown-arrow-on-hover" class="navigation-link w-dropdown">
<div class="dropdown-toggle white-color w-dropdown-toggle">
<div class="text-block-2"><a href="showcase.html" class="text-link w--current">Showcase</a></div>
</div>
<nav class="dropdown-list w-dropdown-list"><a href="showcase.html" class="dropdown-link w-dropdown-link w--current">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 class="container-center w-container">
<div class="align-center">
<h2 class="sub-banner-title">Pixami Design Showcase.</h2>
<div>
<div class="sub-title-slider in-sub-banner">Explore the Numerous Possibilities to Create Outstanding<br>Yearbook Pages with Pixami Yearbook Pro!</div>
</div>
</div>
</div>
</div>
<div class="section with-line">
<div class="w-container">
<div>
<div class="top-title">
<div class="align-center">
<div class="sub-title top-sub">THE EXCITEMENT YOU FEEL WHEN IT ALL COMES TOGETHER!</div>
<h1 class="heading">Sample Yearbook Page Designs</h1>
</div>
<div class="line-top-title"></div>
<div class="text-block-12">Here are some sample pages designed with Pixami Yearbook Pro!</div>
</div>
</div>
</div>
<div class="w-container"><a href="#" class="lightbox-link-2 w-inline-block w-lightbox"></a>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/OnlineYearbookSoftware.jpg" srcset="images/OnlineYearbookSoftware-p-1080.jpeg 1080w, images/OnlineYearbookSoftware-p-1600.jpeg 1600w, images/OnlineYearbookSoftware.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-17"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "OnlineYearbookSoftware.jpg",
"origFileName": "OnlineYearbookSoftware.jpg",
"url": "images/OnlineYearbookSoftware.jpg",
"_id": "5b4929e5bd74207124ef9af4",
"type": "image",
"fileSize": 225545
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Contents.jpg" srcset="images/Contents-p-1080.jpeg 1080w, images/Contents-p-1600.jpeg 1600w, images/Contents.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-18"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Contents.jpg",
"origFileName": "Contents.jpg",
"url": "images/Contents.jpg",
"_id": "5b492a96847c00a370a4b3fd",
"type": "image",
"fileSize": 134376
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/SecondGrade.jpg" srcset="images/SecondGrade-p-1080.jpeg 1080w, images/SecondGrade-p-1600.jpeg 1600w, images/SecondGrade.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-19"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "SecondGrade.jpg",
"origFileName": "SecondGrade.jpg",
"url": "images/SecondGrade.jpg",
"_id": "5b492af2d95543e2c21adb8f",
"type": "image",
"fileSize": 282334
}
],
"group": "Yearbook Designs"
}</script></a></div>
</div>
<div class="row-2 w-row">
<div class="column-12 w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Football.jpg" srcset="images/Football-p-1080.jpeg 1080w, images/Football-p-1600.jpeg 1600w, images/Football.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-20"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Football.jpg",
"origFileName": "Football.jpg",
"url": "images/Football.jpg",
"_id": "5b492b4f5747fcc69aa22d13",
"type": "image",
"fileSize": 449970
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Academics.jpg" srcset="images/Academics-p-500.jpeg 500w, images/Academics-p-1080.jpeg 1080w, images/Academics-p-1600.jpeg 1600w, images/Academics.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-21"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Academics.jpg",
"origFileName": "Academics.jpg",
"url": "images/Academics.jpg",
"_id": "5b492e3668e07cf6ce5c169e",
"type": "image",
"fileSize": 343306
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/ArtsCrafts.jpg" srcset="images/ArtsCrafts-p-1080.jpeg 1080w, images/ArtsCrafts-p-1600.jpeg 1600w, images/ArtsCrafts.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-22"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "ArtsCrafts.jpg",
"origFileName": "ArtsCrafts.jpg",
"url": "images/ArtsCrafts.jpg",
"_id": "5b492e6468e07ca4f55c16a7",
"type": "image",
"fileSize": 500887
}
],
"group": "Yearbook Designs"
}</script></a></div>
</div>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Educating.jpg" srcset="images/Educating-p-1080.jpeg 1080w, images/Educating-p-1600.jpeg 1600w, images/Educating.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-23"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Educating.jpg",
"origFileName": "Educating.jpg",
"url": "images/Educating.jpg",
"_id": "5b492e9b5747fcb8c9a22ef8",
"type": "image",
"fileSize": 258059
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/NewKids.jpg" srcset="images/NewKids-p-1080.jpeg 1080w, images/NewKids-p-1600.jpeg 1600w, images/NewKids.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-24"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b492ec5abad38963cb8af0b",
"fileName": "NewKids.jpg",
"origFileName": "NewKids.jpg",
"width": 1868,
"height": 1211,
"fileSize": 304608,
"url": "images/NewKids.jpg"
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Middle.jpg" srcset="images/Middle-p-1080.jpeg 1080w, images/Middle-p-1600.jpeg 1600w, images/Middle.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-25"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Middle.jpg",
"origFileName": "Middle.jpg",
"url": "images/Middle.jpg",
"_id": "5b492e18d955432f631ae053",
"type": "image",
"fileSize": 406947
}
],
"group": "Yearbook Designs"
}</script></a></div>
</div>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/DailyGrind.jpg" srcset="images/DailyGrind-p-500.jpeg 500w, images/DailyGrind-p-1080.jpeg 1080w, images/DailyGrind-p-1600.jpeg 1600w, images/DailyGrind.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-26"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "DailyGrind.jpg",
"origFileName": "DailyGrind.jpg",
"url": "images/DailyGrind.jpg",
"_id": "5b492ef2847c001f30a4b81f",
"type": "image",
"fileSize": 420512
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/BuildingBonds.jpg" srcset="images/BuildingBonds-p-500.jpeg 500w, images/BuildingBonds-p-800.jpeg 800w, images/BuildingBonds-p-1080.jpeg 1080w, images/BuildingBonds-p-1600.jpeg 1600w, images/BuildingBonds.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-26"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "BuildingBonds.jpg",
"origFileName": "BuildingBonds.jpg",
"url": "images/BuildingBonds.jpg",
"_id": "5b492f0cbd74207a96ef9ddb",
"type": "image",
"fileSize": 364692
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Passion.jpg" srcset="images/Passion-p-800.jpeg 800w, images/Passion-p-1080.jpeg 1080w, images/Passion-p-1600.jpeg 1600w, images/Passion.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-26"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b492f4768e07cb5f35c16e3",
"fileName": "Passion.jpg",
"origFileName": "Passion.jpg",
"width": 1868,
"height": 1211,
"fileSize": 392375,
"url": "images/Passion.jpg"
}
],
"group": "Yearbook Designs"
}</script></a></div>
</div>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Youth.jpg" srcset="images/Youth-p-1080.jpeg 1080w, images/Youth-p-1600.jpeg 1600w, images/Youth.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-23"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b4930b0847c0001d1a4b878",
"fileName": "Youth.jpg",
"origFileName": "Youth.jpg",
"width": 1868,
"height": 1211,
"fileSize": 457690,
"url": "images/Youth.jpg"
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Golden.jpg" srcset="images/Golden-p-500.jpeg 500w, images/Golden-p-1080.jpeg 1080w, images/Golden-p-1600.jpeg 1600w, images/Golden.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-24"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Golden.jpg",
"origFileName": "Golden.jpg",
"url": "images/Golden.jpg",
"_id": "5b493101bd74206d51ef9e8a",
"type": "image",
"fileSize": 386585
}
],
"group": "Yearbook Designs"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/YIR3.png" srcset="images/YIR3-p-500.png 500w, images/YIR3-p-800.png 800w, images/YIR3-p-1080.png 1080w, images/YIR3.png 5188w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-25"><script type="application/json" class="w-json">{
"items": [
{
"width": 5188,
"height": 3375,
"fileName": "5b05ffd7bfcfaa7237e2c649_YIR3.png",
"origFileName": "YIR3.png",
"url": "images/YIR3.png",
"_id": "5b05ffd7bfcfaa7237e2c649",
"type": "image",
"fileSize": 2128420
}
],
"group": "Yearbook Designs"
}</script></a></div>
</div>
</div>
</div>
<div id="DesignStyleGuide" class="section with-line">
<div class="w-container">
<div>
<div class="top-title">
<div class="align-center">
<div class="sub-title top-sub">tips, tricks and more! pixami helps you design like a pro!</div>
<h1 class="heading">Design Reference Guides</h1>
</div>
<div class="line-top-title"></div>
<div class="text-block-12">Here are some sample pages from Pixami's Design Style Guide and Content Reference Guide.</div>
</div>
</div>
</div>
<div class="w-container"><a href="#" class="lightbox-link-2 w-inline-block w-lightbox"></a>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/StyleGuideCover.png" srcset="images/StyleGuideCover-p-500.png 500w, images/StyleGuideCover-p-800.png 800w, images/StyleGuideCover-p-1080.png 1080w, images/StyleGuideCover.png 1216w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-17"><script type="application/json" class="w-json">{
"items": [
{
"width": 1216,
"height": 793,
"fileName": "StyleGuideCover.png",
"origFileName": "StyleGuideCover.png",
"url": "images/StyleGuideCover.png",
"_id": "5b05e30920057cd2d1a9d192",
"type": "image",
"fileSize": 46564
}
],
"group": "Design Style Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/StyleGuide1.png" srcset="images/StyleGuide1-p-500.png 500w, images/StyleGuide1.png 1223w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-18"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b05ed85015013f3fbd207d9",
"fileName": "StyleGuide1.png",
"origFileName": "StyleGuide1.png",
"width": 1223,
"height": 791,
"fileSize": 278415,
"url": "images/StyleGuide1.png"
}
],
"group": "Design Style Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/StyleGuide2.png" srcset="images/StyleGuide2-p-500.png 500w, images/StyleGuide2-p-800.png 800w, images/StyleGuide2-p-1080.png 1080w, images/StyleGuide2.png 1222w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-19"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b05ee1ffc13c3d464074d7a",
"fileName": "StyleGuide2.png",
"origFileName": "StyleGuide2.png",
"width": 1222,
"height": 792,
"fileSize": 1020313,
"url": "images/StyleGuide2.png"
}
],
"group": "Design Style Guide"
}</script></a></div>
</div>
<div class="row-2 w-row">
<div class="column-12 w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/StyleGuide3.png" srcset="images/StyleGuide3-p-500.png 500w, images/StyleGuide3-p-800.png 800w, images/StyleGuide3-p-1080.png 1080w, images/StyleGuide3.png 1222w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-20"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b05effe1dfec200d5606510",
"fileName": "StyleGuide3.png",
"origFileName": "StyleGuide3.png",
"width": 1222,
"height": 792,
"fileSize": 1080630,
"url": "images/StyleGuide3.png"
}
],
"group": "Design Style Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/StyleGuide8.png" srcset="images/StyleGuide8-p-500.png 500w, images/StyleGuide8-p-800.png 800w, images/StyleGuide8-p-1080.png 1080w, images/StyleGuide8.png 1226w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-21"><script type="application/json" class="w-json">{
"items": [
{
"width": 1226,
"height": 789,
"fileName": "5b05f23bbfcfaa0ffbe2c01a_StyleGuide8.png",
"origFileName": "StyleGuide8.png",
"url": "images/StyleGuide8.png",
"_id": "5b05f23bbfcfaa0ffbe2c01a",
"type": "image",
"fileSize": 546913
}
],
"group": "Design Style Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/StyleGuide5.png" srcset="images/StyleGuide5-p-500.png 500w, images/StyleGuide5-p-800.png 800w, images/StyleGuide5-p-1080.png 1080w, images/StyleGuide5.png 1221w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-22"><script type="application/json" class="w-json">{
"items": [
{
"width": 1221,
"height": 790,
"fileName": "StyleGuide5.png",
"origFileName": "StyleGuide5.png",
"url": "images/StyleGuide5.png",
"_id": "5b05f1208ee27f4456be95d0",
"type": "image",
"fileSize": 768696
}
],
"group": "Design Style Guide"
}</script></a></div>
</div>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Contents.png" srcset="images/Contents-p-500.png 500w, images/Contents-p-800.png 800w, images/Contents-p-1080.png 1080w, images/Contents-p-1600.png 1600w, images/Contents.png 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-23"><script type="application/json" class="w-json">{
"items": [
{
"type": "image",
"_id": "5b4943c4abad3851acb8b8cc",
"fileName": "Contents.png",
"origFileName": "Contents.png",
"width": 1868,
"height": 1211,
"fileSize": 403368,
"url": "images/Contents.png"
}
],
"group": "Content Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Backgrounds.jpg" srcset="images/Backgrounds-p-500.jpeg 500w, images/Backgrounds-p-800.jpeg 800w, images/Backgrounds-p-1080.jpeg 1080w, images/Backgrounds-p-1600.jpeg 1600w, images/Backgrounds.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-24"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Backgrounds.jpg",
"origFileName": "Backgrounds.jpg",
"url": "images/Backgrounds.jpg",
"_id": "5b4cc5b871d099fbe637c1d5",
"type": "image",
"fileSize": 225838
}
],
"group": "Content Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Layouts.jpg" srcset="images/Layouts-p-500.jpeg 500w, images/Layouts-p-800.jpeg 800w, images/Layouts-p-1080.jpeg 1080w, images/Layouts-p-1600.jpeg 1600w, images/Layouts.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-25"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Layouts.jpg",
"origFileName": "Layouts.jpg",
"url": "images/Layouts.jpg",
"_id": "5b4cc5ce71d09980d737c1e0",
"type": "image",
"fileSize": 204355
}
],
"group": "Content Guide"
}</script></a></div>
</div>
<div class="w-row">
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/ClipArt-1.jpg" srcset="images/ClipArt-1-p-1080.jpeg 1080w, images/ClipArt-1-p-1600.jpeg 1600w, images/ClipArt-1.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-26"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "ClipArt-1.jpg",
"origFileName": "ClipArt-1.jpg",
"url": "images/ClipArt-1.jpg",
"_id": "5b4cc5e1d955433c7e1d1240",
"type": "image",
"fileSize": 315465
}
],
"group": "Content Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Element.jpg" srcset="images/Element-p-1080.jpeg 1080w, images/Element-p-1600.jpeg 1600w, images/Element.jpg 1886w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-26"><script type="application/json" class="w-json">{
"items": [
{
"width": 1886,
"height": 1211,
"fileName": "Element.jpg",
"origFileName": "Element.jpg",
"url": "images/Element.jpg",
"_id": "5b4cc5f568e07ccfd75e861f",
"type": "image",
"fileSize": 275228
}
],
"group": "Content Guide"
}</script></a></div>
<div class="w-col w-col-4"><a href="#" class="w-inline-block w-lightbox"><img src="images/Font.jpg" srcset="images/Font-p-500.jpeg 500w, images/Font-p-800.jpeg 800w, images/Font-p-1080.jpeg 1080w, images/Font-p-1600.jpeg 1600w, images/Font.jpg 1868w" sizes="(max-width: 767px) 92vw, (max-width: 991px) 229.328125px, 299.984375px" class="image-26"><script type="application/json" class="w-json">{
"items": [
{
"width": 1868,
"height": 1211,
"fileName": "Font.jpg",
"origFileName": "Font.jpg",
"url": "images/Font.jpg",
"_id": "5b4cc61f847c003688a6a6c6",
"type": "image",
"fileSize": 408043
}
],
"group": "Content Guide"
}</script></a></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 w--current">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>