|
|
Line 1: |
Line 1: |
− | | + | Testing images |
| <html> | | <html> |
− | <head>
| |
− | <style>
| |
− | div.gallery {
| |
− | border: 1px solid #000000;
| |
− | }
| |
− |
| |
− | div.gallery:hover {
| |
− | border: 1px solid #7CFC00;
| |
− | }
| |
− |
| |
− | 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> | | <body> |
| | | |
− | <p> Welcome to the Etherum Wiki. </p>
| + | <a href="https://wiki.etherumps.com/Main_page"> |
− | | + | <img src="https://i.imgur.com/Ezmb51W.png" alt="my picture" height="32" width="32" /> |
− | <div class="responsive">
| + | </a> |
− | <div class="gallery">
| |
− | <a target="_blank" href="https://wiki.etherumps.com/Main_page/Guides/General_guides">
| |
− | <img src="https://i.imgur.com/Nb3kn8d.png" alt="General Guides" width="300" height="200">
| |
− | </a>
| |
− | <div class="desc">General Guides</div>
| |
− | <p>
| |
− | <div style="padding:6px;"> - Guide 1 </div>
| |
− | <div style="padding:6px;"> - Guide 2 </div>
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | | |
− | | |
− | <div class="responsive">
| |
− | <div class="gallery"> | |
− | <a target="_blank" href="https://wiki.etherumps.com/Main_page/Guides/Bestiary">
| |
− | <img src="https://i.imgur.com/VxEHSw9.png" alt="Bestiary" width="600" height="400">
| |
− | </a>
| |
− | <div class="desc">Bestiary</div>
| |
− | <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.etherumps.com/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.etherumps.com/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> | | </body> |
| </html> | | </html> |
− |
| |
− |
| |
− | Icons go to the main overview pages<br>
| |
− | text under it goes directly to the directory. obv... :)
| |