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.
 
 
 

96 lines
4.6 KiB

  1. <!DOCTYPE HTML>
  2. <!--
  3. Alpha by HTML5 UP
  4. html5up.net | @n33co
  5. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  6. -->
  7. <html>
  8. <head>
  9. <title>Generic - Alpha by HTML5 UP</title>
  10. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  11. <meta name="description" content="" />
  12. <meta name="keywords" content="" />
  13. <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
  14. <script src="js/jquery.min.js"></script>
  15. <script src="js/jquery.dropotron.min.js"></script>
  16. <script src="js/jquery.scrollgress.min.js"></script>
  17. <script src="js/skel.min.js"></script>
  18. <script src="js/skel-layers.min.js"></script>
  19. <script src="js/init.js"></script>
  20. <noscript>
  21. <link rel="stylesheet" href="css/skel.css" />
  22. <link rel="stylesheet" href="css/style.css" />
  23. <link rel="stylesheet" href="css/style-wide.css" />
  24. </noscript>
  25. <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
  26. </head>
  27. <body>
  28. <!-- Header -->
  29. <header id="header" class="skel-layers-fixed">
  30. <h1><a href="index.html">Alpha</a> by HTML5 UP</h1>
  31. <nav id="nav">
  32. <ul>
  33. <li><a href="index.html">Home</a></li>
  34. <li>
  35. <a href="" class="icon fa-angle-down">Layouts</a>
  36. <ul>
  37. <li><a href="generic.html">Generic</a></li>
  38. <li><a href="contact.html">Contact</a></li>
  39. <li><a href="elements.html">Elements</a></li>
  40. <li>
  41. <a href="">Submenu</a>
  42. <ul>
  43. <li><a href="#">Option One</a></li>
  44. <li><a href="#">Option Two</a></li>
  45. <li><a href="#">Option Three</a></li>
  46. <li><a href="#">Option Four</a></li>
  47. </ul>
  48. </li>
  49. </ul>
  50. </li>
  51. <li><a href="#" class="button">Sign Up</a></li>
  52. </ul>
  53. </nav>
  54. </header>
  55. <!-- Main -->
  56. <section id="main" class="container">
  57. <header>
  58. <h2>Generic</h2>
  59. <p>A generic page for every non-generic situation.</p>
  60. </header>
  61. <div class="box">
  62. <span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
  63. <h3>This is a subheading</h3>
  64. <p>Cep risus aliquam gravida cep ut lacus amet. Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae ante vestibulum ante. Blandit. Ante accumsan nisi eu placerat gravida placerat adipiscing in risus fusce vitae ac mi accumsan nunc in accumsan tempor blandit aliquet aliquet lobortis. Ultricies blandit lobortis praesent turpis. Adipiscing accumsan adipiscing adipiscing ac lacinia cep. Orci blandit a iaculis adipiscing ac. Vivamus ornare laoreet odio vis praesent nunc lorem mi. Erat. Tempus sem faucibus ac id. Vis in blandit. Nascetur ultricies blandit ac. Arcu aliquam. Accumsan mi eget adipiscing nulla. Non vestibulum ac interdum condimentum semper commodo massa arcu.</p>
  65. <div class="row">
  66. <div class="6u 12u(mobilep)">
  67. <h3>And now a subheading</h3>
  68. <p>Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae lorem ipsum adipiscing ac. Vivamus ornare laoreet odio vis praesent.</p>
  69. </div>
  70. <div class="6u 12u(mobilep)">
  71. <h3>And another subheading</h3>
  72. <p>Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae lorem ipsum adipiscing ac. Vivamus ornare laoreet odio vis praesent.</p>
  73. </div>
  74. </div>
  75. </div>
  76. </section>
  77. <!-- Footer -->
  78. <footer id="footer">
  79. <ul class="icons">
  80. <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
  81. <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
  82. <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
  83. <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
  84. <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
  85. <li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
  86. </ul>
  87. <ul class="copyright">
  88. <li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
  89. </ul>
  90. </footer>
  91. </body>
  92. </html>