index.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  5. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
  6. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  7. <link rel="stylesheet" type="text/css" href="assets/css/global.css">
  8. <link rel="stylesheet" type="text/css" href="assets/css/header.css">
  9. <link rel="stylesheet" type="text/css" href="assets/css/nav.css">
  10. </head>
  11. <style>
  12. .inner_div{
  13. width:100%;
  14. background-color: black;
  15. border: 5px solid #a02d2a;
  16. }
  17. </style>
  18. <body>
  19. <div id="header_container">
  20. <div id="header_seal_container">
  21. <img id="header_seal" src="./assets/images/WesterosSealSquare.png"/>
  22. </div>
  23. <div id="header_img_container">
  24. <img id="header_img" src="./assets/images/WCTextCrop.png" />
  25. </div>
  26. <div id="header_social_container">
  27. <a href="http://facebook.com/westeroscraft" class="header_social_link">
  28. <img src="./assets/images/facebook.png" class="header_social_img" />
  29. </a>
  30. <a href="http://reddit.com/r/westeroscraft" class="header_social_link">
  31. <img src="./assets/images/reddit.png" class="header_social_img" />
  32. </a>
  33. <a href="http://twitter.com/westeroscraft" class="header_social_link">
  34. <img src="./assets/images/twitter.png" class="header_social_img" />
  35. </a>
  36. </div>
  37. </div>
  38. <div class="container">
  39. <div class="row">
  40. <div class="col-md-2 col-sm-2">
  41. <div class="row">
  42. <div class="col-md-3 col-sm-3">
  43. <img class="player_icon" src="https://minotar.net/helm/pufferboss.png">
  44. </div>
  45. <div class="col-md-9 col-sm-9">
  46. <p class="input_text">Email</p>
  47. <input class="input" id="EMAIL">
  48. <p class="input_text">Password</p>
  49. <input type="password" id="PASSWORD" class="input" />
  50. </div>
  51. </div>
  52. </div>
  53. <div class="col-md-10 col-sm-10">
  54. <ul>
  55. <li><a href="">NEWS</a></li>
  56. <li><a href="">MAP</a></li>
  57. <li><a href="">MODS</a></li>
  58. <li><a href="">FAQ</a></li>
  59. <li><a href="">LOG</a></li>
  60. <li><a href="">SETTINGS</a></li>
  61. </ul>
  62. <br>
  63. <br>
  64. <div class="inner_div">
  65. <p class="title"> Post title </p>
  66. <p class="subtite">Posted by: PERSON 23.4.17</p>
  67. <pre style="text-align: left; word-break: break-all; overflow-wrap: break-word;"> Hello WesterosCraft Builders and Honored Guests! As you know,
  68. progress on Kingslanding had stalled, but no longer -- we want to finish this big, beautiful, city in style and
  69. are calling all builders to the capital!
  70. There has been a lot of progress with Kingslanding planning and we are happy to...
  71. </pre>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </body>
  77. </html>