From RuneGlory
Line 1: | Line 1: | ||
− | <div | + | |
− | + | <html> | |
− | + | <head> | |
− | + | <style> | |
− | + | div.gallery { | |
+ | border: 1px solid #000000; | ||
+ | } | ||
+ | |||
+ | div.gallery:hover { | ||
+ | border: 1px solid #777; | ||
+ | } | ||
+ | |||
+ | div.gallery img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | div.desc { | ||
+ | padding: 15px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .responsive { | ||
+ | padding: 0 6px; | ||
+ | float: left; | ||
+ | width: 24.99999%; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 700px){ | ||
+ | .responsive { | ||
+ | width: 49.99999%; | ||
+ | margin: 6px 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 500px){ | ||
+ | .responsive { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .clearfix:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <p> Welcome to the GrinderScape Wiki. </p> | ||
+ | |||
+ | <div class="responsive"> | ||
+ | <div class="gallery"> | ||
+ | <a target="_blank" href="https://wiki.grinderscape.org/Main_page/Guides/General_guides"> | ||
+ | <img src="https://i.imgur.com/Nb3kn8d.png" alt="General Guides" width="300" height="200"> | ||
+ | </a> | ||
+ | <div class="desc">Guides here yo</div> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | = | + | <div class="responsive"> |
+ | <div class="gallery"> | ||
+ | <a target="_blank" href="https://wiki.grinderscape.org/Main_page/Guides/Bestiary"> | ||
+ | <img src="https://i.imgur.com/VxEHSw9.png" alt="Bestiary" width="600" height="400"> | ||
+ | </a> | ||
+ | <p> | ||
+ | <div style="padding:6px;"> - Monsters </div> | ||
+ | <div style="padding:6px;"> - Bosses </div> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="responsive"> | |
− | + | <div class="gallery"> | |
− | + | <a target="_blank" href="https://wiki.grinderscape.org/Main_page/Guides/Forum_guides"> | |
− | + | <img src="https://i.imgur.com/PszyrB4.png" alt="Forum guides" width="600" height="400"> | |
− | + | </a> | |
− | + | <div class="desc">More guidezzz</div> | |
− | + | </div> | |
− | + | </div> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | = | + | <div class="responsive"> |
+ | <div class="gallery"> | ||
+ | <a target="_blank" href="https://wiki.grinderscape.org/Main_page/Guides/Support_guides"> | ||
+ | <img src="https://imgur.com/gq2HxCg.png" alt="Support Guides " width="600" height="400"> | ||
+ | </a> | ||
+ | <div style="padding:6px;"> Text </div> | ||
+ | <div style="padding:6px;"> Text </div> | ||
+ | </div> | ||
+ | </div> | ||
− | = | + | <div class="clearfix"></div> |
− | |||
− | |||
− | + | </body> | |
+ | </html> |
Revision as of 15:34, 31 July 2017
Welcome to the GrinderScape Wiki.