var topic = $('h1.docs-page-title').text();
var header = 'Master ' + topic;
var body = 'Get up to speed FAST, learn straight from the experts who built Foundation for Emails.';
- var link = 'http://zurb.com/university/responsive-emails-foundation?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Struggling&utm_campaign=Docs%20To%20Emails';
+ var link = 'https://zurb.com/university/responsive-emails-foundation?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Struggling&utm_campaign=Docs%20To%20Emails';
var cta = 'Learn More';
var html = '<div class="ad-unit"><h3 class="ad-unit-title">' + header + '</h3>' +
<section class="docs-building-blocks">
{{#heading 2 'building-blocks'}}Building Blocks using {{title}}{{/heading}}
- <p><a href="http://zurb.com/building-blocks">Building Blocks</a> is a ZURB-curated resource with useful code snippets that use Foundation components. Here are a few for this component:</p>
+ <p><a href="https://zurb.com/building-blocks">Building Blocks</a> is a ZURB-curated resource with useful code snippets that use Foundation components. Here are a few for this component:</p>
<div class="row up-1 medium-up-2 large-up-3" data-building-blocks>
<div class="off-canvas-content" data-off-canvas-content>
<!-- Info Banner For Announcements or Links -->
- <!-- <a href="http://zurb.com/article/1416/foundation-6-is-here" id="notice">
+ <!-- <a href="https://zurb.com/article/1416/foundation-6-is-here" id="notice">
<div class="info">
<h5>Foundation 6 is here!</h5>
</div>
);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ 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>
```inky_example
<center>
<menu>
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
</menu>
</center>
```
```html
<!-- Emails use the XHTML Strict doctype -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<!-- The character set should be utf-8 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Email clients like Gmail and Outlook strip out `<style>` tag from the `<head>` and Gmails strips it from the `<body>` of the email as well. It's best to have your CSS written inline within your markup. Hand writing all your CSS inline in a style tag would be a real pain and would take a long time.
-Our [web inliner](http://foundation.zurb.com/emails/inliner-v2.html) automates this process for you. To use it, paste in the contents of `index.html` into the HTML field, paste in the contents of `css/foundation-emails.css` into the CSS field, and then press "Inline!". Once it's done, you'll see a large soup of HTML that is your inlined email.
+Our [web inliner](https://get.foundation/emails/inliner-v2.html) automates this process for you. To use it, paste in the contents of `index.html` into the HTML field, paste in the contents of `css/foundation-emails.css` into the CSS field, and then press "Inline!". Once it's done, you'll see a large soup of HTML that is your inlined email.
Your email's CSS will include media queries for responsive styling which the inliner tool will move into the `<body>` so they are preserved.
You've successfully installed Foundation for Emails, and written, inlined, and tested your first email! To keep going with the framework, you can check out the documentation for the other framework components, including [buttons](button.html), [callouts](callout.html), [menus](menu.html).
-If you're interested in going in-depth on the framework with the Foundation team, [check out our master class on Foundation for Emails](http://zurb.com/university/responsive-emails-foundation), an on-demand video series that explores every aspect of email design workflow.
+If you're interested in going in-depth on the framework with the Foundation team, [check out our master class on Foundation for Emails](https://zurb.com/university/responsive-emails-foundation), an on-demand video series that explores every aspect of email design workflow.
```inky_example
<menu>
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
</menu>
```
```inky_example
<menu class="vertical">
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
</menu>
```
```inky_example
<menu class="small-vertical">
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
- <item href="http://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
+ <item href="https://zurb.com">Item</item>
</menu>
```
\ No newline at end of file
- **Streamlined and updated responsive grid:** We’ve simplified the markup in the new version so it’s faster and easier to code. The new responsive grid in Emails 2 requires fewer tags and classes. It’s also now responsive on Android Native!
- **Inky templating language:** With Inky you can write less code and get more done. The Inky language gets you out of tables and into a simpler, more web-like, HTML.
- **Built with Sass:** Now faster than ever, you can easily make sweeping visual changes to your email that reflect your brand styles - all within one settings file.
-- **ZURB Stack:** All kinds of task automation - [Panini](http://foundation.zurb.com/sites/docs/panini.html), our Handlebars templates, compiling Sass, BrowserSync, image compression, and auto inlining are built in to speed up your workflow.
+- **ZURB Stack:** All kinds of task automation - [Panini](https://get.foundation/sites/docs/panini.html), our Handlebars templates, compiling Sass, BrowserSync, image compression, and auto inlining are built in to speed up your workflow.
---
#### New Markup (Inky HTML)
```
-<button href="http://zurb.com"></button>
+<button href="https://zurb.com"></button>
```
Centering a button is easier now, just wrap the button with `<center>` tags.
<table>
<tr>
<th class="menu-item">
- <a href="http://google.com">Nav 1</a>
+ <a href="https://google.com">Nav 1</a>
</th>
<th class="menu-item">
- <a href="http://google.com">Nav 2</a>
+ <a href="https://google.com">Nav 2</a>
</th>
<th class="menu-item">
- <a href="http://google.com">Nav 3</a>
+ <a href="https://google.com">Nav 3</a>
</th>
</tr>
</table>
If you've ever created a static site, maybe you had five pages that all shared the same header and footer. You create your first page, and then copy and paste the common elements to the next page. But now if you need to make a change to the header, the change has to be made across multiple files. You can do this with Emails in your campaigns too!
-Panini is a flat file compiler that uses the concepts of templates, pages, and partials—powered by the [Handlebars](http://handlebarsjs.com/) templating language—to streamline the process of creating static prototypes.
+Panini is a flat file compiler that uses the concepts of templates, pages, and partials—powered by the [Handlebars](https://handlebarsjs.com/) templating language—to streamline the process of creating static prototypes.
Our [prototyping template](starter-projects.html) uses Panini, along with a host of other tools for processing Sass and images, to make creating optimized templates easy. It's already been configured to utilize all of the features below, but if you want to learn the specifics of how to configure the library, head over to the [Panini GitHub page](https://github.com/zurb/panini).
## Helpers
-Helpers are special functions that manipulate content on the page. In addition to [Handlebars's built-in helpers](http://handlebarsjs.com/builtin_helpers.html), Panini includes a few custom helpers and you can add your own.
+Helpers are special functions that manipulate content on the page. In addition to [Handlebars's built-in helpers](https://handlebarsjs.com/builtin_helpers.html), Panini includes a few custom helpers and you can add your own.
### ifpage
```handlebars
{{#markdown}}
# Heading 1
-Lorem ipsum [dolor sit amet](http://html5zombo.com), consectetur adipisicing elit. Nam dolor, perferendis. Mollitia aut dolorum, est amet libero eos ad facere pariatur, ullam dolorem similique fugit, debitis impedit, eligendi officiis dolores.
+Lorem ipsum [dolor sit amet](https://html5zombo.com), consectetur adipisicing elit. Nam dolor, perferendis. Mollitia aut dolorum, est amet libero eos ad facere pariatur, ullam dolorem similique fugit, debitis impedit, eligendi officiis dolores.
{{/markdown}}
```
Custom data can be added to your pages. This data can then be inserted into your HTML through Handlebars. There are two ways to add data to a project.
-To add variables to a specific page only, add it at the top of the page's HTML as a [Front Matter](http://jekyllrb.com/docs/frontmatter/) block. Let's say the below content is inside `src/pages/index.html`.
+To add variables to a specific page only, add it at the top of the page's HTML as a [Front Matter](https://jekyllrb.com/docs/frontmatter/) block. Let's say the below content is inside `src/pages/index.html`.
```html
---
## Tutorials
-[Staying D.R.Y. with Panini](http://zurb.com/university/lessons/staying-d-r-y-with-panini)
+[Staying D.R.Y. with Panini](https://zurb.com/university/lessons/staying-d-r-y-with-panini)
Panini comes with tons of Handlebars helpers built in, like a repeat helper or markdown parser, but in this lesson we’ll take a look at creating a custom month/year helper for an HTML email.
```html
<!-- Emails use the XHTML Strict doctype -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<!-- The character set should be utf-8 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
When the email opens up in the browser, it will look the same. But try viewing the source code of the page, and you'll see a mess of code like this:
```html
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" style="background:#cacaca;min-height:100%"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">...
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="https://www.w3.org/1999/xhtml" lang="en" xml:lang="en" style="background:#cacaca;min-height:100%"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">...
```
---
You've successfully installed Foundation for Emails, and written, inlined, and tested your first email! To keep going with the framework, you can check out the documentation for the other framework components, including [buttons](button.html), [callouts](callout.html), [menus](menu.html).
-If you're interested in going in-depth on the framework with the Foundation team, [check out our master class on Foundation for Emails](http://zurb.com/university/responsive-emails-foundation), an on-demand video series that explores every aspect of email design workflow.
+If you're interested in going in-depth on the framework with the Foundation team, [check out our master class on Foundation for Emails](https://zurb.com/university/responsive-emails-foundation), an on-demand video series that explores every aspect of email design workflow.
---
<div class="primary callout">
- <p>Not familiar with Sass? The [official tutorial](http://sass-lang.com/guide) on sass-lang.com is a great place to start.</p>
+ <p>Not familiar with Sass? The [official tutorial](https://sass-lang.com/guide) on sass-lang.com is a great place to start.</p>
</div>
## Compatibility
$button-border: 2px solid $button-background !default;
```
-We put together some [Best Practices on Sass file structure](http://zurb.com/university/lessons/avoid-a-cluttered-mess-sensible-sass-file-structure) that will help you keep your project clean.
\ No newline at end of file
+We put together some [Best Practices on Sass file structure](https://zurb.com/university/lessons/avoid-a-cluttered-mess-sensible-sass-file-structure) that will help you keep your project clean.
\ No newline at end of file
<div class="callout secondary tip">General rule of thumb: your email is not going to look identical in every client. And that’s OK.</div>
-It's not all doom and gloom though, and we're all in this together. Foundation for Emails helps by getting you away from tables (Sass version), helping you with an organized project structure, and a well tested codebase to make this much easier. We've put together this guide and [links to resources](http://foundation.zurb.com/emails/resources.html) from our friends to help you along as well as a new [Responsive Emails master class](http://zurb.com/university/responsive-emails-foundation) to become a HTML email pro.
+It's not all doom and gloom though, and we're all in this together. Foundation for Emails helps by getting you away from tables (Sass version), helping you with an organized project structure, and a well tested codebase to make this much easier. We've put together this guide and [links to resources](https://get.foundation/emails/resources.html) from our friends to help you along as well as a new [Responsive Emails master class](https://zurb.com/university/responsive-emails-foundation) to become a HTML email pro.
---
If you're using Sass with the ZURB stack, you enjoy the luxury of automatic inlining when running `npm run build`. Your file will be copied into the `dist ` folder where you will find it minified and inlined. You'll want to do this before you test or send your email.
-If you are using the CSS version, you can use our [web inliner](http://foundation.zurb.com/emails/inliner-v2.html).
+If you are using the CSS version, you can use our [web inliner](https://get.foundation/emails/inliner-v2.html).
---
- It's better to use full 6 digit hex codes colors in HTML emails (#ffffff vs #fff). Although all the major email clients support short hex colors, Outlook.com (Hotmail), Lotus Notes 6.5, 7 and 8 do not.
- RGB's are supported all the major email clients but RGBA's are only supported in IOS, Apple Mail, Gmail, and Android 4 (Gmail).
- Background colors work across all email clients as well as color for fonts.
-- iOS devices sometimes render dates/times and phone numbers in blue irrespective of CSS declarations. A good workaround is to include the the CSS snippet from http://removebluelinks.com/ in combination with wrapping the affected content with `<font color="XXXXXX"></font>` to ensure it gets rendered in the color required.
+- iOS devices sometimes render dates/times and phone numbers in blue irrespective of CSS declarations. A good workaround is to include the the CSS snippet from https://removebluelinks.com/ in combination with wrapping the affected content with `<font color="XXXXXX"></font>` to ensure it gets rendered in the color required.
---
#### Quick Tips on Images
-Remember to use full paths to images, not relative paths. (e.g. http://www.yourserver.com/email/images/logo.gif).
+Remember to use full paths to images, not relative paths. (e.g. https://www.yourserver.com/email/images/logo.gif).
Also, link to images from your own server, not anyone elses. If you don't control it you never know when that url will change.
Solution?
- Create emails that are short and to the point. Too many call-to-actions's, topics, or long emails don't tend to work that well anyways.
-- Minify your HTML. The ZURB Stack comes with a setting to minify the HTML if you run `npm run build`. This will remove white-space which adds to the charachter count and file size. Our [web inliner](http://foundation.zurb.com/emails/inliner.html) also has an option to remove (compress) whitespace between your charachters.
+- Minify your HTML. The ZURB Stack comes with a setting to minify the HTML if you run `npm run build`. This will remove white-space which adds to the charachter count and file size. Our [web inliner](https://get.foundation/emails/inliner.html) also has an option to remove (compress) whitespace between your charachters.
---
Let's imagine the vast majority of your audience uses Apple Mail. You'd be able to get away with using CSS keyframe animation and SVG masks.
-If you're not sure where to start, you can see the [Email Client Market Share](http://emailclientmarketshare.com/) by Litmus
+If you're not sure where to start, you can see the [Email Client Market Share](https://emailclientmarketshare.com/) by Litmus
#### Button Size and Touch Targets
[Litmus](https://litmus.com/)
[Email on Acid](https://www.emailonacid.com/)
-If you're not sure where to start, you can see the [Email Client Market Share](http://emailclientmarketshare.com/) by Litmus
+If you're not sure where to start, you can see the [Email Client Market Share](https://emailclientmarketshare.com/) by Litmus
Foundation for Emails is tested on the most popular clients. You can also test on the clients listed in our [compatability guide](compatibility.html)
Email and web development can get complicated fast. We’ve introduced the ZURB Stack which helps you get started faster and lets you do more - without having to spend time finding the right tool for the job. The ZURB Stack includes:
## Gulp
-This is our task runner of choice for Foundation. Gulp lets us queue up tasks to execute. This lets us do cool things like inlining automagically updating your browser. It’s what the Stack is built on. [Find out more about Gulp](http://gulpjs.com/).
+This is our task runner of choice for Foundation. Gulp lets us queue up tasks to execute. This lets us do cool things like inlining automagically updating your browser. It’s what the Stack is built on. [Find out more about Gulp](https://gulpjs.com/).
## Sass
-We use Libsass as our CSS preprocessor of choice. If you’re not familiar with Sass, it lets you use variables, nesting, and mixins (to name a few). [Learn more about Sass](http://sass-lang.com/).
+We use Libsass as our CSS preprocessor of choice. If you’re not familiar with Sass, it lets you use variables, nesting, and mixins (to name a few). [Learn more about Sass](https://sass-lang.com/).
## Inlining
One of the biggest headaches and time-sucks used to be inlining your HTML email. Well, no more! We’re using gulp-inline to to scan your CSS file and and automatically inject your CSS when you’re ready. Just run `npm run build` in your project when you’re ready to inline.
<li><a href="panini.html">Panini (Handlebars)</a></li>
<li class="docs-nav-title">Older Versions</li>
- <li><a href="http://foundation.zurb.com/emails/docs/v1.0.5/index.html">v1 (Ink)</a></li>
+ <li><a href="https://get.foundation/emails/docs/v1.0.5/index.html">v1 (Ink)</a></li>
</ul>
-<a class="docs-course-callout" href="http://zurb.com/university/responsive-emails-foundation">
+<a class="docs-course-callout" href="https://zurb.com/university/responsive-emails-foundation">
<span class="docs-course-callout-subtitle">ZURB Master Class</span>
<span class="docs-course-callout-title">Responsive Emails</span>
<p>In this online class, you’ll learn how to rapidly design and develop responsive emails that look beautiful on just about every screen, browser, and email client out there—even Outlook.</p>
<div class="course-callout">
<h3 class="emails-course-title"><span>ZURB MASTER CLASS</span> Responsive Emails</h3>
<p>In this online class, you’ll learn how to rapidly design and develop responsive emails that look beautiful on just about every screen, browser, and email client out there—even Outlook.</p>
- <a href="http://zurb.com/university/responsive-emails-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="button primary" target="_blank">Learn Foundation for Emails</a>
+ <a href="https://zurb.com/university/responsive-emails-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="button primary" target="_blank">Learn Foundation for Emails</a>
</div>
</div>
<div class="medium-2 medium-pull-8 columns">
- <a href="http://zurb.com/university/responsive-emails-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/inky-class.png"/></a>
+ <a href="https://zurb.com/university/responsive-emails-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/inky-class.png"/></a>
</div>
</div>
</section>
<div class="medium-4 columns">
<div class="property-info">
<h3>Foundation for Emails</h3>
- <p>Foundation for Emails is a framework for responsive HTML emails created by <a href="http://zurb.com">ZURB</a>, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998.
+ <p>Foundation for Emails is a framework for responsive HTML emails created by <a href="https://zurb.com">ZURB</a>, a product design company in Campbell, CA. This framework is the result of building web products & services since 1998.
</p>
</div>
</div>
<div class="learn-links">
<h4 class="hide-for-small">Want more?</h4>
<ul>
- <li><a href="http://foundation.zurb.com/sites">Foundation for Sites</a></li>
- <li><a href="http://zurb.com/university/courses">Foundation Training</a></li>
- <li><a href="http://zurb.com/library">Design Resources</a></li>
+ <li><a href="https://get.foundation/sites">Foundation for Sites</a></li>
+ <li><a href="https://zurb.com/university/courses">Foundation Training</a></li>
+ <li><a href="https://zurb.com/library">Design Resources</a></li>
</ul>
</div>
</div>
<div class="support-links">
<h4 class="hide-for-small">Talk to us</h4>
<p>Tweet us at <br> <a href="https://twitter.com/zurbfoundation">@ZURBfoundation</a></p>
- <p><a href="http://foundation.zurb.com/get-involved/contribute.html">Get involved in<br>our amazing community.</a></p>
+ <p><a href="https://get.foundation/get-involved/contribute.html">Get involved in<br>our amazing community.</a></p>
</div>
</div>
<div class="medium-4 columns">
<div class="connect-links">
<h4 class="hide-for-small">Stay Updated</h4>
<p>Keep up with the latest on Foundation. Find us on <a href="https://github.com/zurb/foundation">Github</a>.</p>
- <a href="http://zurb.com/news" class="small button">Stay Connected</a>
+ <a href="https://zurb.com/news" class="small button">Stay Connected</a>
</div>
</div>
</div>
<div class="row">
<div class="medium-4 medium-push-8 columns">
<ul class="home-social">
- <li><a href="http://www.youtube.com/ZURB" class="youtube"></a></li>
- <li><a href="http://www.twitter.com/ZURB" class="twitter"></a></li>
- <li><a href="http://www.facebook.com/ZURB" class="facebook"></a></li>
- <li><a href="http://zurb.com/contact" class="mail"></a></li>
+ <li><a href="https://www.youtube.com/ZURB" class="youtube"></a></li>
+ <li><a href="https://www.twitter.com/ZURB" class="twitter"></a></li>
+ <li><a href="https://www.facebook.com/ZURB" class="facebook"></a></li>
+ <li><a href="https://zurb.com/contact" class="mail"></a></li>
</ul>
</div>
<div class="medium-8 medium-pull-4 columns">
- <a href="http://www.zurb.com" class="zurb-logo regular"></a>
+ <a href="https://www.zurb.com" class="zurb-logo regular"></a>
<ul class="zurb-links">
- <li><a href="http://zurb.com/about">About</a></li>
- <li><a href="http://zurb.com/blog">Blog</a></li>
- <li><a href="http://zurb.com/news">News<span class="show-for-medium-up"> & Events</span></a></li>
- <li><a href="http://zurb.com/contact">Contact</a></li>
- <li><a href="http://zurb.com/sitemap">Sitemap</a></li>
+ <li><a href="https://zurb.com/about">About</a></li>
+ <li><a href="https://zurb.com/blog">Blog</a></li>
+ <li><a href="https://zurb.com/news">News<span class="show-for-medium-up"> & Events</span></a></li>
+ <li><a href="https://zurb.com/contact">Contact</a></li>
+ <li><a href="https://zurb.com/sitemap">Sitemap</a></li>
</ul>
<p class="copyright">© 1998‐2018 ZURB, Inc. All rights reserved.</p>
</div>
<ul class="mobile-ofc vertical menu">
<li>
- <a href="http://foundation.zurb.com/learn/about.html">About</a>
+ <a href="https://get.foundation/learn/about.html">About</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
- <li><a href="http://foundation.zurb.com/learn/blog.html">Blog</a></li>
+ <li><a href="https://get.foundation/learn/about.html">About Foundation</a></li>
+ <li><a href="https://get.foundation/learn/blog.html">Blog</a></li>
- <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
- <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
- <li><a href="http://foundation.zurb.com/learn/buzz.html">Buzz</a></li>
+ <li><a href="https://get.foundation/learn/case-studies.html">Case Studies</a></li>
+ <li><a href="https://get.foundation/learn/brands.html">Brands</a></li>
+ <li><a href="https://get.foundation/learn/buzz.html">Buzz</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
+ <a href="https://get.foundation/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><a href="https://get.foundation/sites.html">Foundation for Sites</a></li>
+ <li><a href="https://get.foundation/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/yeti-launch.html">Yeti Launch</a></li>
- <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+ <li><a href="https://get.foundation/templates.html">HTML Templates</a></li>
+ <li><a href="https://get.foundation/sites/resources.html">Resources</a></li>
+ <li><a href="https://get.foundation/develop/building-blocks.html">Building Blocks</a></li>
+ <li><a href="https://get.foundation/develop/yeti-launch.html">Yeti Launch</a></li>
+ <li><a href="https://get.foundation/develop/contribute.html">Contribute</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
+ <a href="https://get.foundation/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>
+ <li><a href="https://get.foundation/learn/tutorials.html">Tutorials</a></li>
+ <li><a href="https://get.foundation/learn/classes.html">Classes</a></li>
+ <li><a href="https://get.foundation/learn/custom-training.html">Custom Training</a></li>
+ <li><a href="https://get.foundation/learn/certification.html">Certification</a></li>
+ <li><a href="https://get.foundation/learn/responsive-reading.html">Responsive Reading</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a>
+ <a href="https://get.foundation/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>
+ <li><a href="https://get.foundation/get-involved/support.html">Connect</a></li>
+ <li><a href="https://get.foundation/get-involved/premium-support.html">PLZ Halp</a></li>
+ <li><a href="https://get.foundation/forum/sort/unanswered">Foundation Forum</a></li>
+ <li><a href="https://get.foundation/learn/events.html">Events</a></li>
+ <li><a href="https://get.foundation/get-involved/faq.html">FAQs</a></li>
+ <li><a href="https://get.foundation/get-involved/contribute.html">Contribute</a></li>
+ <li><a href="https://get.foundation/get-involved/yetinauts.html">Yetinauts</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+ <a href="https://get.foundation/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>
+ <li><a href="https://get.foundation/docs/" target="_blank">Sites Docs</a></li>
+ <li><a href="https://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>
+ <li><a href="https://get.foundation/develop/getting-started.html" class="button">Getting Started</a></li>
</ul>
</div>
<nav class="marketing-topbar show-for-medium">
<ul class="menu">
- <li class="topbar-title"><a href="http://foundation.zurb.com/index.html"><img src="https://foundation.zurb.com/assets/img/zurb-logo.svg" alt="ZURB"> Foundation</a></li>
+ <li class="topbar-title"><a href="https://get.foundation/index.html"><img src="https://get.foundation/assets/img/zurb-logo.svg" alt="ZURB"> Foundation</a></li>
</ul>
<ul class="dropdown menu" data-dropdown-menu data-click-open="false">
<li>
- <a href="http://zurb.com/responsive">Showcase</a>
+ <a href="https://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>
+ <li><a href="https://zurb.com/responsive">Foundation Showcase</a></li>
+ <li><a href="https://get.foundation/showcase/brands.html">Brands</a></li>
+ <li><a href="https://get.foundation/showcase/case-studies.html">Case Studies</a></li>
+ <li><a href="https://get.foundation/showcase/blog.html">Blog</a></li>
+ <li><a href="https://get.foundation/showcase/buzz.html">Buzz</a></li>
+ <li><a href="https://get.foundation/showcase/about.html">About Foundation</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
+ <a href="https://get.foundation/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><a href="https://get.foundation/sites.html">Foundation for Sites</a></li>
+ <li><a href="https://get.foundation/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/emails/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/upload.html">Annotate Code</a></li>
+ <li><a href="https://get.foundation/templates.html">HTML Templates</a></li>
+ <li><a href="https://get.foundation/emails/resources.html">Resources</a></li>
+ <li><a href="https://get.foundation/develop/building-blocks.html">Building Blocks</a></li>
+ <li><a href="https://get.foundation/upload.html">Annotate Code</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
+ <a href="https://get.foundation/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://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><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>
+ <li><a href="https://get.foundation/learn/tutorials.html">Tutorials</a></li>
+ <li><a href="https://zurb.com/university/lessons">Lessons</a></li>
+ <li><a href="https://zurb.com/university/courses">Courses</a></li>
+ <li><a href="https://zurb.com/university/training">Custom Training</a>
+ <li><a href="https://get.foundation/learn/certification.html">Certification</a></li>
+ <li><a href="https://get.foundation/learn/responsive-reading.html">Responsive Reading</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/get-involved/contribute.html">Get Involved</a>
+ <a href="https://get.foundation/get-involved/contribute.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/">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="https://get.foundation/get-involved/support.html">Connect</a></li>
+ <li><a href="https://get.foundation/get-involved/premium-support.html">PLZ Halp</a></li>
+ <li><a href="https://get.foundation/forum/">Foundation Forum</a></li>
+ <li><a href="https://get.foundation/learn/events.html">Events</a></li>
+ <li><a href="https://get.foundation/get-involved/faq.html">FAQs</a></li>
+ <li><a href="https://get.foundation/get-involved/contribute.html">Contribute</a></li>
+ <li><a href="https://get.foundation/get-involved/yetinauts.html">Yetinauts</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+ <a href="https://get.foundation/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://foundation.zurb.com/sites/docs/v/5.5.3/" target="_blank">F5 Docs</a></li>
- <li><a href="http://foundation.zurb.com/emails/docs/" target="_blank">Email Docs</a></li>
+ <li><a href="https://get.foundation/docs/" target="_blank">Sites Docs</a></li>
+ <li><a href="https://get.foundation/sites/docs/v/5.5.3/" target="_blank">F5 Docs</a></li>
+ <li><a href="https://get.foundation/emails/docs/" 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>
+ <li><a href="https://get.foundation/develop/getting-started.html" class="button">Getting Started</a></li>
</ul>
<ul class="mobile-ofc vertical menu">
<li>
- <a href="http://zurb.com/responsive">Showcase</a>
+ <a href="https://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>
+ <li><a href="https://zurb.com/responsive">Foundation Showcase</a></li>
+ <li><a href="https://get.foundation/showcase/brands.html">Brands</a></li>
+ <li><a href="https://get.foundation/showcase/case-studies.html">Case Studies</a></li>
+ <li><a href="https://get.foundation/showcase/blog.html">Blog</a></li>
+ <li><a href="https://get.foundation/showcase/buzz.html">Buzz</a></li>
+ <li><a href="https://get.foundation/showcase/about.html">About Foundation</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
+ <a href="https://get.foundation/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><a href="https://get.foundation/sites.html">Foundation for Sites</a></li>
+ <li><a href="https://get.foundation/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/yeti-launch.html">Yeti Launch</a></li>
- <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+ <li><a href="https://get.foundation/templates.html">HTML Templates</a></li>
+ <li><a href="https://get.foundation/sites/resources.html">Resources</a></li>
+ <li><a href="https://get.foundation/develop/building-blocks.html">Building Blocks</a></li>
+ <li><a href="https://get.foundation/develop/yeti-launch.html">Yeti Launch</a></li>
+ <li><a href="https://get.foundation/develop/contribute.html">Contribute</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
+ <a href="https://get.foundation/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://zurb.com/university/lessons">Lessons</a></li>
- <li><a href="http://foundation.zurb.com/learn/classes.html">Courses</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>
+ <li><a href="https://get.foundation/learn/tutorials.html">Tutorials</a></li>
+ <li><a href="https://zurb.com/university/lessons">Lessons</a></li>
+ <li><a href="https://get.foundation/learn/classes.html">Courses</a></li>
+ <li><a href="https://get.foundation/learn/custom-training.html">Custom Training</a></li>
+ <li><a href="https://get.foundation/learn/certification.html">Certification</a></li>
+ <li><a href="https://get.foundation/learn/responsive-reading.html">Responsive Reading</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a>
+ <a href="https://get.foundation/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>
+ <li><a href="https://get.foundation/get-involved/support.html">Connect</a></li>
+ <li><a href="https://get.foundation/get-involved/premium-support.html">PLZ Halp</a></li>
+ <li><a href="https://get.foundation/forum/sort/unanswered">Foundation Forum</a></li>
+ <li><a href="https://get.foundation/learn/events.html">Events</a></li>
+ <li><a href="https://get.foundation/get-involved/faq.html">FAQs</a></li>
+ <li><a href="https://get.foundation/get-involved/contribute.html">Contribute</a></li>
+ <li><a href="https://get.foundation/get-involved/yetinauts.html">Yetinauts</a></li>
</ul>
</li>
<li>
- <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+ <a href="https://get.foundation/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://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
- <li><a href="http://zurb.com/ink/docs.php" target="_blank">Email Docs</a></li>
+ <li><a href="https://get.foundation/docs/" target="_blank">Sites Docs</a></li>
+ <li><a href="https://get.foundation/apps/docs/#!/" target="_blank">Apps Docs</a></li>
+ <li><a href="https://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>
+ <li><a href="https://get.foundation/develop/getting-started.html" class="button">Getting Started</a></li>
</ul>
</div>