mirror of https://github.com/twbs/ratchet.git
Build mobile apps with simple HTML, CSS, and JS components.
http://goratchet.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.5 KiB
69 lines
2.5 KiB
12 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Ratchet template page</title>
|
||
|
|
|
||
|
|
<!-- Sets initial viewport load and disables zooming -->
|
||
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
|
|
|
||
|
|
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
11 years ago
|
|
||
12 years ago
|
<!-- Set a shorter title for iOS6 devices when saved to home screen -->
|
||
|
|
<meta name="apple-mobile-web-app-title" content="Ratchet">
|
||
|
12 years ago
|
|
||
|
|
<!-- Include the compiled Ratchet CSS -->
|
||
|
11 years ago
|
<link rel="stylesheet" href="/dist/ratchet.min.css">
|
||
|
12 years ago
|
|
||
|
|
<!-- Intro paragraph styles. Delete once you start using this page -->
|
||
11 years ago
|
<style>
|
||
|
12 years ago
|
.welcome {
|
||
|
|
line-height: 1.5;
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
11 years ago
|
<!-- Make sure all your bars are the first things in your <body> -->
|
||
|
|
<header class="bar bar-nav">
|
||
|
|
<h1 class="title">Ratchet</h1>
|
||
|
|
</header>
|
||
|
12 years ago
|
|
||
|
11 years ago
|
<!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
|
||
|
|
<div class="content">
|
||
12 years ago
|
<p class="welcome">Thanks for downloading Ratchet. This is an example HTML page that's linked up to compiled Ratchet CSS and JS, has the proper meta tags and the HTML structure. Need some more help before you start filling this with your own content? Check out some Ratchet resources:</p>
|
||
|
11 years ago
|
<div class="card">
|
||
|
|
<ul class="table-view">
|
||
|
|
<li class="table-view-cell">
|
||
|
11 years ago
|
<a class="navigate-right" href="http://goratchet.com">
|
||
|
11 years ago
|
<strong>Ratchet documentation</strong>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="table-view-cell">
|
||
|
11 years ago
|
<a class="navigate-right" href="https://github.com/twbs/ratchet/">
|
||
|
11 years ago
|
<strong>Ratchet on Github</strong>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="table-view-cell">
|
||
|
11 years ago
|
<a class="navigate-right" href="https://groups.google.com/forum/#!forum/goratchet">
|
||
|
11 years ago
|
<strong>Ratchet Google group</strong>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="table-view-cell">
|
||
|
11 years ago
|
<a class="navigate-right" href="https://www.twitter.com/GoRatchet">
|
||
|
11 years ago
|
<strong>Ratchet on Twitter</strong>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
12 years ago
|
</div>
|
||
|
|
|
||
|
11 years ago
|
<!-- Include the compiled Ratchet JS -->
|
||
|
|
<script src="/dist/ratchet.min.js"></script>
|
||
|
12 years ago
|
</body>
|
||
11 years ago
|
</html>
|