first commit

This commit is contained in:
armansansd
2023-07-12 16:31:19 +01:00
commit 3424b1927b
23306 changed files with 2217776 additions and 0 deletions
+188
View File
@@ -0,0 +1,188 @@
<div class="docs-nav" id="docs-menu">
<!--
<ul class="docs-nav-version-container">
<li class="docs-nav-version">
<a href="https://github.com/zurb/foundation-sites/releases/" target="_blank">Changelog</a>
</li>
</ul>
-->
<ul class="accordion docs-nav-category" data-accordion data-allow-all-closed="true" data-multi-expand="true">
<a class="docs-expand-all" data-expand-all="true"></a>
<li class="accordion-item {{#ifpage 'index' 'installation' 'starter-projects' 'compatibility' 'accessibility' 'kitchen-sink'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Getting Started</a>
<div class="accordion-content {{#ifpage 'index' 'installation' 'starter-projects' 'compatibility' 'accessibility' 'kitchen-sink'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'index'}} class="current"{{/ifpage}}><a href="index.html">Welcome</a></li>
<li{{#ifpage 'installation'}} class="current"{{/ifpage}}><a href="installation.html">Installation</a></li>
<li{{#ifpage 'starter-projects'}} class="current"{{/ifpage}}><a href="starter-projects.html">Starter Projects</a></li>
<li{{#ifpage 'compatibility'}} class="current"{{/ifpage}}><a href="compatibility.html">Compatibility</a></li>
<li{{#ifpage 'accessibility'}} class="current"{{/ifpage}}><a href="accessibility.html">Accessibility</a></li>
<li{{#ifpage 'kitchen-sink'}} class="current"{{/ifpage}}><a href="kitchen-sink.html">Kitchen Sink</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'global' 'rtl' 'flexbox-mode' 'sass' 'javascript' 'javascript-utilities' 'media-queries'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Setup</a>
<div class="accordion-content {{#ifpage 'global' 'rtl' 'flexbox-mode' 'sass' 'javascript' 'javascript-utilities' 'media-queries'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'global'}} class="current"{{/ifpage}}><a href="global.html">Global Styles</a></li>
<li{{#ifpage 'rtl'}} class="current"{{/ifpage}}><a href="rtl.html">Right-to-Left Support</a></li>
<li{{#ifpage 'flexbox-mode'}} class="current"{{/ifpage}}><a href="flexbox-mode.html">Flexbox Mode</a></li>
<li{{#ifpage 'sass'}} class="current"{{/ifpage}}><a href="sass.html">Sass</a></li>
<li{{#ifpage 'javascript'}} class="current"{{/ifpage}}><a href="javascript.html">JavaScript</a></li>
<li{{#ifpage 'javascript-utilities'}} class="current"{{/ifpage}}><a href="javascript-utilities.html">JavaScript Utilities</a></li>
<li{{#ifpage 'media-queries'}} class="current"{{/ifpage}}><a href="media-queries.html">Media Queries</a> <span class="label">JS</span></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'xy-grid' 'grid' 'flex-grid' 'forms'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">General</a>
<div class="accordion-content {{#ifpage 'xy-grid' 'grid' 'flex-grid' 'forms'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'xy-grid'}} class="current"{{/ifpage}}><a href="xy-grid.html">XY Grid <span class="label">New</span></a></li>
<li{{#ifpage 'grid'}} class="current"{{/ifpage}}><a href="grid.html">Float Grid<span class="label">Legacy</span></a></li>
<li{{#ifpage 'flex-grid'}} class="current"{{/ifpage}}><a href="flex-grid.html">Flex Grid<span class="label">Legacy</span></a></li>
<li{{#ifpage 'forms'}} class="current"{{/ifpage}}><a href="forms.html">Forms</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'prototyping-utilities' 'flexbox-utilities' 'visibility' 'float-classes'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Utilities</a>
<div class="accordion-content {{#ifpage 'prototyping-utilities' 'flexbox-utilities' 'visibility' 'float-classes'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'prototyping-utilities'}} class="current"{{/ifpage}}><a href="prototyping-utilities.html">Prototyping Utilities</a></li>
<li{{#ifpage 'flexbox-utilities'}} class="current"{{/ifpage}}><a href="flexbox-utilities.html">Flexbox Utilities</a></li>
<li{{#ifpage 'visibility'}} class="current"{{/ifpage}}><a href="visibility.html">Visibility Classes</a></li>
<li{{#ifpage 'float-classes'}} class="current"{{/ifpage}}><a href="float-classes.html">Float Classes</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'typography-base' 'typography-helpers'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Typography</a>
<div class="accordion-content {{#ifpage 'typography-base' 'typography-helpers'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'typography-base'}} class="current"{{/ifpage}}><a href="typography-base.html">Base Styles</a></li>
<li{{#ifpage 'typography-helpers'}} class="current"{{/ifpage}}><a href="typography-helpers.html">Helper Classes</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'button' 'button-group' 'close-button' 'slider' 'switch'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Controls</a>
<div class="accordion-content {{#ifpage 'button' 'button-group' 'close-button' 'slider' 'switch'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'button'}} class="current"{{/ifpage}}><a href="button.html">Button</a></li>
<li{{#ifpage 'button-group'}} class="current"{{/ifpage}}><a href="button-group.html">Button Group</a></li>
<li{{#ifpage 'close-button'}} class="current"{{/ifpage}}><a href="close-button.html">Close Button</a></li>
<li{{#ifpage 'slider'}} class="current"{{/ifpage}}><a href="slider.html">Slider <span class="label">JS</span></a></li>
<li{{#ifpage 'switch'}} class="current"{{/ifpage}}><a href="switch.html">Switch</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'navigation' 'menu' 'dropdown-menu' 'drilldown-menu' 'accordion-menu' 'top-bar' 'responsive-navigation' 'magellan' 'pagination' 'breadcrumbs'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Navigation</a>
<div class="accordion-content {{#ifpage 'navigation' 'menu' 'dropdown-menu' 'drilldown-menu' 'accordion-menu' 'top-bar' 'responsive-navigation' 'magellan' 'pagination' 'breadcrumbs'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'menu'}} class="current"{{/ifpage}}><a href="menu.html">Menu</a></li>
<li{{#ifpage 'dropdown-menu'}} class="current"{{/ifpage}}><a href="dropdown-menu.html">Dropdown Menu <span class="label">JS</span></a></li>
<li{{#ifpage 'drilldown-menu'}} class="current"{{/ifpage}}><a href="drilldown-menu.html">Drilldown Menu <span class="label">JS</span></a></li>
<li{{#ifpage 'accordion-menu'}} class="current"{{/ifpage}}><a href="accordion-menu.html">Accordion Menu <span class="label">JS</span></a></li>
<li{{#ifpage 'top-bar'}} class="current"{{/ifpage}}><a href="top-bar.html">Top Bar</a></li>
<li{{#ifpage 'responsive-navigation'}} class="current"{{/ifpage}}><a href="responsive-navigation.html">Responsive Navigation</a></li>
<li{{#ifpage 'magellan'}} class="current"{{/ifpage}}><a href="magellan.html">Magellan <span class="label">JS</span></a></li>
<li{{#ifpage 'pagination'}} class="current"{{/ifpage}}><a href="pagination.html">Pagination</a></li>
<li{{#ifpage 'breadcrumbs'}} class="current"{{/ifpage}}><a href="breadcrumbs.html">Breadcrumbs</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'accordion' 'callout' 'card' 'dropdown' 'media-object' 'off-canvas' 'reveal' 'table' 'tabs' 'responsive-accordion-tabs'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Containers</a>
<div class="accordion-content {{#ifpage 'accordion' 'callout' 'card' 'dropdown' 'media-object' 'off-canvas' 'reveal' 'table' 'tabs' 'responsive-accordion-tabs'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'accordion'}} class="current"{{/ifpage}}><a href="accordion.html">Accordion <span class="label">JS</span></a></li>
<li{{#ifpage 'callout'}} class="current"{{/ifpage}}><a href="callout.html">Callout</a></li>
<li{{#ifpage 'card'}} class="current"{{/ifpage}}><a href="card.html">Card</a></li>
<li{{#ifpage 'dropdown'}} class="current"{{/ifpage}}><a href="dropdown.html">Dropdown <span class="label">JS</span></a></li>
<li{{#ifpage 'media-object'}} class="current"{{/ifpage}}><a href="media-object.html">Media Object</a></li>
<li{{#ifpage 'off-canvas'}} class="current"{{/ifpage}}><a href="off-canvas.html">Off-canvas <span class="label">JS</span></a></li>
<li{{#ifpage 'reveal'}} class="current"{{/ifpage}}><a href="reveal.html">Reveal <span class="label">JS</span> <small>Modal</small></a></li>
<li{{#ifpage 'table'}} class="current"{{/ifpage}}><a href="table.html">Table</a></li>
<li{{#ifpage 'tabs'}} class="current"{{/ifpage}}><a href="tabs.html">Tabs <span class="label">JS</span></a></li>
<li{{#ifpage 'responsive-accordion-tabs'}} class="current"{{/ifpage}}><a href="responsive-accordion-tabs.html">Responsive Accordion Tabs<span class="label">JS</span></a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'badge' 'responsive-embed' 'label' 'orbit' 'progress-bar' 'thumbnail' 'tooltip'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Media</a>
<div class="accordion-content {{#ifpage 'badge' 'responsive-embed' 'label' 'orbit' 'progress-bar' 'thumbnail' 'tooltip'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'badge'}} class="current"{{/ifpage}}><a href="badge.html">Badge</a></li>
<li{{#ifpage 'responsive-embed'}} class="current"{{/ifpage}}><a href="responsive-embed.html">Responsive Embed</a></li>
<li{{#ifpage 'label'}} class="current"{{/ifpage}}><a href="label.html">Label</a></li>
<li{{#ifpage 'orbit'}} class="current"{{/ifpage}}><a href="orbit.html">Orbit <span class="label">JS</span> <small>Carousel</small></a></li>
<li{{#ifpage 'progress-bar'}} class="current"{{/ifpage}}><a href="progress-bar.html">Progress Bar</a></li>
<li{{#ifpage 'thumbnail'}} class="current"{{/ifpage}}><a href="thumbnail.html">Thumbnail</a></li>
<li{{#ifpage 'tooltip'}} class="current"{{/ifpage}}><a href="tooltip.html">Tooltip <span class="label">JS</span></a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'abide' 'equalizer' 'interchange' 'toggler' 'smooth-scroll' 'sticky'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Plugins</a>
<div class="accordion-content {{#ifpage 'abide' 'equalizer' 'interchange' 'toggler' 'smooth-scroll' 'sticky'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'abide'}} class="current"{{/ifpage}}><a href="abide.html">Abide <small>Form Validation</small></a></li>
<li{{#ifpage 'equalizer'}} class="current"{{/ifpage}}><a href="equalizer.html">Equalizer <small>Column Alignment</small></a></li>
<li{{#ifpage 'interchange'}} class="current"{{/ifpage}}><a href="interchange.html">Interchange <small>Responsive Content</small></a></li>
<li{{#ifpage 'toggler'}} class="current"{{/ifpage}}><a href="toggler.html">Toggler <small>CSS Helper</small></a></li>
<li{{#ifpage 'smooth-scroll'}} class="current"{{/ifpage}}><a href="smooth-scroll.html">Smooth Scroll <small>Navigation</small></a></li>
<li{{#ifpage 'sticky'}} class="current"{{/ifpage}}><a href="sticky.html">Sticky <small>Header/Sidebar</small></a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'sass-functions' 'sass-mixins'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Sass</a>
<div class="accordion-content {{#ifpage 'sass-functions' 'sass-mixins'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'sass-functions'}} class="current"{{/ifpage}}><a href="sass-functions.html">Functions</a></li>
<li{{#ifpage 'sass-mixins'}} class="current"{{/ifpage}}><a href="sass-mixins.html">Mixins</a></li>
</ul>
</div>
</li>
<li class="accordion-item {{#ifpage 'motion-ui' 'panini' 'style-sherpa'}}is-active{{/ifpage}}" data-accordion-item>
<a href="#" class="accordion-title">Libraries</a>
<div class="accordion-content {{#ifpage 'motion-ui' 'panini' 'style-sherpa'}}is-active{{/ifpage}}" data-tab-content>
<ul class="docs-nav-subcategory">
<li{{#ifpage 'motion-ui'}} class="current"{{/ifpage}}><a href="motion-ui.html">Motion UI</a></li>
<li{{#ifpage 'panini'}} class="current"{{/ifpage}}><a href="panini.html">Panini</a></li>
<li{{#ifpage 'style-sherpa'}} class="current"{{/ifpage}}><a href="style-sherpa.html">Style Sherpa</a></li>
</ul>
</div>
</li>
<li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title">Older Versions</a>
<div class="accordion-content" data-tab-content>
<ul class="docs-nav-subcategory">
<li><a href="http://foundation.zurb.com/sites/docs/v/5.5.3/index.html">Foundation 5</a></li>
<li><a href="http://foundation.zurb.com/sites/docs/v/4.3.2/index.html">Foundation 4</a></li>
<li><a href="http://foundation.zurb.com/sites/docs/v/3.2.5/">Foundation 3</a></li>
<li><a href="http://foundation.zurb.com/sites/docs/v/2.2.1/">Foundation 2</a></li>
</ul>
</div>
</li>
</ul>
</div>
+11
View File
@@ -0,0 +1,11 @@
{{#ifequal type 'with-video'}}
<div class="docs-video-codepen-container">
<a class="" data-open-video="{{video-time}}"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
<a class="codepen-logo-link" href="{{codepen-link}}" target="_blank"><img src="{{root}}assets/img/logos/cp1.svg" class="" height="" width="" alt="edit on codepen button"></a>
</div>
{{/ifequal}}
{{#ifequal type 'codepen-only'}}
<a class="codepen-logo-link" href="{{codepen-link}}" target="_blank"><img src="{{root}}assets/img/logos/cp1.svg" class="" height="" width="" alt="edit on codepen button"></a>
{{/ifequal}}
+45
View File
@@ -0,0 +1,45 @@
<section class="footer-contact">
<div class="row align-center">
<div class="small-12 column text-center">
<h5 class="homepage-section-subtitle lighter hide-me">Register Today</h5>
<span class="homepage-section-subtitle-divider lighter small-centered hide-me"></span>
<h1 class="homepage-section-title hide-me">Get all the answers in our <br><!-- August 8th --><a class="hyperlink" href="http://zurb.com/university/courses">Foundation Classes</a></h1>
</div>
<div class="small-11 medium-10 large-9 column text-center small-centered">
<p class="homepage-section-desc hide-me">Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.</p>
</div>
<div class="small-11 medium-8 large-5 column footer-contact-form small-centered" style="position:relative;">
<!-- <form class="request-form" action="https://zurb.com/api/mail/zurbmail" id="requestCourseInformation" method="post">
<div class="row">
<div class="small-12 column">
<label for="fieldName">Name</label>
<input id="fieldName" type="text" class="getinfo" required maxlength="40" name="name" />
</div>
<div class="small-12 medium-6 column">
<label for="fieldCompany">Company</label>
<input id="fieldCompany" type="text" class="getinfo" required maxlength="40" name="Company" />
</div>
<div class="small-12 medium-6 column">
<label for="fieldEmail">Email Address</label>
<input id="fieldEmail" type="email" class="getinfo" required maxlength="100" name="email" />
</div>
<div class="small-12 column">
<label for="fieldText">Ask us about our upcoming trainings</label>
<textarea class="getinfo" required id="fieldText" name="description"></textarea>
</div>
<div class="small-12 column form-contact-form-button">
<button type="submit" id="SubmitButton" class="expanded large button home-form-submit-button">Contact Us</button>
<p class="text-center">Or if you prefer, contact the Foundation Team at <a class="text-link" href="mailto:foundation@zurb.com">training@zurb.com</a> or (408) 341-0600 x635</p>
</div>
</div>
<input type="hidden" name="_after" value="https://foundation.zurb.com/get-involved/thanks.html">
<input type="hidden" name="_replyto" value="%email">
<input type="hidden" name="_subject" value="ZURB | Foundation Training Inquiry">
<input type="hidden" name="_to" value="foundation@zurb.com">
</form> -->
<a href="https://zurb.com/university/courses" class="expanded large button home-form-submit-button">See Upcoming Classes</a>
<p class="text-center">Or if you prefer, contact the Foundation Team at <a class="text-link" href="mailto:foundation@zurb.com">training@zurb.com</a> or (408) 341-0600 x635</p>
</div>
</div>
</section>
+40
View File
@@ -0,0 +1,40 @@
<footer class="footer-nav row expanded collapse">
<div class="footer-nav-left">
<p class="footer-copyright">© 19982019 ZURB, Inc.</p>
</div>
<div class="footer-nav-center">
<ul class="footer-nav-menu">
<li class="footer-nav-menu-item">
<a href="http://zurb.com/responsive">Showcase</a>
</li>
<li class="footer-nav-menu-item">
<a href="http://zurb.com/university/courses">Training</a>
</li>
<li class="footer-nav-menu-item">
<a href="http://foundation.zurb.com/develop/getting-started.html">Building Blocks</a>
</li>
<li class="footer-nav-menu-item">
<a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a>
</li>
<li class="footer-nav-menu-item">
<a href="http://foundation.zurb.com/sites/docs/">Docs</a>
</li>
</ul>
</div>
<div class="footer-nav-right">
<ul class="footer-nav-menu-icons">
<li class="footer-nav-menu-item">
<a href="{{root}}get-involved/support.html"><img class="footer-social-icon" src="{{root}}assets/img/icons/email-icon.svg" alt=""></a>
</li>
<li class="footer-nav-menu-item">
<a href="https://www.facebook.com/ZURB/"><img class="footer-social-icon" src="{{root}}assets/img/icons/facebook-icon.svg" alt=""></a>
</li>
<li class="footer-nav-menu-item">
<a href="https://twitter.com/ZURBfoundation"><img class="footer-social-icon" src="{{root}}assets/img/icons/twitter-icon.svg" alt=""></a>
</li>
<li class="footer-nav-menu-item">
<a href="https://www.youtube.com/user/zurb"><img class="footer-social-icon" src="{{root}}assets/img/icons/youtube-icon.svg" alt=""></a>
</li>
</ul>
</div>
</footer>
+6
View File
@@ -0,0 +1,6 @@
<!-- Info Banner For Announcements or Links -->
<!-- <a href="http://zurb.com/university/foundation-intro" class="docs-banner course-banner">
<div class="info">
<h5 class=""><strong>To master everything new in 6.4, along with the rest of Foundation register for our Aug 8th Webinar Class &rsaquo;</strong></h5>
</div>
</a> -->
+8
View File
@@ -0,0 +1,8 @@
<div class="global-nav-mobile-wrapper hide-for-smedium-up">
<button type="button" data-toggle="offCanvasLeft">
<img class="hamburger-icon" alt="Menu icon" src="{{root}}assets/img/icons/menu-grey.png">
</button>
<div class="global-nav-title">
<a class="zurb-logo" href="http://foundation.zurb.com/index.html">ZURB <strong>Foundation</strong></a>
</div>
</div>
+73
View File
@@ -0,0 +1,73 @@
<nav class="global-nav show-for-smedium">
<div class="global-nav-title">
<a class="zurb-logo" href="http://foundation.zurb.com/index.html">ZURB <strong>Foundation</strong></a>
</div>
<ul class="dropdown menu right-side" data-dropdown-menu data-click-open="true">
<li class="menu-item">
<a href="http://zurb.com/responsive">Showcase</a>
<ul class="menu">
<li><a href="http://zurb.com/responsive">Foundation Showcase</a></li>
<li><a href="http://foundation.zurb.com/showcase/brands.html">Brands</a></li>
<li><a href="http://foundation.zurb.com/showcase/case-studies.html">Case Studies</a></li>
<li><a href="http://foundation.zurb.com/showcase/blog.html">Blog</a></li>
<li><a href="http://foundation.zurb.com/showcase/buzz.html">Buzz</a></li>
<li><a href="http://foundation.zurb.com/showcase/about.html">About Foundation</a></li>
</ul>
</li>
<li class="menu-item">
<a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
<ul class="menu">
<li class="title">Frameworks</li>
<li><a href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
<li><a href="http://foundation.zurb.com/emails.html">Foundation for Email</a></li>
<li class="divider"></li>
<li class="title">Develop</li>
<li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
<li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
<li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
</ul>
</li>
<li class="menu-item">
<a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
<ul class="menu vertical">
<li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
<li><a href="http://zurb.com/university/lessons">Lessons</a></li>
<li><a href="http://zurb.com/university/courses">Courses</a></li>
<li><a href="http://zurb.com/university/training">Custom Training</a></li>
<li><a href="http://foundation.zurb.com/learn/certification.html">Certification</a></li>
<li><a href="http://foundation.zurb.com/learn/responsive-reading.html">Responsive Reading</a></li>
</ul>
</li>
<li class="menu-item">
<a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a>
<ul class="menu vertical">
<li><a href="http://foundation.zurb.com/get-involved/support.html">Connect</a></li>
<li><a href="http://foundation.zurb.com/get-involved/premium-support.html">PLZ Halp</a></li>
<li><a href="http://foundation.zurb.com/forum/">Foundation Forum</a></li>
<li><a href="http://foundation.zurb.com/learn/events.html">Events</a></li>
<li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li>
<li><a href="http://foundation.zurb.com/get-involved/contribute.html">Contribute</a></li>
<li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li>
<li><a href="http://foundation.zurb.com/get-involved/partners.html">Partners</a></li>
<li><a href="http://foundation.zurb.com/email-sponsorships.html">Sponsorships</a></li>
</ul>
</li>
<li class="menu-item">
<a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
<ul class="menu vertical">
<li><a target="_blank" href="http://foundation.zurb.com/sites/docs/">Sites Docs</a></li>
<li><a target="_blank" href="http://foundation.zurb.com/emails/docs">Emails Docs</a></li>
</ul>
</li>
<li class="menu-button"><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
</ul>
</nav>
+16
View File
@@ -0,0 +1,16 @@
<div class="newsletter-signup layout-{{layout}}">
<div class="row column medium-9 medium-columns">
<div class="row newsletter-signup-inner">
<div class="medium-7 large-8 columns">
<a href="http://foundation.zurb.com/learn/responsive-reading.html">
<h5 class="hide-for-medium-only">Download ZURBs 17 Responsive Trends That Will Shape 2017</h5>
<p>Stay informed with amazing responsive trends each month from ZURB.</p>
</a>
</div>
<div class="medium-5 large-4 footer-signup-form columns">
<a style="margin-bottom: 0;" href="http://foundation.zurb.com/learn/responsive-reading.html" class="button expanded">Download the PDF</a>
</div>
</div>
</div>
</div>
+98
View File
@@ -0,0 +1,98 @@
<div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas data-position="left">
<button class="close-button" aria-label="Close menu" type="button" data-close>
<span aria-hidden="true">&times;</span>
</button>
<ul class="mobile-ofc vertical menu">
<li>
<a href="http://zurb.com/responsive">Showcase</a>
<ul class="submenu menu vertical" data-submenu>
<li><a href="http://zurb.com/responsive">Foundation Showcase</a></li>
<li><a href="http://foundation.zurb.com/showcase/brands.html">Brands</a></li>
<li><a href="http://foundation.zurb.com/showcase/case-studies.html">Case Studies</a></li>
<li><a href="http://foundation.zurb.com/showcase/blog.html">Blog</a></li>
<li><a href="http://foundation.zurb.com/showcase/buzz.html">Buzz</a></li>
<li><a href="http://foundation.zurb.com/showcase/about.html">About Foundation</a></li>
</ul>
</li>
<li>
<a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
<ul class="submenu menu vertical" data-submenu>
<li class="title">Frameworks</li>
<li><a href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
<li><a href="http://foundation.zurb.com/emails.html">Foundation for Email</a></li>
<li class="divider"></li>
<li class="title">Develop</li>
<li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
<li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
<li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
<li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
</ul>
</li>
<li>
<a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
<ul class="submenu menu vertical" data-submenu>
<li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
<li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
<li><a href="http://foundation.zurb.com/learn/custom-training.html">Custom Training</a></li>
<li><a href="http://foundation.zurb.com/learn/certification.html">Certification</a></li>
<li><a href="http://foundation.zurb.com/learn/responsive-reading.html">Responsive Reading</a></li>
</ul>
</li>
<li>
<a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a>
<ul class="submenu menu vertical" data-submenu>
<li><a href="http://foundation.zurb.com/get-involved/support.html">Connect</a></li>
<li><a href="http://foundation.zurb.com/get-involved/premium-support.html">PLZ Halp</a></li>
<li><a href="http://foundation.zurb.com/forum/sort/unanswered">Foundation Forum</a></li>
<li><a href="http://foundation.zurb.com/learn/events.html">Events</a></li>
<li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li>
<li><a href="http://foundation.zurb.com/get-involved/contribute.html">Contribute</a></li>
<li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li>
</ul>
</li>
<li>
<a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
<ul class="submenu menu vertical" data-submenu>
<li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
<li><a href="http://zurb.com/ink/docs.php" target="_blank">Email Docs</a></li>
</ul>
</li>
<li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
</ul>
</div>
<div class="off-canvas position-right" id="offCanvasRight" data-off-canvas data-position="right">
<button class="close-button" aria-label="Close menu" type="button" data-close>
<span aria-hidden="true">&times;</span>
</button>
<ul class="vertical menu">
<li><a href="#">Foundation</a></li>
<li><a href="#">Dot</a></li>
<li><a href="#">ZURB</a></li>
<li><a href="#">Com</a></li>
<li><a href="#">Slash</a></li>
<li><a href="#">Sites</a></li>
</ul>
</div>
<div class="off-canvas position-top" id="offCanvasTop" data-off-canvas data-position="top">
<button class="close-button" aria-label="Close menu" type="button" data-close>
<span aria-hidden="true">&times;</span>
</button>
<ul class="mobile-ofc vertical menu">
<li><a href="#">Off-canvas</a></li>
<li><a href="#">Example</a></li>
<li><a href="#">Vertical</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">From</a></li>
<li><a href="#">The</a></li>
<li><a href="#">Top</a></li>
</ul>
</div>
+28
View File
@@ -0,0 +1,28 @@
<div class="collapse expanded row secondary-bar">
<div class="small-5 medium-3 large-2 columns">
<a target="_blank" href="https://github.com/zurb/foundation-sites/releases/" class="version-dropdown-label"><span class="foundation-version-label">Foundation for Sites</span><span class="foundation-version-number">6.5.3</span> <span class="changelog-link">changelog</span></a>
</div>
<div class="small-7 columns show-for-small-only">
<span class="search-button" data-toggle="inline-search"></span>
<a href="#" class="float-right small hollow button mobile-nav-button" data-open="navModal">Component List</a>
<div class="reveal nav-modal" id="navModal" data-reveal>
{{> component-list}}
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div id="inline-search" class="inline-search" data-toggler="expanded">
<input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
</div>
</div>
<div class="small-12 medium-9 large-10 columns show-for-medium docs-search-wrapper">
<input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
</div>
<div class="social-list show-for-medium">
<div class="github-button">
<a class="github-button" href="https://github.com/zurb/foundation-sites" data-size="large" data-count-aria-label="# stargazers on GitHub" aria-label="Star zurb/foundation-sites on GitHub">Star</a>
</div>
</div>
</div>
+3
View File
@@ -0,0 +1,3 @@
<h3 class="foundation-ad-header">{{ad_header}}</h3>
<p class="foundation-ad-body">{{ad_body}}</p>
<p class="foundation-cta"><a class="button button-primary" href="{{ad_link}}">{{ad_cta}}</a></p>
+3
View File
@@ -0,0 +1,3 @@
<div class="callout training-callout">
</div>