index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Westeroscraft Launcher</title>
  6. <script src="./assets/js/script.js"></script>
  7. <link type="text/css" rel="stylesheet" href="./assets/css/styles.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  10. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
  11. <link rel="stylesheet" type="text/css" href="assets/css/global.css">
  12. <link rel="stylesheet" type="text/css" href="assets/css/header.css">
  13. <link rel="stylesheet" type="text/css" href="assets/css/nav.css">
  14. <style>
  15. .inner_div{
  16. width:100%;
  17. background-color: black;
  18. border: 5px solid #a02d2a;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div id="header_container">
  24. <div id="header_seal_container">
  25. <img id="header_seal" src="./assets/images/WesterosSealSquare.png"/>
  26. </div>
  27. <div id="header_img_container">
  28. <img id="header_img" src="./assets/images/WCTextCrop.png" />
  29. </div>
  30. <div id="header_social_container">
  31. <a href="http://facebook.com/westeroscraft" class="header_social_link">
  32. <img src="./assets/images/facebook.png" class="header_social_img" />
  33. </a>
  34. <a href="http://reddit.com/r/westeroscraft" class="header_social_link">
  35. <img src="./assets/images/reddit.png" class="header_social_img" />
  36. </a>
  37. <a href="http://twitter.com/westeroscraft" class="header_social_link">
  38. <img src="./assets/images/twitter.png" class="header_social_img" />
  39. </a>
  40. </div>
  41. </div>
  42. <div class="container">
  43. <div class="row">
  44. <div class="col-md-2 col-sm-2">
  45. <div class="row">
  46. <div class="col-md-3 col-sm-3">
  47. <img class="player_icon" src="https://minotar.net/helm/pufferboss.png">
  48. </div>
  49. <div class="col-md-9 col-sm-9">
  50. <p class="input_text">Email</p>
  51. <input class="input" id="EMAIL">
  52. <p class="input_text">Password</p>
  53. <input type="password" id="PASSWORD" class="input" />
  54. </div>
  55. </div>
  56. </div>
  57. <div class="col-md-10 col-sm-10">
  58. <ul>
  59. <li><a href="" class="">NEWS</a></li>
  60. <li><a href="">MAP</a></li>
  61. <li><a href="">MODS</a></li>
  62. <li><a href="">FAQ</a></li>
  63. <li><a href="">LOG</a></li>
  64. <li><a href="">SETTINGS</a></li>
  65. </ul>
  66. <br>
  67. <br>
  68. <div class="inner_div">
  69. <p class="title"> Post title </p>
  70. <p class="subtite">Posted by: PERSON 23.4.17</p>
  71. <pre style="text-align: left; word-break: break-all; overflow-wrap: break-word;"> Hello WesterosCraft Builders and Honored Guests! As you know,
  72. progress on Kingslanding had stalled, but no longer -- we want to finish this big, beautiful, city in style and
  73. are calling all builders to the capital!
  74. There has been a lot of progress with Kingslanding planning and we are happy to...
  75. </pre>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </body>
  81. <!--
  82. </html>
  83. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  84. <head>
  85. <meta charset="utf-8" />
  86. <title>Westeroscraft Launcher</title>
  87. <script src="./assets/js/script.js"></script>
  88. <link type="text/css" rel="stylesheet" href="./assets/css/styles.css">
  89. </head>
  90. <body>
  91. <div id="header_container">
  92. <div id="header_seal_container">
  93. <img id="header_seal" src="./assets/images/WesterosSealSquare.png"/>
  94. </div>
  95. <div id="header_img_container">
  96. <img id="header_img" src="./assets/images/WCTextCrop.png" />
  97. </div>
  98. <div id="header_social_container">
  99. <a href="http://facebook.com/westeroscraft" class="header_social_link">
  100. <img src="./assets/images/facebook.png" class="header_social_img" />
  101. </a>
  102. <a href="http://reddit.com/r/westeroscraft" class="header_social_link">
  103. <img src="./assets/images/reddit.png" class="header_social_img" />
  104. </a>
  105. <a href="http://twitter.com/westeroscraft" class="header_social_link">
  106. <img src="./assets/images/twitter.png" class="header_social_img" />
  107. </a>
  108. </div>
  109. </div>
  110. <div id="body_left_container">
  111. </div>
  112. <div id="body_right_container">
  113. <div id="main_toggle_group">
  114. <div><label><input type="radio" name="main_group" class="mtoggle_button"/>News</label></div>
  115. <div><label><input type="radio" name="main_group" class="mtoggle_button"/>Map</label></div>
  116. <div><label><input type="radio" name="main_group" class="mtoggle_button"/>Mods</label></div>
  117. <div><label><input type="radio" name="main_group" class="mtoggle_button"/>FAQ</label></div>
  118. <div><label><input type="radio" name="main_group" class="mtoggle_button"/>Log</label></div>
  119. <div><label><input type="radio" name="main_group" class="mtoggle_button"/>Settings</label></div>
  120. </div>
  121. </div>
  122. </body>
  123. </html>-->