1<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com --><!-- Last Published: Tue Jan 29 2019 15:26:24 GMT+0000 (UTC) --><html data-wf-domain="ultimate-directory.webflow.io" data-wf-page="5c48ce7d61e549d0e478bf5f" data-wf-site="5c48ce7d61e549643778bf37" data-wf-status="1"><head><meta charset="utf-8"/><title>Backgrounds</title><meta content="Backgrounds" property="og:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/css/ultimate-directory.webflow.229668c81.css" rel="stylesheet" type="text/css"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","PT Sans:400,400italic,700,700italic","Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic","Inconsolata:400,700","Varela Round:400","Roboto:100,300,regular,500,700,900","Open Sans Condensed:300,700"] }});</script>
1<!--[if lt IE 9]>
1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
1<![endif]-->
1<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>
1<link href="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48db6bf88ec2919d25d65d_dwaiter_logo_favicon.jpg" rel="shortcut icon" type="image/x-icon"/><link href="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48db70d35e7497485d25ac_dwaiter_logo_webclip.jpg" rel="apple-touch-icon"/><style> 2@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Archivo+Narrow|Archivo:400,500,600,700|Arvo|Fira+Sans:100,200,300,400,400i,500,600,700,800,900|Frank+Ruhl+Libre|Karla:400,700|Lato:100,300,400,700,900|Lora:400,700|Montserrat|Nunito:400,600,700,800,900|Open+Sans:300,400,600,700|Oxygen:300,400,700|PT+Sans:400,700|Playfair+Display|Poppins:100,200,300,400,500,600,700,800,900|Rubik|Source+Sans+Pro:200,300,400|Ubuntu|Work+Sans'); 3</style> 4 5<style> 6font-family: 'Lato', sans-serif; 7font-family: 'Open Sans', sans-serif; 8font-family: 'Source Sans Pro', sans-serif; 9font-family: 'PT Sans', sans-serif; 10font-family: 'Karla', sans-serif; 11font-family: 'Lora', serif; 12font-family: 'Frank Ruhl Libre', serif; 13font-family: 'Playfair Display', serif; 14font-family: 'Archivo', sans-serif; 15font-family: 'Archivo Narrow', sans-serif; 16font-family: 'Archivo Black', sans-serif; 17font-family: 'Montserrat', sans-serif; 18font-family: 'Rubik', sans-serif; 19font-family: 'Work Sans', sans-serif; 20font-family: 'Arvo', serif; 21font-family: 'Ubuntu', sans-serif; 22font-family: 'Poppins', sans-serif; 23font-family: 'Fira Sans', sans-serif; 24font-family: 'Nunito', sans-serif; 25font-family: 'Oxygen', sans-serif; 26</style></head><body><div class="main-holder"><div class="split _20"><div data-collapse="medium" data-animation="default" data-duration="400" class="side-nav w-nav"><div class="container-2 w-container"><a href="/" class="brand w-nav-brand"><h4 class="white">ULTIMATE</h4></a><nav role="navigation" class="nav-menu-2 w-nav-menu"><a href="#BG" class="sidenav-link w-nav-link">Backgrounds</a><a href="#Btn" class="sidenav-link w-nav-link">Buttons</a><a href="#Cards" class="sidenav-link w-nav-link">Cards</a><a href="#Colors" class="sidenav-link w-nav-link">Colors</a><a href="#Elements" class="sidenav-link w-nav-link">Elements</a><a href="#Fonts" class="sidenav-link w-nav-link">Fonts</a><a href="#Grids" class="sidenav-link w-nav-link">Grids</a><a href="#Icons" class="sidenav-link w-nav-link">Icons</a><a href="#Sections" class="sidenav-link w-nav-link">Sections</a><a href="#Other" class="sidenav-link w-nav-link">Other</a></nav><div class="w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div></div><div class="split _80"><div id="BG" class="section half color"><h1 class="white-text-header">Backgrounds</h1></div><div class="element-wrap"><div class="element"><div class="section"><div class="bg full-img"></div></div></div><div class="element-info"><div class="element-title">FULL-WIDTH IMAGE BACKGROUND</div><div class="element-title how-to">[BG][Full-Img]</div></div></div><div class="element-wrap"><div class="element"><div class="section"><div class="bg color"></div></div></div><div class="element-info"><div class="element-title"><strong>BACKGROUND Color</strong></div><div class="element-title how-to">[BG][Color]</div></div></div><div class="element-wrap"><div class="element"><div class="section"><div class="bg gradient"></div></div></div><div class="element-info"><div class="element-title">gradient bg</div><div class="element-title how-to">[BG][Gradient]</div></div></div><div class="element-wrap"><div class="element"><div class="section"><div class="bg coverimg"></div></div></div><div class="element-info"><div class="element-title">Cover BACKGROUND IMage</div><div class="element-title how-to">[BG][CoverImg]</div></div></div><div class="element-wrap"><div class="element"><div class="section"><div class="bg coverimg parallax"></div></div></div><div class="element-info"><div class="element-title">Cover BACKGROUND IMage + Parallax</div><div class="element-title how-to">[BG][CoverImg][Parallax]</div></div></div><div class="element-wrap"><div class="element"><div class="section"><div class="bg"></div></div></div><div class="element-info"><div class="element-title">Plain 100% BACKGROUND with thin border</div><div class="element-title how-to">[BG]</div></div></div><div class="inner-padding _20 hide"><div class="item-holder smallheight"><div class="bg"></div></div><div class="item-holder smallheight"><div class="bg color"></div></div><div class="item-holder smallheight"><div class="bg gradient"></div></div><div class="item-holder smallheight"><div class="bg full-img"></div></div><div class="item-holder smallheight"><div class="bg coverimg"></div></div><div class="item-holder smallheight"><div class="bg coverimg overlay"></div></div></div><div id="Btn" class="section half color"><h1 class="white-text-header">Buttons</h1></div><div class="elementwraphalfholder"><div class="element-wrap half"><div class="element"><div class="button-holder"><a href="#" class="button _1 w-button">Button 1</a></div></div><div class="element-info"><div class="element-title">General Button</div><div class="element-title how-to">[Button][1]</div></div></div><div class="element-wrap half"><div class="element"><div class="button-holder"><a href="#" class="button _2 w-button">Button 2</a></div></div><div class="element-info"><div class="element-title">Outline Button</div><div class="element-title how-to">[Button][2]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _3 w-button">Button 3</a></div></div><div class="element-info"><div class="element-title">Translucent Outline Button </div><div class="element-title how-to">[Button][3]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _4 w-button">Button 4</a></div></div><div class="element-info"><div class="element-title">Gradient Button</div><div class="element-title how-to">[Button][4]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _5 w-button">Button 5</a></div></div><div class="element-info"><div class="element-title">two-toned Button </div><div class="element-title how-to">[Button][5]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _6 w-button">Button 6</a></div></div><div class="element-info"><div class="element-title">SQuare Button</div><div class="element-title how-to">[Button][6]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _7 w-button">Button 7</a></div></div><div class="element-info"><div class="element-title">circle button</div><div class="element-title how-to">[Button][7]</div></div></div><div class="element-wrap half"><div class="element"><div class="button-holder"><a href="#" class="button _8 w-button">Button 8</a></div></div><div class="element-info"><div class="element-title">rounded-corners button</div><div class="element-title how-to">[Button][8]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _9 w-button">Button 9</a></div></div><div class="element-info"><div class="element-title">pill-shaped button</div><div class="element-title how-to">[Button][9]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _10 w-button">Button 10</a></div></div><div class="element-info"><div class="element-title">leaf-shaped button</div><div class="element-title how-to">[Button][10]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _11 w-button">Button 11</a></div></div><div class="element-info"><div class="element-title">rounded-corners square button</div><div class="element-title how-to">[Button][11]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _12 w-button">Button 12</a></div></div><div class="element-info"><div class="element-title">bottom-border Illusion button</div><div class="element-title how-to">[Button][12]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _13 w-button">Button 13</a></div></div><div class="element-info"><div class="element-title">Button with Image BG</div><div class="element-title how-to">[Button][13]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _14 w-button">Button 14</a></div></div><div class="element-info"><div class="element-title">underlined-text button</div><div class="element-title how-to">[Button][14]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="button _15 w-button">Button 15</a></div></div><div class="element-info"><div class="element-title">text button</div><div class="element-title how-to">[Button][15]</div></div></div><div class="element-wrap"><div class="element"><div class="button-holder"><a href="#" class="full-width-button w-inline-block"><div class="text-block">Full Width Button</div></a></div></div><div class="element-info"><div class="element-title">full width button</div><div class="element-title how-to">[Full-Width-Button]</div></div></div></div><div class="inner-padding _20 hide"><div class="item-holder nominh"><a href="#" class="button _1 w-button">Button 1</a></div><div class="item-holder nominh"><a href="#" class="button _2 w-button">Button 2</a></div><div class="item-holder nominh"><a href="#" class="button _3 w-button">Button 3</a></div><div class="item-holder nominh"><a href="#" class="button _4 w-button">Button 4</a></div><div class="item-holder nominh center-items"><a href="#" class="button _5 w-button">Button 5</a></div><div class="item-holder nominh"><a href="#" class="button _6 w-button">Button 6</a></div><div class="item-holder nominh"><a href="#" class="button _7 w-button">Button 7</a></div><div class="item-holder nominh"><a href="#" class="button _8 w-button">Button 8</a></div><div class="item-holder nominh"><a href="#" class="button _9 w-button">Button 9</a></div><div class="item-holder nominh"><a href="#" class="button _10 w-button">Button 10</a></div><div class="item-holder nominh"><a href="#" class="button _11 w-button">Button 11</a></div><div class="item-holder nominh center-items"><a href="#" class="button _12 w-button">Button 12</a></div><div class="item-holder nominh"><a href="#" class="button _13 w-button">Button 13</a></div><div class="item-holder nominh"><a href="#" class="button _14 w-button">Button 14</a></div><div class="item-holder nominh"><a href="#" class="button _15 w-button">Button 15</a></div><div class="item-holder nominh"><a href="#" class="full-width-button w-inline-block"><div class="text-block">Full Width Button</div></a></div></div><div id="Cards" class="section half color"><h1 class="white-text-header">Cards</h1></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _1"><div class="card-pouch _1"></div></div></div></div><div class="element-info"><div class="element-title">Rounded CARD + Bottom info pounch</div><div class="element-title how-to">[Card][1] <br/>|- [Card-Pouch][1] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _1 img"><div class="card-pouch _1"></div></div></div></div><div class="element-info"><div class="element-title">Rounded CARD + BGÂ Image + Bottom info pounch</div><div class="element-title how-to">[Card][1][Img]<br/>|- [Card-Pouch][1] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _2"><div class="card-pouch _2"></div></div></div></div><div class="element-info"><div class="element-title">CARD + Bottom info pounch</div><div class="element-title how-to">[Card][2]<br/>|- [Card-Pouch][2] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _2 img"><div class="card-pouch _2"></div></div></div></div><div class="element-info"><div class="element-title">translucent CARD + BG Image + Bottom info pounch</div><div class="element-title how-to">[Card][2][Img]<br/>|- [Card-Pouch][2] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _3"><div class="card-pouch _3"></div></div></div></div><div class="element-info"><div class="element-title">Rounded CARD + left info pounch</div><div class="element-title how-to">[Card][3]<br/>|- [Card-Pouch][3] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _3 img"><div class="card-pouch _3"></div></div></div></div><div class="element-info"><div class="element-title">Rounded CARD + BG Image + left info pounch</div><div class="element-title how-to">[Card][3][Img]<br/>|- [Card-Pouch][3] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _5"><div class="card-pouch"></div></div></div></div><div class="element-info"><div class="element-title">Rounded-top CARD + Bottom info pounch</div><div class="element-title how-to">[Card][5][Img]<br/>|- [Card-Pouch] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _5 img"><div class="card-pouch"></div></div></div></div><div class="element-info"><div class="element-title">Rounded-top CARD + BG Image + Bottom info pounch</div><div class="element-title how-to">[Card][5][Img]<br/>|- [Card-Pouch] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _4"><div class="card-pouch _4"></div></div></div></div><div class="element-info"><div class="element-title">Rounded CARD + right info pounch</div><div class="element-title how-to">[Card][4]<br/>|- [Card-Pouch][4] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _4 img"><div class="card-pouch _4"></div></div></div></div><div class="element-info"><div class="element-title">Rounded CARD + BG Image + right info pounch</div><div class="element-title how-to">[Card][4][Img]<br/>|- [Card-Pouch][4] *child div</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _6"></div></div></div><div class="element-info"><div class="element-title">sharp CARD</div><div class="element-title how-to">[Card][6]<br/>
26</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _6 drop-shadow"><div class="card-pouch _8"></div></div></div></div><div class="element-info"><div class="element-title">sharp CARD + Drop Shadow</div><div class="element-title how-to">[Card][6][Drop-Shadow]<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _7 img"></div></div></div><div class="element-info"><div class="element-title">sharp CARD + BGÂ Image</div><div class="element-title how-to">[Card][7][Img]<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _7b"></div></div></div><div class="element-info"><div class="element-title">rounded CARD</div><div class="element-title how-to">[Card][7B]<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _7b img"></div></div></div><div class="element-info"><div class="element-title">rounded CARD + BG Image</div><div class="element-title how-to">[Card][7B][Img]<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _7"><div class="card-pouch _7"></div></div></div></div><div class="element-info"><div class="element-title">Sharp card + centered img</div><div class="element-title how-to">[Card][7][Img]<br/>|- [Card-Pouch][7] *child div<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _8"><div class="card-pouch _9"><h1>Heading</h1></div></div></div></div><div class="element-info"><div class="element-title">Sharp Card + BG IMaGe + Centered Text</div><div class="element-title how-to">[Card][9]<br/>|- [Card-Pouch][9] *child div<br/>|-- *child header<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card short _1"><div class="card-pouch _9"><h1>Heading</h1></div></div></div></div><div class="element-info"><div class="element-title">Short Rounded Card + Centered text</div><div class="element-title how-to">[Card][Short][9]<br/>|- [Card-Pouch][9] *child div<br/>|-- *child header<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card _9"><div class="card-pouch _9"><div>This is some text inside of a div block.</div></div></div></div></div><div class="element-info"><div class="element-title">sharp card + BG Image + Centered text</div><div class="element-title how-to">[Card][9]<br/>|- [Card-Pouch][9] *child div<br/>|-- *child text block<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder center"><div class="card short _1"><div class="card-pouch _9"><div>This is some text inside of a div block.</div></div></div></div></div><div class="element-info"><div class="element-title">rounded corner card + Centered Text</div><div class="element-title how-to">[Card][Short][1]<br/>|- [Card-Pouch][9] *child div<br/>|-- *child text block<br/></div></div></div><div class="inner-padding _20 hide"><div class="item-holder"><div class="_1x2"><div id="w-node-0d56a78a661f-e478bf5f" class="card _1"><div class="card-pouch _1"></div></div><div id="w-node-0d56a78a6621-e478bf5f" class="card _2"><div class="card-pouch _2"></div></div></div></div><div class="item-holder"><div class="_1x3"><div id="w-node-0d56a78a6625-e478bf5f" class="card _3"><div class="card-pouch _3"></div></div><div id="w-node-0d56a78a6627-e478bf5f" class="card _5"><div class="card-pouch"></div></div><div id="w-node-0d56a78a6629-e478bf5f" class="card _4"><div class="card-pouch _4"></div></div></div></div><div class="item-holder"><div class="_1x4"><div id="w-node-0d56a78a662d-e478bf5f" class="card _7"></div><div id="w-node-0d56a78a662e-e478bf5f" class="card _6"><div class="card-pouch _6"></div></div><div id="w-node-0d56a78a6630-e478bf5f" class="card _7"><div class="card-pouch _7"></div></div><div id="w-node-0d56a78a6632-e478bf5f" class="card _6"><div class="card-pouch _8"></div></div></div></div><div class="item-holder"><div class="_1x5"><div id="w-node-0d56a78a6636-e478bf5f" class="card _8"><div class="card-pouch _9"><h1>Heading</h1></div></div><div id="w-node-0d56a78a663a-e478bf5f" class="card _9"><div class="card-pouch _9"><div>This is some text inside of a div block.</div></div></div><div id="w-node-0d56a78a663e-e478bf5f" class="card"></div><div id="w-node-0d56a78a663f-e478bf5f" class="card"></div><div id="w-node-0d56a78a6640-e478bf5f" class="card"></div></div></div><div class="item-holder"><div class="_2x2"><div id="w-node-0d56a78a6643-e478bf5f" class="block"></div><div id="w-node-0d56a78a6644-e478bf5f" class="block"></div><div id="w-node-0d56a78a6645-e478bf5f" class="block"></div><div id="w-node-0d56a78a6646-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_2x3"><div id="w-node-0d56a78a6649-e478bf5f" class="block"></div><div id="w-node-0d56a78a664a-e478bf5f" class="block"></div><div id="w-node-0d56a78a664b-e478bf5f" class="block"></div><div id="w-node-0d56a78a664c-e478bf5f" class="block"></div><div id="w-node-0d56a78a664d-e478bf5f" class="block"></div><div id="w-node-0d56a78a664e-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_3x2"><div id="w-node-0d56a78a6651-e478bf5f" class="block"></div><div id="w-node-0d56a78a6652-e478bf5f" class="block"></div><div id="w-node-0d56a78a6653-e478bf5f" class="block"></div><div id="w-node-0d56a78a6654-e478bf5f" class="block"></div><div id="w-node-0d56a78a6655-e478bf5f" class="block"></div><div id="w-node-0d56a78a6656-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_3x3"><div id="w-node-0d56a78a6659-e478bf5f" class="block"></div><div id="w-node-0d56a78a665a-e478bf5f" class="block"></div><div id="w-node-0d56a78a665b-e478bf5f" class="block"></div><div id="w-node-0d56a78a665c-e478bf5f" class="block"></div><div id="w-node-0d56a78a665d-e478bf5f" class="block"></div><div id="w-node-0d56a78a665e-e478bf5f" class="block"></div><div id="w-node-0d56a78a665f-e478bf5f" class="block"></div><div id="w-node-0d56a78a6660-e478bf5f" class="block"></div><div id="w-node-0d56a78a6661-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_3x4"><div id="w-node-0d56a78a6664-e478bf5f" class="block"></div><div id="w-node-0d56a78a6665-e478bf5f" class="block"></div><div id="w-node-0d56a78a6666-e478bf5f" class="block"></div><div id="w-node-0d56a78a6667-e478bf5f" class="block"></div><div id="w-node-0d56a78a6668-e478bf5f" class="block"></div><div id="w-node-0d56a78a6669-e478bf5f" class="block"></div><div id="w-node-0d56a78a666a-e478bf5f" class="block"></div><div id="w-node-0d56a78a666b-e478bf5f" class="block"></div><div id="w-node-0d56a78a666c-e478bf5f" class="block"></div><div id="w-node-0d56a78a666d-e478bf5f" class="block"></div><div id="w-node-0d56a78a666e-e478bf5f" class="block"></div><div id="w-node-0d56a78a666f-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_3x5"><div id="w-node-0d56a78a6672-e478bf5f" class="block"></div><div id="w-node-0d56a78a6673-e478bf5f" class="block"></div><div id="w-node-0d56a78a6674-e478bf5f" class="block"></div><div id="w-node-0d56a78a6675-e478bf5f" class="block"></div><div id="w-node-0d56a78a6676-e478bf5f" class="block"></div><div id="w-node-0d56a78a6677-e478bf5f" class="block"></div><div id="w-node-0d56a78a6678-e478bf5f" class="block"></div><div id="w-node-0d56a78a6679-e478bf5f" class="block"></div><div id="w-node-0d56a78a667a-e478bf5f" class="block"></div><div id="w-node-0d56a78a667b-e478bf5f" class="block"></div><div id="w-node-0d56a78a667c-e478bf5f" class="block"></div><div id="w-node-0d56a78a667d-e478bf5f" class="block"></div><div id="w-node-0d56a78a667e-e478bf5f" class="block"></div><div id="w-node-0d56a78a667f-e478bf5f" class="block"></div><div id="w-node-0d56a78a6680-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_4x2"><div id="w-node-0d56a78a6683-e478bf5f" class="block"></div><div id="w-node-0d56a78a6684-e478bf5f" class="block"></div><div id="w-node-0d56a78a6685-e478bf5f" class="block"></div><div id="w-node-0d56a78a6686-e478bf5f" class="block"></div><div id="w-node-0d56a78a6687-e478bf5f" class="block"></div><div id="w-node-0d56a78a6688-e478bf5f" class="block"></div><div id="w-node-0d56a78a6689-e478bf5f" class="block"></div><div id="w-node-0d56a78a668a-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_4x3"><div id="w-node-0d56a78a668d-e478bf5f" class="block"></div><div id="w-node-0d56a78a668e-e478bf5f" class="block"></div><div id="w-node-0d56a78a668f-e478bf5f" class="block"></div><div id="w-node-0d56a78a6690-e478bf5f" class="block"></div><div id="w-node-0d56a78a6691-e478bf5f" class="block"></div><div id="w-node-0d56a78a6692-e478bf5f" class="block"></div><div id="w-node-0d56a78a6693-e478bf5f" class="block"></div><div id="w-node-0d56a78a6694-e478bf5f" class="block"></div><div id="w-node-0d56a78a6695-e478bf5f" class="block"></div><div id="w-node-0d56a78a6696-e478bf5f" class="block"></div><div id="w-node-0d56a78a6697-e478bf5f" class="block"></div><div id="w-node-0d56a78a6698-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_4x4"><div id="w-node-0d56a78a669b-e478bf5f" class="block"></div><div id="w-node-0d56a78a669c-e478bf5f" class="block"></div><div id="w-node-0d56a78a669d-e478bf5f" class="block"></div><div id="w-node-0d56a78a669e-e478bf5f" class="block"></div><div id="w-node-0d56a78a669f-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a0-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a1-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a2-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a3-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a4-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a5-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a6-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a7-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a8-e478bf5f" class="block"></div><div id="w-node-0d56a78a66a9-e478bf5f" class="block"></div><div id="w-node-0d56a78a66aa-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_4x5"><div id="w-node-0d56a78a66ad-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ae-e478bf5f" class="block"></div><div id="w-node-0d56a78a66af-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b0-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b1-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b2-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b3-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b4-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b5-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b6-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b7-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b8-e478bf5f" class="block"></div><div id="w-node-0d56a78a66b9-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ba-e478bf5f" class="block"></div><div id="w-node-0d56a78a66bb-e478bf5f" class="block"></div><div id="w-node-0d56a78a66bc-e478bf5f" class="block"></div><div id="w-node-0d56a78a66bd-e478bf5f" class="block"></div><div id="w-node-0d56a78a66be-e478bf5f" class="block"></div><div id="w-node-0d56a78a66bf-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c0-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_5x2"><div id="w-node-0d56a78a66c3-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c4-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c5-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c6-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c7-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c8-e478bf5f" class="block"></div><div id="w-node-0d56a78a66c9-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ca-e478bf5f" class="block"></div><div id="w-node-0d56a78a66cb-e478bf5f" class="block"></div><div id="w-node-0d56a78a66cc-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_5x3"><div id="w-node-0d56a78a66cf-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d0-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d1-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d2-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d3-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d4-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d5-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d6-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d7-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d8-e478bf5f" class="block"></div><div id="w-node-0d56a78a66d9-e478bf5f" class="block"></div><div id="w-node-0d56a78a66da-e478bf5f" class="block"></div><div id="w-node-0d56a78a66db-e478bf5f" class="block"></div><div id="w-node-0d56a78a66dc-e478bf5f" class="block"></div><div id="w-node-0d56a78a66dd-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_5x4"><div id="w-node-0d56a78a66e0-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e1-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e2-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e3-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e4-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e5-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e6-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e7-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e8-e478bf5f" class="block"></div><div id="w-node-0d56a78a66e9-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ea-e478bf5f" class="block"></div><div id="w-node-0d56a78a66eb-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ec-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ed-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ee-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ef-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f0-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f1-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f2-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f3-e478bf5f" class="block"></div></div></div><div class="item-holder"><div class="_5x5"><div id="w-node-0d56a78a66f6-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f7-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f8-e478bf5f" class="block"></div><div id="w-node-0d56a78a66f9-e478bf5f" class="block"></div><div id="w-node-0d56a78a66fa-e478bf5f" class="block"></div><div id="w-node-0d56a78a66fb-e478bf5f" class="block"></div><div id="w-node-0d56a78a66fc-e478bf5f" class="block"></div><div id="w-node-0d56a78a66fd-e478bf5f" class="block"></div><div id="w-node-0d56a78a66fe-e478bf5f" class="block"></div><div id="w-node-0d56a78a66ff-e478bf5f" class="block"></div><div id="w-node-0d56a78a6700-e478bf5f" class="block"></div><div id="w-node-0d56a78a6701-e478bf5f" class="block"></div><div id="w-node-0d56a78a6702-e478bf5f" class="block"></div><div id="w-node-0d56a78a6703-e478bf5f" class="block"></div><div id="w-node-0d56a78a6704-e478bf5f" class="block"></div><div id="w-node-0d56a78a6705-e478bf5f" class="block"></div><div id="w-node-0d56a78a6706-e478bf5f" class="block"></div><div id="w-node-0d56a78a6707-e478bf5f" class="block"></div><div id="w-node-0d56a78a6708-e478bf5f" class="block"></div><div id="w-node-0d56a78a6709-e478bf5f" class="block"></div><div id="w-node-0d56a78a670a-e478bf5f" class="block"></div><div id="w-node-0d56a78a670b-e478bf5f" class="block"></div><div id="w-node-0d56a78a670c-e478bf5f" class="block"></div><div id="w-node-0d56a78a670d-e478bf5f" class="block"></div><div id="w-node-0d56a78a670e-e478bf5f" class="block"></div></div></div></div><div id="Colors" class="section half color"><h1 class="white-text-header">SWATCH Templates and<br/>POPULARÂ ColorS SchemeS</h1></div><div class="element-wrap"><div class="element"><div class="item-holder horzontal"><div class="block inner-text"><h3>Primary</h3></div><div class="colorsholder"><div class="colorscheme a1"><div class="hex-number">#Number</div></div><div class="colorscheme a2"><div class="hex-number">#Number</div></div><div class="colorscheme a3"><div class="hex-nu
26mber white-text">#Number</div></div><div class="colorscheme a4"><div class="hex-number">#Number</div></div><div class="colorscheme a5"><div class="hex-number white-text">#Number</div></div><div class="colorscheme a6"></div></div></div></div><div class="element-info"><div class="element-title">Primary color swatch</div><div class="element-title how-to">[ColorScheme][[a1]-[a6]] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder horzontal"><div class="block inner-text"><h3>Secondary</h3></div><div class="colorsholder"><div class="colorscheme b1"></div><div class="colorscheme b2"></div><div class="colorscheme b3"></div><div class="colorscheme b4"></div><div class="colorscheme b5"></div></div></div></div><div class="element-info"><div class="element-title">Secondary color swatch</div><div class="element-title how-to">[ColorScheme][[b1]-[b6]] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder horzontal"><div class="block inner-text"><h3>Project 2</h3></div><div class="colorsholder"><div class="colorscheme c1"></div><div class="colorscheme c2"></div><div class="colorscheme c3"></div><div class="colorscheme c4"></div><div class="colorscheme c5"></div><div class="colorscheme c6"></div></div></div></div><div class="element-info"><div class="element-title">Smooth</div><div class="element-title how-to">[ColorScheme][[c1]-[c6]] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder horzontal"><div class="block inner-text"><h3>Project 3</h3></div><div class="colorsholder"><div class="colorscheme d1"></div><div class="colorscheme d2"></div><div class="colorscheme d3"></div><div class="colorscheme d4"></div><div class="colorscheme d5"></div><div class="colorscheme d6"></div></div></div></div><div class="element-info"><div class="element-title">futuristic</div><div class="element-title how-to">[ColorScheme][[d1]-[d6]] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder horzontal"><div class="block inner-text"><h3>Project 4</h3></div><div class="colorsholder"><div class="colorscheme e1"></div><div class="colorscheme e2"></div><div class="colorscheme e3"></div><div class="colorscheme e4"></div><div class="colorscheme e5"></div><div class="colorscheme e6"></div></div></div></div><div class="element-info"><div class="element-title">Festive</div><div class="element-title how-to">[ColorScheme][[e1]-[e6]] <br/></div></div></div><div class="default-layout-grid"><div id="w-node-907854b12476-e478bf5f" class="colorschemeblock"><div class="colorsholder"><div class="colorscheme a1"></div><div class="colorscheme a2"></div><div class="colorscheme a3"></div><div class="colorscheme a4"></div><div class="colorscheme a5"></div><div class="colorscheme a6"></div></div></div><div id="w-node-907854b1247e-e478bf5f" class="colorschemeblock"><div class="colorsholder"><div class="colorscheme b1"></div><div class="colorscheme b2"></div><div class="colorscheme b3"></div><div class="colorscheme b4"></div><div class="colorscheme b5"></div><div class="colorscheme b6"></div></div></div><div id="w-node-907854b12486-e478bf5f" class="colorschemeblock"><div class="colorsholder"><div class="colorscheme c1"></div><div class="colorscheme c2"></div><div class="colorscheme c3"></div><div class="colorscheme c4"></div><div class="colorscheme c5"></div><div class="colorscheme c6"></div></div></div><div id="w-node-907854b1248e-e478bf5f" class="colorschemeblock"><div class="colorsholder"><div class="colorscheme d1"></div><div class="colorscheme d2"></div><div class="colorscheme d3"></div><div class="colorscheme d4"></div><div class="colorscheme d5"></div><div class="colorscheme d6"></div></div></div><div id="w-node-907854b12496-e478bf5f" class="colorschemeblock"><div class="colorsholder"><div class="colorscheme e1"></div><div class="colorscheme e2"></div><div class="colorscheme e3"></div><div class="colorscheme e4"></div><div class="colorscheme e5"></div><div class="colorscheme e6"></div></div></div><div id="w-node-907854b1249e-e478bf5f" class="block inner-text"><h3>Swatch 1</h3></div><div id="w-node-907854b124a1-e478bf5f" class="block inner-text"><h3>Swatch 1</h3></div><div id="w-node-907854b124a4-e478bf5f" class="block inner-text"><h3>Swatch 2</h3></div><div id="w-node-907854b124a7-e478bf5f" class="block inner-text"><h3>Swatch 3</h3></div><div id="w-node-907854b124aa-e478bf5f" class="block inner-text"><h3>Swatch 4</h3></div></div><div class="inner-padding _20 hide"><div class="item-holder smallheight"><div class="colorschemeblock"><div class="colorsholder"><div class="colorscheme a1"></div><div class="colorscheme a2"></div><div class="colorscheme a3"></div><div class="colorscheme a4"></div><div class="colorscheme a5"></div><div class="colorscheme a6"></div></div></div></div><div class="item-holder smallheight"><div class="colorschemeblock"><div class="colorsholder"><div class="colorscheme b1"></div><div class="colorscheme b2"></div><div class="colorscheme b3"></div><div class="colorscheme b4"></div><div class="colorscheme b5"></div><div class="colorscheme b6"></div></div></div></div><div class="item-holder smallheight"><div class="colorschemeblock"><div class="colorsholder"><div class="colorscheme c1"></div><div class="colorscheme c2"></div><div class="colorscheme c3"></div><div class="colorscheme c4"></div><div class="colorscheme c5"></div><div class="colorscheme c6"></div></div></div></div><div class="item-holder smallheight"><div class="colorschemeblock"><div class="colorsholder"><div class="colorscheme d1"></div><div class="colorscheme d2"></div><div class="colorscheme d3"></div><div class="colorscheme d4"></div><div class="colorscheme d5"></div><div class="colorscheme d6"></div></div></div></div><div class="item-holder smallheight"><div class="colorschemeblock"><div class="colorsholder"><div class="colorscheme e1"></div><div class="colorscheme e2"></div><div class="colorscheme e3"></div><div class="colorscheme e4"></div><div class="colorscheme e5"></div><div class="colorscheme e6"></div></div></div></div><div class="item-holder smallheight"><div class="colorschemeblock"><div class="colorsholder"><div class="colorscheme f1"></div><div class="colorscheme f2"></div><div class="colorscheme f3"></div><div class="colorscheme f4"></div><div class="colorscheme f5"></div><div class="colorscheme f6"></div></div></div></div></div><div id="Elements" class="section half color"><h1 class="white-text-header">Elements</h1></div><div class="element-wrap"><div class="element"><div class="nav"><div class="nav-container"><a href="#" class="nav-logo w-inline-block">
26<img src="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48ce7d61e5496c7978bf4c_graphic.svg" alt=""/></a><div class="nav-menu-3"><div class="nav-menu-links"><a href="#" class="nav-link-wrap w-inline-block"><div class="nav-link-2">Home</div></a><a href="#" class="nav-link-wrap w-inline-block"><div class="nav-link-2">About</div></a><a href="#" class="nav-link-wrap w-inline-block"><div class="nav-link-2">Contact</div></a></div></div><div data-w-id="f7c4476e-625b-130e-7fbf-1dad8f6e09c3" class="nav-button"><div class="nav-icon"><div class="nav-icon-piece"><div class="nav-icon-piece top"></div><div class="nav-icon-piece bottom"></div></div></div></div></div></div></div><div class="element-info"><div class="element-title">Navbar</div></div></div><div class="element-wrap"><div class="element"><div class="footer"><div class="footer-container"><div class="footer-row"><div class="footer-column"><img src="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48ce7d61e5496c7978bf4c_graphic.svg" alt="" class="footer-logo"/></div><div class="footer-column"><div class="footer-bar"></div><h4 class="footer-title">Wolves</h4><a href="#" class="footer-link">Class</a><a href="#" class="footer-link">Blurple</a><a href="#" class="footer-link">Deskcat</a></div><div class="footer-column"><div class="footer-bar"></div><h4 class="footer-title">Carrot</h4><a href="#" class="footer-link">Holes</a><a href="#" class="footer-link">Big big ears</a><a href="#" class="footer-link">Scotch</a></div><div class="footer-column"><div class="footer-bar"></div><h4 class="footer-title">One with</h4><a href="#" class="footer-link">Perk</a><a href="#" class="footer-link">Joey</a><a href="#" class="footer-link">Monkey</a></div></div></div></div></div><div class="element-info"><div class="element-title">Footer</div></div></div><div id="Fonts" class="section half color"><h1 class="white-text-header">Web Fonts</h1></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _1">Lato</h1><p class="font _1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">Lato</div><div class="element-title how-to">[Font][1] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _2">Open Sans</h1><p class="font _2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">Open Sans</div><div class="element-title how-to">[Font][2] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _3">Montserrat</h1><p class="font _3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">Montserrat</div><div class="element-title how-to">[Font][3] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _4">PT Sans</h1><p class="font _4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">PT Sans</div><div class="element-title how-to">[Font][4] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _5">Roboto</h1><p class="font _5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">Roboto</div><div class="element-title how-to">
26[Font][5] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _6">Unbuntu</h1><p class="font _6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">Unbuntu</div><div class="element-title how-to">[Font][6] <br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><h1 class="font _7">Heading</h1><p class="font _7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="element-info"><div class="element-title">Custom Placeholder <br/>(currently Arial)</div><div class="element-title how-to">[Font][7] <br/></div></div></div><div class="inner-padding _20 hide-fonts"><div class="item-holder smallheight smallwidth"><h1 class="font _1">Lato</h1><p class="font _1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="item-holder smallheight smallwidth"><h1 class="font _2">Open Sans</h1><p class="font _2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="item-holder smallheight smallwidth"><h1 class="font _3">Montserrat</h1><p class="font _3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="item-holder smallheight smallwidth"><h1 class="font _4">PT Sans</h1><p class="font _4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="item-holder smallheight smallwidth"><h1 class="font _5">Roboto</h1><p class="font _5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="item-holder smallheight smallwidth"><h1 class="font _6">Unbuntu</h1><p class="font _6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div id="Grids" class="section half color"><h1 class="white-text-header">Grids</h1></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_1x2"><div id="w-node-d4aae9a81b6c-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81b6f-e478bf5f" class="block grid-label"><h4>A2</h4></div></div></div></div><div class="element-info"><div class="element-title">1 Column X 2 Rows</div><div class="element-title how-to">[1x2] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_1x3"><div id="w-node-d4aae9a81b7d-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81b80-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81b83-e478bf5f" class="block grid-label"><h4>A3</h4></div></div></div></div><div class="element-info"><div class="element-title">1 Column X 3 Rows</div><div class="element-title how-to">[1x3] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_1x4"><div id="w-node-d4aae9a81b91-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81b94-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81b97-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81b9a-e478bf5f" class="block grid-label"><h4>A4</h4></div></div></div></div><div class="element-info"><div class="element-title">1 Column X 4 Rows</div><div class="element-title how-to">
26[1x4] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_1x5"><div id="w-node-d4aae9a81ba8-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81bab-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81bae-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81bb1-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81bb4-e478bf5f" class="block grid-label"><h4>A5</h4></div></div></div></div><div class="element-info"><div class="element-title">1 Column X 5 Rows</div><div class="element-title how-to">[1x5] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_2x2"><div id="w-node-d4aae9a81bc2-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81bc5-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81bc8-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81bcb-e478bf5f" class="block grid-label"><h4>B2</h4></div></div></div></div><div class="element-info"><div class="element-title">2 Column X 2 Rows</div><div class="element-title how-to">[2x2] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_2x3"><div id="w-node-d4aae9a81bd9-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81bdc-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81bdf-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81be2-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81be5-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81be8-e478bf5f" class="block grid-label"><h4>B3</h4></div></div></div></div><div class="element-info"><div class="element-title">2 Column X 3 Rows</div><div class="element-title how-to">[2x3] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_3x2"><div id="w-node-d4aae9a81bf5-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81bf8-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81bfb-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81bfe-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81c01-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81c04-e478bf5f" class="block grid-label"><h4>C2</h4></div></div></div></div><div class="element-info"><div class="element-title">3 Column X 2 Rows</div><div class="element-title how-to">[3x2] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_3x3"><div id="w-node-d4aae9a81c11-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81c14-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81c17-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81c1a-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81c1d-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81c20-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81c23-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81c26-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81c29-e478bf5f" class="block grid-label"><h4>C3</h4></div></div></div></div><div class="element-info"><div class="element-title">3 Column X 3 Rows</div><div class="element-title how-to">[3x3] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_3x4"><div id="w-node-d4aae9a81c36-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81c39-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81c3c-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81c3f-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81c42-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81c45-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81c48-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81c4b-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81c4e-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81c51-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81c54-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81c57-e478bf5f" class="block grid-label"><h4>C4</h4></div></div></div></div><div class="element-info"><div class="element-title">3 Column X 4 Rows</div><div class="element-title how-to">[3x4] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_3x5"><div id="w-node-d4aae9a81c64-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81c67-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81c6a-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81c6d-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81c70-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81c73-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81c76-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81c79-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81c7c-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81c7f-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81c82-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81c85-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81c88-e478bf5f" class="block grid-label"><h4>A5</h4></div><div id="w-node-d4aae9a81c8b-e478bf5f" class="block grid-label"><h4>B5</h4></div><div id="w-node-d4aae9a81c8e-e478bf5f" class="block grid-label"><h4>C5</h4></div></div></div></div><div class="element-info"><div class="element-title">3 Column X 5 Rows</div><div class="element-title how-to">[3x5] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_4x2"><div id="w-node-d4aae9a81c9b-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81c9e-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81ca1-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81ca4-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81ca7-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81caa-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81cad-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81cb0-e478bf5f" class="block grid-label"><h4>D2</h4></div></div></div></div><div class="element-info"><div class="element-title">4 Column X 2 Rows</div><div class="element-title how-to">
26[4x2] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_4x3"><div id="w-node-d4aae9a81cbd-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81cc0-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81cc3-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81cc6-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81cc9-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81ccc-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81ccf-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81cd2-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81cd5-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81cd8-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81cdb-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81cde-e478bf5f" class="block grid-label"><h4>D3</h4></div></div></div></div><div class="element-info"><div class="element-title">4 Column X 3 Rows</div><div class="element-title how-to">[4x3] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_4x4"><div id="w-node-d4aae9a81ceb-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81cee-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81cf1-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81cf4-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81cf7-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81cfa-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81cfd-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81d00-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81d03-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81d06-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81d09-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81d0c-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81d0f-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81d12-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81d15-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81d18-e478bf5f" class="block grid-label"><h4>D4</h4></div></div></div></div><div class="element-info"><div class="element-title">4 Column X 4 Rows</div><div class="element-title how-to">[4x4] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_4x5"><div id="w-node-d4aae9a81d25-e478bf5f" class="block grid-label"></div><div id="w-node-d4aae9a81d26-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81d29-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81d2c-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81d2f-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81d32-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81d35-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81d38-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81d3b-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81d3e-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81d41-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81d44-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81d47-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81d4a-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81d4d-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81d50-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81d53-e478bf5f" class="block grid-label"><h4>D4</h4></div><div id="w-node-d4aae9a81d56-e478bf5f" class="block grid-label"><h4>A5</h4></div><div id="w-node-d4aae9a81d59-e478bf5f" class="block grid-label"><h4>B5</h4></div><div id="w-node-d4aae9a81d5c-e478bf5f" class="block grid-label"><h4>C5</h4></div><div id="w-node-d4aae9a81d5f-e478bf5f" class="block grid-label"><h4>D5</h4></div></div></div></div><div class="element-info"><div class="element-title">4 Column X 5 Rows</div><div class="element-title how-to">[4x5] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_5x2"><div id="w-node-d4aae9a81d6c-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81d6f-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81d72-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81d75-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81d78-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a81d7b-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81d7e-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81d81-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81d84-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81d87-e478bf5f" class="block grid-label"><h4>E2</h4></div></div></div></div><div class="element-info"><div class="element-title">
265 Column X 2 Rows</div><div class="element-title how-to">[5x2] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_5x3"><div id="w-node-d4aae9a81d94-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81d97-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81d9a-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81d9d-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81da0-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a81da3-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81da6-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81da9-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81dac-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81daf-e478bf5f" class="block grid-label"><h4>E2</h4></div><div id="w-node-d4aae9a81db2-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81db5-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81db8-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81dbb-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81dbe-e478bf5f" class="block grid-label"><h4>E3</h4></div></div></div></div><div class="element-info"><div class="element-title">5 Column X 3 Rows</div><div class="element-title how-to">[5x3] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_5x4"><div id="w-node-d4aae9a81dcb-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81dce-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81dd1-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81dd4-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81dd7-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a81dda-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81ddd-e478bf5f" class="block grid-label"><h4>E2</h4></div><div id="w-node-d4aae9a81de0-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81de3-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81de6-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81de9-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81dec-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81def-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81df2-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81df5-e478bf5f" class="block grid-label"><h4>E3</h4></div><div id="w-node-d4aae9a81df8-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81dfb-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81dfe-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81e01-e478bf5f" class="block grid-label"><h4>E4</h4></div><div id="w-node-d4aae9a81e04-e478bf5f" class="block grid-label"><h4>D4</h4></div></div></div></div><div class="element-info"><div class="element-title">5 Column X 4 Rows</div><div class="element-title how-to">[5x4] *Grid<br/></div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"><div class="_5x5"><div id="w-node-d4aae9a81e11-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81e14-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81e17-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81e1a-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81e1d-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a81e20-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81e23-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81e26-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81e29-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81e2c-e478bf5f" class="block grid-label"><h4>E2</h4></div><div id="w-node-d4aae9a81e2f-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81e32-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81e35-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81e38-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81e3b-e478bf5f" class="block grid-label"><h4>E3</h4></div><div id="w-node-d4aae9a81e3e-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81e41-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81e44-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81e47-e478bf5f" class="block grid-label"><h4>D4</h4></div><div id="w-node-d4aae9a81e4a-e478bf5f" class="block grid-label"><h4>E4</h4></div><div id="w-node-d4aae9a81e4d-e478bf5f" class="block grid-label"><h4>A5</h4></div><div id="w-node-d4aae9a81e50-e478bf5f" class="block grid-label"><h4>B5</h4></div><div id="w-node-d4aae9a81e53-e478bf5f" class="block grid-label"><h4>C5</h4></div><div id="w-node-d4aae9a81e56-e478bf5f" class="block grid-label"><h4>D5</h4></div><div id="w-node-d4aae9a81e59-e478bf5f" class="block grid-label"><h4>E5</h4></div></div></div></div><div class="element-info"><div class="element-title">
265 Column X 5 Rows</div><div class="element-title how-to">[5x5] *Grid<br/></div></div></div><div class="inner-padding _20 hide"><div class="item-holder"><div class="_1x2"><div id="w-node-d4aae9a81e65-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81e68-e478bf5f" class="block grid-label"><h4>A2</h4></div></div></div><div class="item-holder"><div class="_1x3"><div id="w-node-d4aae9a81e6d-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81e70-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81e73-e478bf5f" class="block grid-label"><h4>A3</h4></div></div></div><div class="item-holder"><div class="_1x4"><div id="w-node-d4aae9a81e78-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81e7b-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81e7e-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81e81-e478bf5f" class="block grid-label"><h4>A4</h4></div></div></div><div class="item-holder"><div class="_1x5"><div id="w-node-d4aae9a81e86-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81e89-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81e8c-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81e8f-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81e92-e478bf5f" class="block grid-label"><h4>A5</h4></div></div></div><div class="item-holder"><div class="_2x2"><div id="w-node-d4aae9a81e97-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81e9a-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81e9d-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81ea0-e478bf5f" class="block grid-label"><h4>B2</h4></div></div></div><div class="item-holder"><div class="_2x3"><div id="w-node-d4aae9a81ea5-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81ea8-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81eab-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81eae-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81eb1-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81eb4-e478bf5f" class="block grid-label"><h4>B3</h4></div></div></div><div class="item-holder"><div class="_3x2"><div id="w-node-d4aae9a81eb9-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81ebc-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81ebf-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81ec2-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81ec5-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81ec8-e478bf5f" class="block grid-label"><h4>C2</h4></div></div></div><div class="item-holder"><div class="_3x3"><div id="w-node-d4aae9a81ecd-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81ed0-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81ed3-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81ed6-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81ed9-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81edc-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81edf-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81ee2-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81ee5-e478bf5f" class="block grid-label"><h4>C3</h4></div></div></div><div class="item-holder"><div class="_3x4"><div id="w-node-d4aae9a81eea-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81eed-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81ef0-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81ef3-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81ef6-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81ef9-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81efc-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81eff-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81f02-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81f05-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81f08-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81f0b-e478bf5f" class="block grid-label"><h4>C4</h4></div></div></div><div class="item-holder"><div class="_3x5"><div id="w-node-d4aae9a81f10-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81f13-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81f16-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81f19-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81f1c-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81f1f-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81f22-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81f25-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81f28-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81f2b-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81f2e-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81f31-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81f34-e478bf5f" class="block grid-label"><h4>A5</h4></div><div id="w-node-d4aae9a81f37-e478bf5f" class="block grid-label"><h4>B5</h4></div><div id="w-node-d4aae9a81f3a-e478bf5f" class="block grid-label"><h4>C5</h4></div></div></div><div class="item-holder"><div class="_4x2"><div id="w-node-d4aae9a81f3f-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81f42-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81f45-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81f48-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81f4b-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81f4e-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81f51-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81f54-e478bf5f" class="block grid-label"><h4>D2</h4></div></div></div><div class="item-holder"><div class="_4x3"><div id="w-node-d4aae9a81f59-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81f5c-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81f5f-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81f62-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81f65-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81f68-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81f6b-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81f6e-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81f71-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81f74-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81f77-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81f7a-e478bf5f" class="block grid-label"><h4>D3</h4></div></div></div><div class="item-holder"><div class="_4x4"><div id="w-node-d4aae9a81f7f-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81f82-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81f85-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81f88-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81f8b-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81f8e-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81f91-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81f94-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81f97-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81f9a-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81f9d-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81fa0-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81fa3-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81fa6-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81fa9-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81fac-e478bf5f" class="block grid-label"><h4>D4</h4></div></div></div><div class="item-holder"><div class="_4x5"><div id="w-node-d4aae9a81fb1-e478bf5f" class="block grid-label"></div><div id="w-node-d4aae9a81fb2-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81fb5-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81fb8-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81fbb-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81fbe-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a81fc1-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a81fc4-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a81fc7-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a81fca-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a81fcd-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a81fd0-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a81fd3-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a81fd6-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a81fd9-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a81fdc-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a81fdf-e478bf5f" class="block grid-label"><h4>D4</h4></div><div id="w-node-d4aae9a81fe2-e478bf5f" class="block grid-label"><h4>A5</h4></div><div id="w-node-d4aae9a81fe5-e478bf5f" class="block grid-label"><h4>B5</h4></div><div id="w-node-d4aae9a81fe8-e478bf5f" class="block grid-label"><h4>C5</h4></div><div id="w-node-d4aae9a81feb-e478bf5f" class="block grid-label"><h4>D5</h4></div></div></div><div class="item-holder"><div class="_5x2"><div id="w-node-d4aae9a81ff0-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a81ff3-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a81ff6-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a81ff9-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a81ffc-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a81fff-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a82002-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a82005-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a82008-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a8200b-e478bf5f" class="block grid-label"><h4>E2</h4></div></div></div><div class="item-holder"><div class="_5x3"><div id="w-node-d4aae9a82010-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a82013-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a82016-e478bf5f" class="block grid-label"><h4>C1</h4></div>
26<div id="w-node-d4aae9a82019-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a8201c-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a8201f-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a82022-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a82025-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a82028-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a8202b-e478bf5f" class="block grid-label"><h4>E2</h4></div><div id="w-node-d4aae9a8202e-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a82031-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a82034-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a82037-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a8203a-e478bf5f" class="block grid-label"><h4>E3</h4></div></div></div><div class="item-holder"><div class="_5x4"><div id="w-node-d4aae9a8203f-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a82042-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a82045-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a82048-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a8204b-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a8204e-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a82051-e478bf5f" class="block grid-label"><h4>E2</h4></div><div id="w-node-d4aae9a82054-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a82057-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a8205a-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a8205d-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a82060-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a82063-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a82066-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a82069-e478bf5f" class="block grid-label"><h4>E3</h4></div><div id="w-node-d4aae9a8206c-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a8206f-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a82072-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a82075-e478bf5f" class="block grid-label"><h4>E4</h4></div><div id="w-node-d4aae9a82078-e478bf5f" class="block grid-label"><h4>D4</h4></div></div></div><div class="item-holder"><div class="_5x5"><div id="w-node-d4aae9a8207d-e478bf5f" class="block grid-label"><h4>A1</h4></div><div id="w-node-d4aae9a82080-e478bf5f" class="block grid-label"><h4>B1</h4></div><div id="w-node-d4aae9a82083-e478bf5f" class="block grid-label"><h4>C1</h4></div><div id="w-node-d4aae9a82086-e478bf5f" class="block grid-label"><h4>D1</h4></div><div id="w-node-d4aae9a82089-e478bf5f" class="block grid-label"><h4>E1</h4></div><div id="w-node-d4aae9a8208c-e478bf5f" class="block grid-label"><h4>A2</h4></div><div id="w-node-d4aae9a8208f-e478bf5f" class="block grid-label"><h4>B2</h4></div><div id="w-node-d4aae9a82092-e478bf5f" class="block grid-label"><h4>C2</h4></div><div id="w-node-d4aae9a82095-e478bf5f" class="block grid-label"><h4>D2</h4></div><div id="w-node-d4aae9a82098-e478bf5f" class="block grid-label"><h4>E2</h4></div><div id="w-node-d4aae9a8209b-e478bf5f" class="block grid-label"><h4>A3</h4></div><div id="w-node-d4aae9a8209e-e478bf5f" class="block grid-label"><h4>B3</h4></div><div id="w-node-d4aae9a820a1-e478bf5f" class="block grid-label"><h4>C3</h4></div><div id="w-node-d4aae9a820a4-e478bf5f" class="block grid-label"><h4>D3</h4></div><div id="w-node-d4aae9a820a7-e478bf5f" class="block grid-label"><h4>E3</h4></div><div id="w-node-d4aae9a820aa-e478bf5f" class="block grid-label"><h4>A4</h4></div><div id="w-node-d4aae9a820ad-e478bf5f" class="block grid-label"><h4>B4</h4></div><div id="w-node-d4aae9a820b0-e478bf5f" class="block grid-label"><h4>C4</h4></div><div id="w-node-d4aae9a820b3-e478bf5f" class="block grid-label"><h4>D4</h4></div><div id="w-node-d4aae9a820b6-e478bf5f" class="block grid-label"><h4>E4</h4></div><div id="w-node-d4aae9a820b9-e478bf5f" class="block grid-label"><h4>A5</h4></div><div id="w-node-d4aae9a820bc-e478bf5f" class="block grid-label"><h4>B5</h4></div><div id="w-node-d4aae9a820bf-e478bf5f" class="block grid-label"><h4>C5</h4></div><div id="w-node-d4aae9a820c2-e478bf5f" class="block grid-label"><h4>D5</h4></div><div id="w-node-d4aae9a820c5-e478bf5f" class="block grid-label"><h4>E5</h4></div></div></div></div><div class="inner-padding _20"><div class="item-holder smallheight"><div class="_1x2"><div id="w-node-d4aae9a820cb-e478bf5f" class="block"></div><div id="w-node-d4aae9a820cc-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_1x3"><div id="w-node-d4aae9a820cf-e478bf5f" class="block"></div><div id="w-node-d4aae9a820d0-e478bf5f" class="block"></div><div id="w-node-d4aae9a820d1-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_1x4"><div id="w-node-d4aae9a820d4-e478bf5f" class="block"></div><div id="w-node-d4aae9a820d5-e478bf5f" class="block"></div><div id="w-node-d4aae9a820d6-e478bf5f" class="block"></div><div id="w-node-d4aae9a820d7-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_1x5"><div id="w-node-d4aae9a820da-e478bf5f" class="block"></div><div id="w-node-d4aae9a820db-e478bf5f" class="block"></div><div id="w-node-d4aae9a820dc-e478bf5f" class="block"></div><div id="w-node-d4aae9a820dd-e478bf5f" class="block"></div><div id="w-node-d4aae9a820de-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_2x2"><div id="w-node-d4aae9a820e1-e478bf5f" class="block"></div><div id="w-node-d4aae9a820e2-e478bf5f" class="block"></div><div id="w-node-d4aae9a820e3-e478bf5f" class="block"></div><div id="w-node-d4aae9a820e4-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_2x3"><div id="w-node-d4aae9a820e7-e478bf5f" class="block"></div><div id="w-node-d4aae9a820e8-e478bf5f" class="block"></div><div id="w-node-d4aae9a820e9-e478bf5f" class="block"></div><div id="w-node-d4aae9a820ea-e478bf5f" class="block"></div><div id="w-node-d4aae9a820eb-e478bf5f" class="block"></div><div id="w-node-d4aae9a820ec-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_3x2"><div id="w-node-d4aae9a820ef-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f0-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f1-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f2-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f3-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f4-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_3x3"><div id="w-node-d4aae9a820f7-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f8-e478bf5f" class="block"></div><div id="w-node-d4aae9a820f9-e478bf5f" class="block"></div><div id="w-node-d4aae9a820fa-e478bf5f" class="block"></div><div id="w-node-d4aae9a820fb-e478bf5f" class="block"></div><div id="w-node-d4aae9a820fc-e478bf5f" class="block"></div><div id="w-node-d4aae9a820fd-e478bf5f" class="block"></div><div id="w-node-d4aae9a820fe-e478bf5f" class="block"></div><div id="w-node-d4aae9a820ff-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_3x4"><div id="w-node-d4aae9a82102-e478bf5f" class="block"></div><div id="w-node-d4aae9a82103-e478bf5f" class="block"></div><div id="w-node-d4aae9a82104-e478bf5f" class="block"></div><div id="w-node-d4aae9a82105-e478bf5f" class="block"></div><div id="w-node-d4aae9a82106-e478bf5f" class="block"></div><div id="w-node-d4aae9a82107-e478bf5f" class="block"></div><div id="w-node-d4aae9a82108-e478bf5f" class="block"></div><div id="w-node-d4aae9a82109-e478bf5f" class="block"></div><div id="w-node-d4aae9a8210a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8210b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8210c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8210d-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_3x5"><div id="w-node-d4aae9a82110-e478bf5f" class="block"></div><div id="w-node-d4aae9a82111-e478bf5f" class="block"></div><div id="w-node-d4aae9a82112-e478bf5f" class="block"></div><div id="w-node-d4aae9a82113-e478bf5f" class="block"></div><div id="w-node-d4aae9a82114-e478bf5f" class="block"></div><div id="w-node-d4aae9a82115-e478bf5f" class="block"></div><div id="w-node-d4aae9a82116-e478bf5f" class="block"></div><div id="w-node-d4aae9a82117-e478bf5f" class="block"></div><div id="w-node-d4aae9a82118-e478bf5f" class="block"></div><div id="w-node-d4aae9a82119-e478bf5f" class="block"></div><div id="w-node-d4aae9a8211a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8211b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8211c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8211d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8211e-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_4x2"><div id="w-node-d4aae9a82121-e478bf5f" class="block"></div><div id="w-node-d4aae9a82122-e478bf5f" class="block"></div><div id="w-node-d4aae9a82123-e478bf5f" class="block"></div><div id="w-node-d4aae9a82124-e478bf5f" class="block"></div><div id="w-node-d4aae9a82125-e478bf5f" class="block"></div><div id="w-node-d4aae9a82126-e478bf5f" class="block"></div><div id="w-node-d4aae9a82127-e478bf5f" class="block"></div><div id="w-node-d4aae9a82128-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_4x3"><div id="w-node-d4aae9a8212b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8212c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8212d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8212e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8212f-e478bf5f" class="block"></div><div id="w-node-d4aae9a82130-e478bf5f" class="block"></div><div id="w-node-d4aae9a82131-e478bf5f" class="block"></div><div id="w-node-d4aae9a82132-e478bf5f" class="block"></div><div id="w-node-d4aae9a82133-e478bf5f" class="block"></div><div id="w-node-d4aae9a82134-e478bf5f" class="block"></div><div id="w-node-d4aae9a82135-e478bf5f" class="block"></div><div id="w-node-d4aae9a82136-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_4x4"><div id="w-node-d4aae9a82139-e478bf5f" class="block"></div><div id="w-node-d4aae9a8213a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8213b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8213c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8213d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8213e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8213f-e478bf5f" class="block"></div><div id="w-node-d4aae9a82140-e478bf5f" class="block"></div><div id="w-node-d4aae9a82141-e478bf5f" class="block"></div><div id="w-node-d4aae9a82142-e478bf5f" class="block"></div><div id="w-node-d4aae9a82143-e478bf5f" class="block"></div><div id="w-node-d4aae9a82144-e478bf5f" class="block"></div><div id="w-node-d4aae9a82145-e478bf5f" class="block"></div><div id="w-node-d4aae9a82146-e478bf5f" class="block"></div><div id="w-node-d4aae9a82147-e478bf5f" class="block"></div><div id="w-node-d4aae9a82148-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_4x5"><div id="w-node-d4aae9a8214b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8214c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8214d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8214e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8214f-e478bf5f" class="block"></div><div id="w-node-d4aae9a82150-e478bf5f" class="block"></div><div id="w-node-d4aae9a82151-e478bf5f" class="block"></div><div id="w-node-d4aae9a82152-e478bf5f" class="block"></div><div id="w-node-d4aae9a82153-e478bf5f" class="block"></div><div id="w-node-d4aae9a82154-e478bf5f" class="block"></div><div id="w-node-d4aae9a82155-e478bf5f" class="block"></div><div id="w-node-d4aae9a82156-e478bf5f" class="block"></div><div id="w-node-d4aae9a82157-e478bf5f" class="block"></div><div id="w-node-d4aae9a82158-e478bf5f" class="block"></div><div id="w-node-d4aae9a82159-e478bf5f" class="block"></div><div id="w-node-d4aae9a8215a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8215b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8215c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8215d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8215e-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_5x2"><div id="w-node-d4aae9a82161-e478bf5f" class="block"></div><div id="w-node-d4aae9a82162-e478bf5f" class="block"></div><div id="w-node-d4aae9a82163-e478bf5f" class="block"></div><div id="w-node-d4aae9a82164-e478bf5f" class="block"></div><div id="w-node-d4aae9a82165-e478bf5f" class="block"></div><div id="w-node-d4aae9a82166-e478bf5f" class="block"></div><div id="w-node-d4aae9a82167-e478bf5f" class="block"></div><div id="w-node-d4aae9a82168-e478bf5f" class="block"></div><div id="w-node-d4aae9a82169-e478bf5f" class="block"></div><div id="w-node-d4aae9a8216a-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_5x3"><div id="w-node-d4aae9a8216d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8216e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8216f-e478bf5f" class="block"></div><div id="w-node-d4aae9a82170-e478bf5f" class="block"></div><div id="w-node-d4aae9a82171-e478bf5f" class="block"></div><div id="w-node-d4aae9a82172-e478bf5f" class="block"></div><div id="w-node-d4aae9a82173-e478bf5f" class="block"></div><div id="w-node-d4aae9a82174-e478bf5f" class="block"></div><div id="w-node-d4aae9a82175-e478bf5f" class="block"></div><div id="w-node-d4aae9a82176-e478bf5f" class="block"></div><div id="w-node-d4aae9a82177-e478bf5f" class="block"></div><div id="w-node-d4aae9a82178-e478bf5f" class="block"></div><div id="w-node-d4aae9a82179-e478bf5f" class="block"></div><div id="w-node-d4aae9a8217a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8217b-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_5x4"><div id="w-node-d4aae9a8217e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8217f-e478bf5f" class="block"></div><div id="w-node-d4aae9a82180-e478bf5f" class="block"></div><div id="w-node-d4aae9a82181-e478bf5f" class="block"></div><div id="w-node-d4aae9a82182-e478bf5f" class="block"></div><div id="w-node-d4aae9a82183-e478bf5f" class="block"></div>
26<div id="w-node-d4aae9a82184-e478bf5f" class="block"></div><div id="w-node-d4aae9a82185-e478bf5f" class="block"></div><div id="w-node-d4aae9a82186-e478bf5f" class="block"></div><div id="w-node-d4aae9a82187-e478bf5f" class="block"></div><div id="w-node-d4aae9a82188-e478bf5f" class="block"></div><div id="w-node-d4aae9a82189-e478bf5f" class="block"></div><div id="w-node-d4aae9a8218a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8218b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8218c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8218d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8218e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8218f-e478bf5f" class="block"></div><div id="w-node-d4aae9a82190-e478bf5f" class="block"></div><div id="w-node-d4aae9a82191-e478bf5f" class="block"></div></div></div><div class="item-holder smallheight"><div class="_5x5"><div id="w-node-d4aae9a82194-e478bf5f" class="block"></div><div id="w-node-d4aae9a82195-e478bf5f" class="block"></div><div id="w-node-d4aae9a82196-e478bf5f" class="block"></div><div id="w-node-d4aae9a82197-e478bf5f" class="block"></div><div id="w-node-d4aae9a82198-e478bf5f" class="block"></div><div id="w-node-d4aae9a82199-e478bf5f" class="block"></div><div id="w-node-d4aae9a8219a-e478bf5f" class="block"></div><div id="w-node-d4aae9a8219b-e478bf5f" class="block"></div><div id="w-node-d4aae9a8219c-e478bf5f" class="block"></div><div id="w-node-d4aae9a8219d-e478bf5f" class="block"></div><div id="w-node-d4aae9a8219e-e478bf5f" class="block"></div><div id="w-node-d4aae9a8219f-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a0-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a1-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a2-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a3-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a4-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a5-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a6-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a7-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a8-e478bf5f" class="block"></div><div id="w-node-d4aae9a821a9-e478bf5f" class="block"></div><div id="w-node-d4aae9a821aa-e478bf5f" class="block"></div><div id="w-node-d4aae9a821ab-e478bf5f" class="block"></div><div id="w-node-d4aae9a821ac-e478bf5f" class="block"></div></div></div></div><div id="Icons" class="section half color"><h1 class="white-text-header">Icons Sites</h1></div><div class="inner-padding _20"><div class="item-holder full-width"><div class="_1x3 small"><a id="w-node-4fd632a57aa8-e478bf5f" href="https://material.io/tools/icons/?style=baseline" class="bg full-img _1 w-inline-block"></a><a id="w-node-4fd632a57aa9-e478bf5f" href="https://www.flaticon.com/" class="bg full-img _3 w-inline-block"></a><a id="w-node-4fd632a57aaa-e478bf5f" href="https://www.iconfinder.com/" class="bg full-img _4 w-inline-block"></a></div></div></div><div id="Sections" class="section half color"><h1 class="white-text-header">Sections</h1></div><div class="element-wrap"><div class="element"><div class="hero"><h1 class="hero-heading">This is a wonderful heading</h1><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button</a></div></div><div class="element-info"><div class="element-title">Simple Hero</div></div></div><div class="element-wrap"><div class="element"><div class="hero relative"><div class="bg color absolute"><h1 class="hero-heading">This is a wonderful heading</h1><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button</a></div></div></div><div class="element-info"><div class="element-title">Structured hero</div></div></div><div class="element-wrap"><div class="element"><div class="hero relative"><div class="bg coverimg absolute"><div class="bg color absolute overlay"></div><h1 class="hero-heading">This is a wonderful heading</h1><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button</a></div></div></div><div class="element-info"><div class="element-title">structured hero + bg image</div></div></div><div class="element-wrap"><div class="element"><div class="hero relative"><div class="bg coverimg absolute left-align"><h1 class="hero-heading left-align">This is a wonderful heading</h1><p class="subhead left-align">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button</a></div><div class="bg color absolute overlay"></div></div></div><div class="element-info"><div class="element-title">structured hero + left align content + BG Image</div></div></div><div class="element-wrap"><div class="element"><div class="section-2"><div class="container-3"><div class="section-half text adjust"><h2 class="section-heading">This is a really wonderful heading in a section</h2><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button Text</a></div></div><div class="section-half image"><img src="https://uploads-ssl.webflow.com/5c2e884db3e66882c812fb32/5c2e884db3e668ea5a12fb3a_graphic.svg" width="232" alt=""/></div></div></div><div class="element-info"><div class="element-title">
26Simple Hero with text and Image</div></div></div><div class="element-wrap"><div class="element"><div class="section-2"><div class="container-3"><div class="section-half text"><h2 class="section-heading">This is a really wonderful heading in a section</h2><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button Text</a></div><div class="section-half image bg"></div></div></div></div><div class="element-info"><div class="element-title">Simple Hero with text and BG Image</div></div></div><div class="element-wrap"><div class="element"><div class="section-2"><div class="container-3"><div class="section-half text"><h2 class="section-heading">This is a really wonderful heading in a section</h2><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Button Text</a></div><div class="section-half image bg overlay"><img src="https://uploads-ssl.webflow.com/5c2e884db3e66882c812fb32/5c2e884db3e668ea5a12fb3a_graphic.svg" width="232" alt=""/></div></div></div></div><div class="element-info"><div class="element-title">Simple Hero with Structured text + BG Image + Overlay</div></div></div><div class="element-wrap"><div class="element"><div class="section-2"><div class="container-3"><div class="section-half image"><img src="https://uploads-ssl.webflow.com/5c2e884db3e66882c812fb32/5c2e884db3e668ea5a12fb3a_graphic.svg" width="232" alt=""/></div><div class="section-half text"><h2 class="section-heading">This is a really wonderful heading in a section</h2><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><a href="#" class="button-2 w-button">Learn More</a></div></div></div></div><div class="element-info"><div class="element-title">Simple Hero with text and Image [reversed]</div></div></div><div class="element-wrap"><div class="element"><div class="section-2"><div class="container-4"><div class="section-half image"><img src="https://uploads-ssl.webflow.com/5c2e884db3e66882c812fb32/5c2e884db3e668ea5a12fb3a_graphic.svg" width="232" alt=""/></div><div class="section-half-2 form"><h2 class="section-heading">Goats are odd</h2><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form"><label for="Name" class="label">Name</label><input type="text" class="input w-input" maxlength="256" name="Name" data-name="Name" placeholder="Joe Glow" id="Name"/><label for="email" class="label">Email Address</label><input type="text" class="input w-input" maxlength="256" name="email-2" data-name="Email 2" placeholder="[email protected]" id="email-2" required=""/><label for="Input-Field" class="label">Message</label><textarea id="Input-Field" name="Input-Field" placeholder="Waddup playa" maxlength="5000" data-name="Input Field" class="input textarea w-input"></textarea><input type="submit" value="Call to action" data-wait="Please wait..." class="button-2 w-button"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div><div class="element-info"><div class="element-title">Simple Hero + Image + Contact Form</div></div></div><div class="element-wrap"><div class="element"><div class="section-2 cards-section"><div class="cards"><div class="cards-inner"><div class="card-wrap"><a href="#" class="card-2 w-inline-block"><img src="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48ce7d61e5496c7978bf4c_graphic.svg" width="39" alt=""/><h3 class="card-title">Heading</h3><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 class="card-link">Link text</div></a><div class="card-shadow"></div></div><div class="card-wrap"><a href="#" class="card-2 w-inline-block">
26<img src="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48ce7d61e5496c7978bf4c_graphic.svg" width="39" alt=""/><h3 class="card-title">Heading</h3><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 class="card-link">Link text</div></a><div class="card-shadow"></div></div><div class="card-wrap"><a href="#" class="card-2 w-inline-block"><img src="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/5c48ce7d61e5496c7978bf4c_graphic.svg" width="39" alt=""/><h3 class="card-title">Heading</h3><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 class="card-link">Link text</div></a><div class="card-shadow"></div></div></div></div></div></div><div class="element-info"><div class="element-title">Three-card section</div></div></div><div id="Other" class="section half color"><h1 class="white-text-header">GENERAL</h1></div><div class="element-wrap"><div class="element"><div><h1 class="hero-heading">Header</h1><p class="subhead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristiqu uis cursus, mi quis viverr.</p></div></div><div class="element-info"><div class="element-title">Simple Element</div></div></div><div class="element-wrap"><div class="element"><div class="item-holder"></div></div><div class="element-info"><div class="element-title">Element holder</div></div></div><div data-w-id="0f8bc828-2e6d-ea72-d06c-3a8b53f420ee" style="opacity:0;display:none" class="loadcover"><div class="loader-graphic"></div></div></div></div><div class="w-embed"><style> 27body {-webkit-font-smoothing: antialiased; } 28</style></div><div class="scroller"></div>
28<script src="https://d1tdp7z6w94jbb.cloudfront.net/js/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
28<script src="https://uploads-ssl.webflow.com/5c48ce7d61e549643778bf37/js/webflow.72631365f.js" type="text/javascript"></script>
28<!--[if lte IE 9]>
28<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
28<![endif]--></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.