@import 'examples/orbit';
@import 'examples/reveal';
@import 'examples/top-bar';
+
+
+.marketing-topbar,
+.title-bar {
+ background: #2c3840;
+}
\ No newline at end of file
Inside these wrappers, create an off-canvas menu with the class `.off-canvas` and the attribute `data-off-canvas`. The menu also needs a positioning class, which can be `.position-left` or `.position-right`, and an attribute set for the position, `data-position="left"` or `data-position="right"`. Last, make sure the off-canvas has a unique ID so it can be targeted.
-Along with the menu, the main content of your page will be housed in its own container with the class `.off-canvas-content` and attribute `data-off-canvas-content`. (This may be confusing, since the css namespacing means you will be putting your actual page content under a class of "off-canvas-content".)
+Along with the menu, the main content of your page will be housed in its own container with the class `.off-canvas-content` and attribute `data-off-canvas-content`. You will be putting your actual page content inside a class of `.off-canvas-content`.)
```html
<body>
</div>
<div class="medium-4 columns">
<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/support/premium-support.html">Premium Support</a></p>
- <p>Or check our <a href="http://foundation.zurb.com/support/support.html">support page</a></p>
+ <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>
</div>
</div>
<div class="medium-4 columns">
<li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
<li>
- <a href="http://foundation.zurb.com/support/support.html">Support</a>
+ <a href="http://foundation.zurb.com/get-involved/contribute.html">Get Involved</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
- <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/support.html">Support</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/support/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/upload.html">Upload</a></li>
<li>
- <a href="http://foundation.zurb.com/support/support.html">Support</a>
+ <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/support/support.html">Support Channels</a></li>
- <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/support.html">Support</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/support/faq.html">FAQs</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>