|
|
@ -16,12 +16,12 @@ title: Examples · Ratchet |
|
|
|
|
|
|
|
|
|
|
|
<div class="container"> |
|
|
|
<div class="container"> |
|
|
|
<div class="column-group"> |
|
|
|
<div class="column-group"> |
|
|
|
<div class="column units-2 lg-units-8 docs-examples docs-content"> |
|
|
|
<div class="column lg-units-8 docs-examples docs-content"> |
|
|
|
|
|
|
|
|
|
|
|
<p class="lead">Checkout out the examples on a desktop browser or visit on your mobile device see the apps as intended.</p> |
|
|
|
<p class="lead">Checkout out the examples on a desktop browser or visit on your mobile device see the apps as intended.</p> |
|
|
|
|
|
|
|
|
|
|
|
<div class="column-group"> |
|
|
|
<div class="column-group"> |
|
|
|
<div class="column units-2 lg-units-4"> |
|
|
|
<div class="column lg-units-4"> |
|
|
|
<div class="example-wrap"> |
|
|
|
<div class="example-wrap"> |
|
|
|
<a class="example" href="/examples/app-movies" data-ignore="push"> |
|
|
|
<a class="example" href="/examples/app-movies" data-ignore="push"> |
|
|
|
<img src="/assets/img/example.png" alt="Movie finder app example" width="640" height="480"> |
|
|
|
<img src="/assets/img/example.png" alt="Movie finder app example" width="640" height="480"> |
|
|
@ -29,7 +29,7 @@ title: Examples · Ratchet |
|
|
|
<h4 class="example-title">Movie finder</h4> |
|
|
|
<h4 class="example-title">Movie finder</h4> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="column units-2 lg-units-4"> |
|
|
|
<div class="column lg-units-4"> |
|
|
|
<div class="example-wrap"> |
|
|
|
<div class="example-wrap"> |
|
|
|
<a class="example" href="/examples/app-ios-mail" data-ignore="push"> |
|
|
|
<a class="example" href="/examples/app-ios-mail" data-ignore="push"> |
|
|
|
<img src="/assets/img/example-ios.png" alt="iOS mail app example" width="640" height="480"> |
|
|
|
<img src="/assets/img/example-ios.png" alt="iOS mail app example" width="640" height="480"> |
|
|
@ -37,7 +37,7 @@ title: Examples · Ratchet |
|
|
|
<h4 class="example-title">iOS mail app</h4> |
|
|
|
<h4 class="example-title">iOS mail app</h4> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="column units-2 lg-units-4"> |
|
|
|
<div class="column lg-units-4"> |
|
|
|
<div class="example-wrap"> |
|
|
|
<div class="example-wrap"> |
|
|
|
<a class="example" href="/examples/app-android-notes" data-ignore="push"> |
|
|
|
<a class="example" href="/examples/app-android-notes" data-ignore="push"> |
|
|
|
<img src="/assets/img/example-android.png" alt="Android notes app example" width="640" height="480"> |
|
|
|
<img src="/assets/img/example-android.png" alt="Android notes app example" width="640" height="480"> |
|
|
@ -48,12 +48,12 @@ title: Examples · Ratchet |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="column units-2 lg-units-4"> |
|
|
|
<div class="column lg-units-4"> |
|
|
|
{% include download-module.html %} |
|
|
|
{% include download-module.html %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="column units-2"> |
|
|
|
<div class="column"> |
|
|
|
<!-- Footer --> |
|
|
|
<!-- Footer --> |
|
|
|
{% include footer.html %} |
|
|
|
{% include footer.html %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|