index2.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <title>jQuery Mobile: Theme Download</title>
  6. <link rel="stylesheet" href="themes/bluerelax.min.css" />
  7. <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
  8. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
  9. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  10. <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  11. </head>
  12. <body>
  13. <div data-role="page" data-theme="a">
  14. <div data-role="header" data-position="inline">
  15. <h1>It Worked!</h1>
  16. </div>
  17. <div data-role="content" data-theme="a">
  18. <p>Your theme was successfully downloaded. You can use this page as a reference for how to link it up!</p>
  19. <pre>
  20. <strong>&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/bluerelax.min.css&quot; /&gt;</strong>
  21. <strong>&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/jquery.mobile.icons.min.css&quot; /&gt;</strong>
  22. &lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css&quot; /&gt;
  23. &lt;script src=&quot;http://code.jquery.com/jquery-1.11.1.min.js&quot;&gt;&lt;/script&gt;
  24. &lt;script src=&quot;http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js&quot;&gt;&lt;/script&gt;
  25. </pre>
  26. <p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
  27. <label for="slider1">Input slider:</label>
  28. <input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
  29. <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
  30. <legend>Cache settings:</legend>
  31. <input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
  32. <label for="radio-choice-a1">On</label>
  33. <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
  34. <label for="radio-choice-b1">Off</label>
  35. </fieldset>
  36. </div>
  37. </div>
  38. </body>
  39. </html>