diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css index ea5e4e2..3d8d26c 100644 --- a/docs-assets/css/docs.css +++ b/docs-assets/css/docs.css @@ -158,7 +158,7 @@ body { } .section-heading { - font-size: 55px; + font-size: 40px; font-weight: 300; } @@ -207,6 +207,9 @@ body { font-size: 32px; line-height: 80px; } +.benefit-icon .icon-download { + margin-top: -4px; +} .benefit-heading { font-weight: 500; diff --git a/index.html b/index.html index 10cc5e0..24a78f5 100644 --- a/index.html +++ b/index.html @@ -41,47 +41,39 @@ base_url: "./"
-

Getting started

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

+

The mobile framework built for you

+

Here's why we think you're going to love it.

Simple web technology

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

Ratchet is built simple HTML, CSS, and JS. We used the power of SASS to make Ratchet extremely capable at quickly building mobile applications you can start playing with right away.

- +
-

Simple web technology

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

Tons of UI patterns

+

All the UI patterns that you'd expect in one simple framework. We've included our buttons, controls, forms, and behaviors that are optimized for performance in your app.

- +
-

Simple web technology

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

Native platform themes

+

Building an application for iOS or Android? Look no further. Ratchet provides platform specific themes that work on top of our standard components.

- +
-

Simple web technology

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

Fast and easy

+

It's super fast to get set up with Ratchet. Once you've downloaded the code, take a look at one of our starter templates or example applications.

@@ -90,20 +82,17 @@ base_url: "./"

Contribute code

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

Have an feature or component you want to build? Open a pull request on our GitHub project. Our contributors make Ratchet better every day.

GitHub project

Submit an issue

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

See something that doesn't look right? Let use know and open an issue. We or one of our awesome contributors will get it fixed quickly.

GitHub issues

Ask a question

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua.

+

Wondering how to get a certain aspect of Ratchet to work the way you want. You're probably not the only one. Ask a question on our Google Group.

Google group
diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss index 06e65f8..baa26d3 100644 --- a/lib/sass/docs.scss +++ b/lib/sass/docs.scss @@ -158,7 +158,7 @@ body { margin-bottom: 0; } .section-heading { - font-size: 55px; + font-size: 40px; font-weight: 300; } .section-lead { @@ -214,6 +214,9 @@ body { font-size: 32px; line-height: 80px; } + .icon-download { + margin-top: -4px; // Align the icon correctly + } } .benefit-heading { font-weight: 500;