index.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html class="no-js">
  3. <head>
  4. <link rel="stylesheet" href="assets/css/include.css" type="text/css" media="screen" />
  5. <script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
  6. <script type="text/javascript" src="assets/js/load.js"></script>
  7. <script type="text/javascript" src="http://use.typekit.com/cbx6gxx.js"></script>
  8. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  9. </head>
  10. <body>
  11. <div class="header">
  12. <div class="container-12 highlight">
  13. <div class="grid-3">
  14. <a id="logo" href="#">
  15. <img src="assets/img/logo-light.png" alt="FinalsClub" />
  16. </a>
  17. </div>
  18. <div class="grid-9">
  19. <nav id="user-nav" class="small">
  20. <ul>
  21. <li>Hi, Andrew!</li>
  22. <li><a href="#">Logout</a></li>
  23. </ul>
  24. </nav>
  25. <nav id="main-nav" class="small">
  26. <ul>
  27. <li><a href="#" class="active"><em class="icon"></em>Courses</a></li>
  28. <li><a href="#"><em class="icon"></em>Blog</a></li>
  29. <li><a href="#"><em class="icon"></em>Library</a></li>
  30. <li><a href="#"><em class="icon"></em>Press</a></li>
  31. <li><a href="#" class="donate"><em class="icon"></em><em class="lc yellow">Donate</em></a></li>
  32. </ul>
  33. </nav>
  34. </div>
  35. </div>
  36. </div>
  37. <hr class="stripes" />
  38. <div class="content">
  39. <div class="container-12">
  40. <div class="grid-12">
  41. <div class="padded-loose">
  42. <h1 class="large-huge spaced centered">Welcome to FinalsClub! <span class="small">Collaborate. Learn. Share.</span></h1>
  43. </div>
  44. </div>
  45. <div class="grid-10 grid-centered">
  46. <div class="padded-loose">
  47. <p class="no-top-margin">
  48. Thank you for visiting FinalsClub.org, a 501(c)(3) non-profit open education
  49. project dedicated to helping college students share knowledge freely online. While you learn better, faster, and smarter by using FinalsClub with your classmates,
  50. we also encourage you to share your scholarship to benefit curious minds everywhere.
  51. </p>
  52. <p>
  53. Getting started is easy. Just register with your school email address and confirm
  54. your account. Then find your courses or add a new ones. You can also browse our
  55. Library to learn something new. Thank you for helping us improve access to education,
  56. one lecture at a time.
  57. </p>
  58. </div>
  59. </div>
  60. <div class="grid-12">
  61. <div class="button-set vertical half-width centered-rt-parent half-width-buttons">
  62. <button class="green">Sign Up</button>
  63. <button class="blue">Learn Something</button>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="container-12 spacer">
  68. <hr class="stripes spacer" />
  69. <div class="grid-6">
  70. <h3 class="heading">Check out our Screencasts</h3>
  71. <!-- <hr class="stripes heading" /> -->
  72. <div class="video-wrapper">
  73. <iframe src="http://player.vimeo.com/video/30647271?title=0&amp;byline=0&amp;portrait=0&amp;color=367da9" width="460" height="259" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> </div>
  74. </div>
  75. <div class="grid-6">
  76. <h3 class="heading">We currently support the following schools</h3>
  77. <!-- <hr class="stripes heading" /> -->
  78. <div class="schools">
  79. <ul>
  80. <li><em class="sprite-school brown">Brown Logo</em></li>
  81. <li><em class="sprite-school columbia">Columbia Logo</em></li>
  82. <li><em class="sprite-school cornell">Cornell Logo</em></li>
  83. <li><em class="sprite-school dartmouth">Dartmouth Logo</em></li>
  84. <li><em class="sprite-school shield">School Logo</em></li>
  85. <li><em class="sprite-school mit">MIT Logo</em></li>
  86. <li><em class="sprite-school lock_haven">Lock Haven Logo</em></li>
  87. <li><em class="sprite-school cal">Cal Tech Logo</em></li>
  88. <li><em class="sprite-school texas">University of Texas Logo</em></li>
  89. <li><em class="sprite-school yale">Yale Logo</em></li>
  90. <li><em class="sprite-school penn">Penn Logo</em></li>
  91. <li><em class="sprite-school harvard">Harvad Logo</em></li>
  92. </ul>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <hr class="stripes bordered" />
  98. <div class="footer small">
  99. <div class="container-12">
  100. <div class="grid-12">
  101. <nav id="footer-nav">
  102. <ul>
  103. <li><a href="#">Code of Conduct</a></li>
  104. <li><a href="#">About</a></li>
  105. <li><a href="#">Contact</a></li>
  106. <li><a href="#">Legal</a></li>
  107. <li><a href="#">Team</a></li>
  108. </ul>
  109. </nav>
  110. <p>Copyright 2011 Finals Club. All rights reserved.</p>
  111. <div class="creative_commons">
  112. <div class="section">
  113. <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
  114. <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" />
  115. </a>
  116. <br />
  117. </div>
  118. <div class="section">
  119. This work is licensed under a
  120. <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </body>
  127. </html>