index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  3. <!--[if lt IE 7 ]> <html class=\"ie6\" lang=\"en\"> <![endif]-->
  4. <!--[if IE 7 ]> <html class=\"ie7\" lang=\"en\"> <![endif]-->
  5. <!--[if IE 8 ]> <html class=\"ie8\" lang=\"en\"> <![endif]-->
  6. <!--[if IE 9 ]> <html class=\"ie9\" lang=\"en\"> <![endif]-->
  7. <!--[if (gt IE 9)|!(IE)]> <!--> <html lang=\"en\"> <![endif]-->
  8. <html>
  9. <head>
  10. <title>It's Purely Mental - Start Brain Training Today!</title>
  11. <meta charset="utf8" />
  12. <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  13. <link rel="stylesheet" type="text/css" href="home.css">
  14. </head>
  15. <body>
  16. <header>
  17. <div class="top-bar">
  18. <a href="/"><img src="./assets/images/global/logo_horiz.png" /></a>
  19. <div class="right-nav">
  20. <ul>
  21. <li><a href="/assessment">Get Started!</a></li>
  22. <li><a href="/howitworks">How does it work?</a></li>
  23. <li><a href="/pricing">Pricing</a></li>
  24. <li><a href="/login">Login</a></li>
  25. <li><a href="/games">Demo Game</a></li>
  26. </ul>
  27. </div>
  28. </div>
  29. </header>
  30. </body>
  31. </html>
  32. <div class="content">
  33. <div class="landing">
  34. <div class="hook">
  35. <img src="./assets/images/home/brain_image.png" />
  36. <div class="hook-text">
  37. <h1>Start Brain Training Today!</h1>
  38. <h2>No two brains are alike. Your gray matter is just as unique as your thumbprint. Take our free Brain ID Assessment, for a brain training program customized to flex your mental muscle!</h2>
  39. <h3></h3>
  40. <a class="button" href="/assessment">Get Started</a>
  41. </div>
  42. </div>
  43. </div>
  44. <footer class="bottom-bar">
  45. <div class="footer-content">
  46. <div class="right-footer">
  47. <div class="copy">
  48. &copy; 2018 Purely Mental
  49. </div>
  50. <ul>
  51. <li><a href="https://www.facebook.com/itspurelymental"target="_blank">Facebook</a></li>
  52. </ul>
  53. </div>
  54. <div class="left-footer">
  55. <ul class="major-link">
  56. <li><a href="/contact_us">Contact Us</a></li>
  57. </ul>
  58. <ul>
  59. <li><a href="/privacy_policy" target="_blank">Privacy Policy</a></li>
  60. <li><a href="/terms_and_conditions" target="_blank">Terms</a></li>
  61. </ul>
  62. </div>
  63. </div>
  64. </footer>
  65. </div>