index.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>Hello YAML</title>
  6. <meta name="description" content=""/>
  7. <meta name="author" content="talha131"/>
  8. <!-- mobile viewport optimisation -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <!-- stylesheets -->
  11. <link rel="stylesheet" href="central.css" type="text/css"/>
  12. <!--[if lte IE 7]>
  13. <link rel="stylesheet" href="yaml/core/iehacks.min.css" type="text/css"/>
  14. <![endif]-->
  15. <!-- To enable Internet Explorer 6-8 to render HTML5 elements correctly -->
  16. <!--[if lt IE 9]>
  17. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body>
  21. <ul class="ym-skiplinks">
  22. <li><a class="ym-skip" href="#nav">Skip to navigation (Press Enter)</a></li>
  23. <li><a class="ym-skip" href="#main">Skip to main content (Press Enter)</a></li>
  24. </ul>
  25. <div class="ym-wrapper">
  26. <div class="ym-wbox">
  27. <header>
  28. <h1>Lets see</h1>
  29. </header>
  30. <nav class="ym-hlist">
  31. <ul>
  32. <li class="active"><strong>Active</strong></li>
  33. <li><a href="#">Link</a></li>
  34. <li><a href="#">Link</a></li>
  35. <li><a href="#">Link</a></li>
  36. <li><a href="#">Link</a></li>
  37. </ul>
  38. <!-- optional search form -->
  39. <form class="ym-searchform">
  40. <input class="ym-searchfield" type="search" placeholder="Search..." />
  41. <input class="ym-searchbutton" type="submit" value="Search" />
  42. </form>
  43. </nav>
  44. <div class="ym-column">
  45. <div class="ym-col1">
  46. <div class="ym-cbox">
  47. dw 1...
  48. </div>
  49. </div>
  50. <div class="ym-col2">
  51. <div class="ym-cbox">
  52. dw 2...
  53. </div>
  54. </div>
  55. <div class="ym-col3">
  56. <div class="ym-cbox">
  57. dw 3...
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </body>
  64. </html>