From: RafiBomb Date: Tue, 16 May 2017 04:13:01 +0000 (-0700) Subject: readjusts homepage content and links X-Git-Tag: v6.4.0-rc1~46^2~27 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5edfdc849e221fdd0869e2b49b825e6b34300ba6;p=thirdparty%2Ffoundation%2Ffoundation-sites.git readjusts homepage content and links --- diff --git a/docs/assets/img/zero-to-website.png b/docs/assets/img/zero-to-website.png new file mode 100644 index 000000000..0bbda012b Binary files /dev/null and b/docs/assets/img/zero-to-website.png differ diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss index 3b622aa33..49b8f8629 100644 --- a/docs/assets/scss/docs.scss +++ b/docs/assets/scss/docs.scss @@ -228,3 +228,13 @@ a[data-open-video] { bottom: -0.25rem; } } + +.accordion-content-item { + color: $body-font-color; + + .accordion-content-item-cta { + color: $anchor-color; + display: flex; + align-items: center; + } +} diff --git a/docs/pages/index.md b/docs/pages/index.md index 4de21acfc..e50c59cf1 100644 --- a/docs/pages/index.md +++ b/docs/pages/index.md @@ -26,185 +26,166 @@ With an easy to understand syntax and consistent structure, you'll learn your wa Getting Started
- -
-
-
- + +
+
+
-
-
-
Foundation Starter Projects - CSS Download
-

This video will take you through downloading and getting started with the Foundation CSS project.

- Watch Video -
-
- -
-
-
- +
+
Foundation Starter Projects - CSS Download
+

This video will take you through downloading and getting started with the Foundation CSS project.

+ Watch Video
-
-
Foundation Starter Projects - ZURB Stack
-

This video will take you through downloading and getting started with the Foundation ZURB stack.

- Watch Video -
-
+ -
-
- - - -
-
-
Live Webinar: Introduction to Foundation 6
-

Achieve maximum thrust by learning how to use Foundation 6 to power your projects. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.

- Learn More + +
+
+ +
+
+
Foundation Starter Projects - ZURB Stack
+

This video will take you through downloading and getting started with the Foundation ZURB stack.

+ Watch Video +
-
+
+
  • - Beginner Lessons + Why Foundation +
    -
    -
    -
    - + + +
    +
    +
    + +
    -
    -
    -
    Digging Into Foundation's Starter Package
    -

    Frameworks are a great resource to start with when building your site because they include a boilerplate, a CSS reset, a grid and pre-built UI components. Covers the Foundation file structure, how to add pages, and how to overwrite our premade CSS.

    -     Watch Video -
    -
    -
    -
    -
    - +
    +
    The World’s Most Advanced Front-end Framework
    +

    Coming from another framework? It’s the perfect time to make the switch and learn Foundation. Not only have we revamped all of our documentation and put together a brand new, cutting edge set of Building Blocks to learn from, but we’ve prepared a great resource to help you bring your team on board. Download our free e-book to get your guide to convincing your team that Foundation is better, easy to learn, and more flexible than their current framework. +

    + Learn More
    -
    -
    Intro to the Foundation Grid
    -

    Dive into the Foundation grid system. You’ll learn to wield the magical powers of the Foundation grid to make your content fit nicely on any device. Foundation’s grid is based on tried-and-true CSS — specifically, floats and clears or display: flex in the Flexbox version. -

    - View Lesson + + + +
    +
    +
    + +
    +
    +
    +
    Build Your Career on a Solid Foundation
    +

    Web technologies are rapidly changing, but time and resources are finite. It can be difficult to determine where to invest your energy to get a return on your investment. Learning Foundation places you at the cutting edge of the website development. Over Foundation’s 5 year history, it has consistently led the pack, changing the way the web is designed and built. Download our free e-book to learn more about the professional opportunities with the world’s most advanced front-end framework, and get started building YOUR career on a solid Foundation. +

    + Learn More +
    -
    + -
    + + +
    • +
  • Templates and Code Snippets
    -
    -
    - + +
    +
    - -
    -
    -
    Foundation Templates
    -

    Get eight responsive templates to kick off your projects. Each of these responsive HTML templates were built with the same techniques and principles we teach in our Introduction to Foundation 6 Course to build your business upon.

    - View Templates +
    +
    +
    Foundation Templates
    +

    Get eight responsive templates to kick off your projects built with the same techniques we teach in our Introduction to Foundation 6 Course to build your business upon.

    + View Templates +
    -
    + -
    -
    -
    - + +
    +
    + +
    +
    +
    Foundation Building Blocks
    +

    Building Blocks are coded UI components you can drop into any standard Foundation project. Building Blocks will help you rapidly accelerate your development time.

    + Learn More
    -
    -
    Foundation Building Blocks
    -

    Building Blocks are coded UI components you can drop into any standard Foundation project. From navigation components to media and everything in between, Building Blocks will help you rapidly accelerate your development time. Browse our library of over 100 Building Blocks created by the team at ZURB and the Foundation community.

    -     Learn More -
    -
    + -
    -
    - - - -
    -
    -
    Foundation Kits
    -

    Foundation Kits are curated bundles of Building Blocks designed for building specific types of websites and apps. Download 7 powerful Kits to jumpstart your responsive ecommerce site, mobile app, marketing site, portfolio page, admin dashboard and more.

    - View Kits + +
    +
    + +
    +
    +
    Foundation Kits
    +

    Foundation Kits are curated bundles of Building Blocks designed for building specific types of websites and apps. Download 7 powerful Kits to jumpstart your responsive ecommerce site, mobile app, marketing site, portfolio page, admin dashboard and more.

    + View Kits +
    -
    +
  • - Why Foundation - + Additional Resources
    -
    -
    - + +
    +
    -
    -
    -
    The World’s Most Advanced Front-end Framework
    -

    Coming from another framework? It’s the perfect time to make the switch and learn Foundation. Not only have we revamped all of our documentation and put together a brand new, cutting edge set of Building Blocks to learn from, but we’ve prepared a great resource to help you bring your team on board. Download our free e-book to get your guide to convincing your team that Foundation is better, easy to learn, and more flexible than their current framework. -

    -     Learn More -
    -
    - -
    -
    -
    - +
    +
    Zero to Website Lessons
    +

    A great place to start! Laurel and Christine from ZURB take you through the basics all the way to deploying your first site.

    + Watch Video
    -
    -
    -
    Build Your Career on a Solid Foundation
    -

    Web technologies are rapidly changing, but time and resources are finite. It can be difficult to determine where to invest your energy to get a return on your investment. Learning Foundation places you at the cutting edge of the website development. Over Foundation’s 5 year history, it has consistently led the pack, changing the way the web is designed and built. Download our free e-book to learn more about the professional opportunities with the world’s most advanced front-end framework, and get started building YOUR career on a solid Foundation. -

    - Learn More -
    +
    -
    +
    -
    - -
    + + +
    -
    Leverage the Power of Design for Your Business
    -

    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. -

    - Learn More +
    Live Webinar: Introduction to Foundation 6
    +

    Achieve maximum thrust by learning how to use Foundation 6 to power your projects. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.

    + Learn More
    -
    • @@ -272,7 +253,7 @@ With an easy to understand syntax and consistent structure, you'll learn your wa
    How to Create a Foundation Building Block
    -

    So you want to build a Building Block? Well fear not! You can get in on the action too and get your work featured! We’ve put together a simple guide to submitting a Building Block. Once it’s submitted, we’ll promote your awesomeness to the greater Foundation community because you rock! +

    So you want to build a Building Block? Well fear not! You can get in on the action too and get your work featured! We’ve put together a simple guide to submitting a Building Block. Once it’s submitted, we’ll promote your awesomeness to the greater Foundation community because you rock!

    Learn More