</div>
</div>
- <script>
- var _gaq = _gaq || [];
- _gaq.push(
- ['_setAccount', 'UA-2195009-2'],
- ['_trackPageview'],
- ['b._setAccount', 'UA-2195009-27'],
- ['b._trackPageview']
- );
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
<script src="assets/js/vendor.js"></script>
<!--
<script src="assets/js/foundation.js"></script>
<script src="assets/js/plugins/foundation.responsiveAccordionTabs.js"></script>
<script src="assets/js/docs.js"></script>
- <script type="text/javascript">
- !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
- n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
- n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
- t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
- document,'script','https://connect.facebook.net/en_US/fbevents.js');
-
- fbq('init', '585552368271130');
- fbq('track', "PageView");
- </script>
- <!-- Twitter universal website tag code -->
- <script>
- !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
- },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
- a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
- // Insert Twitter Pixel ID and Standard Event data below
- twq('init','nvkjx');
- twq('track','PageView');
- </script>
- <!-- End Twitter universal website tag code -->
-
</body>
</html>
## New to Foundation for Sites?
-<!-- <div class="callout training-callout">
- <p>The number one way to learn your way around Foundation and start mastering responsive web development is via the training courses offered by the ZURB team.</p>
- <a class="button" href="https://zurb.com/university/foundation-intro" target="_blank">Check out the next Foundation training →</a>
-</div> -->
-
With an easy to understand syntax and consistent structure, you'll learn your way around Foundation in no time!
<ul class="accordion welcome-accordion" data-accordion data-allow-all-closed="true">
<img src="https://i3.ytimg.com/vi/3Uj74uJ3GSQ/maxresdefault.jpg" class="" height="" width="" alt="">
</div>
<div class="cell medium-8">
- <h5>Foundation Starter Projects - ZURB Stack</h5>
- <p>This video will take you through downloading and getting started with the Foundation ZURB stack.</p>
+ <h5>Foundation Starter Projects</h5>
+ <p>This video will take you through downloading and getting started with the Foundation stack.</p>
<span class="accordion-content-item-cta"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="" height="" width="" alt=""> Watch Video</span>
</div>
</div>
</div>
</a>
- <!-- <div class="grid-x grid-margin-x accordion-content-item">
- <div class="cell medium-4 accordion-content-item-thumbnail">
- <div class="responsive-embed widescreen">
- <img src="https://placehold.it/300x300" class="" height="" width="" alt="">
- </div>
- </div>
- <div class="cell medium-8">
- <h5>Leverage the Power of Design for Your Business</h5>
- <p>With a robust ecosystem of community integrations, and the new Foundation Building Blocks, Foundation can help bridge the gap between your development team and your designers. Check out our free e-book on how you can use Foundation to leverage the power of design in your business.
- </p>
- <a target="_blank" href="#" class="accordion-content-item-cta">Learn More</a>
- </div>
- </div> -->
-
-
</div>
</li>
</div>
</div>
</a>
-
- <a target="_blank" href="https://zurb.com/university/foundation-intro">
- <div class="grid-x grid-margin-x accordion-content-item accordion-course-callout">
- <div class="cell medium-4 accordion-content-item-thumbnail">
- <img src="{{root}}assets/img/foundation-intro-class.jpg" style="height: 142px;">
- </div>
- <div class="cell medium-8">
- <h5>Live Webinar: Introduction to Foundation 6</h5>
- <p>Master Foundation ultra fast. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.</p>
- <span href="https://zurb.com/university/foundation-intro" class="accordion-content-item-cta">Learn More</span>
- </div>
- </div>
- </a>
</div>
</li>
<a href="#" class="accordion-title">Latest Foundation Updates</a>
<div class="accordion-content" data-tab-content>
- <a target="_blank" href="https://zurb.com/blog/foundation-6-4-a-new-grid-javascript-upgrades-and-slick-new-prototyping-mode">
- <div class="grid-x grid-margin-x accordion-content-item">
- <div class="cell medium-4 accordion-content-item-thumbnail">
- <img src="https://i3.ytimg.com/vi/vrvt9xMFjIE/maxresdefault.jpg" class="" height="" width="" alt="">
- </div>
- <div class="cell medium-8">
- <h5>Foundation 6.4.0 Update: A New Grid, JavaScript Upgrades, and Slick New Prototyping Mode</h5>
- <p>Foundation 6.4 has dropped and it is AWESOME. This new release is jampacked with some incredible new features that enable you to build layouts and designs with Foundation that weren’t possible before.</p>
- <span class="accordion-content-item-cta">Learn More</span>
- </div>
- </div>
- </a>
-
<a target="_blank" href="https://github.com/foundation/foundation-sites/releases/tag/6.3.1">
<div class="grid-x grid-margin-x accordion-content-item">
<div class="cell medium-4 accordion-content-item-thumbnail">
<a href="#" class="accordion-title">Building Blocks</a>
<div class="accordion-content" data-tab-content>
- <a target="_blank" href="https://zurb.com/article/1469/foundation-building-blocks-over-100-compo">
- <div class="grid-x grid-margin-x accordion-content-item">
- <div class="cell medium-4 accordion-content-item-thumbnail">
- <img src="https://i3.ytimg.com/vi/SmhGUT_N-jw/maxresdefault.jpg" class="" height="" width="" alt="">
- </div>
- <div class="cell medium-8">
- <h5>Foundation Building Blocks Accelerate Your Development</h5>
- <p>Building Blocks are coded UI components you can drop into any standard Foundation project. Building Blocks will help you rapidly accelerate your development time.</p>
- <span class="accordion-content-item-cta">Learn More</span>
- </div>
- </div>
- </a>
-
<a target="_blank" href="https://get.foundation/building-blocks/how-to.html">
<div class="grid-x grid-margin-x accordion-content-item">
<div class="cell medium-4 accordion-content-item-thumbnail">
<img src="https://i3.ytimg.com/vi/adLpmsU9v2g/maxresdefault.jpg" class="" height="" width="" alt="">
</div>
<div class="cell medium-8">
- <h5>How to Use ZURB Foundation's Building Blocks</h5>
+ <h5>How to Use Foundation's Building Blocks</h5>
<p>The Foundation team has cut your development time in half again with Foundation Building Blocks. In this tutorial we'll show you how to find the right building block and the way to install it that works best for you.</p>
<span class="accordion-content-item-cta">Learn More</span>
</div>