173 lines
8.7 KiB
HTML
173 lines
8.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
|
<script src="js/bootstrap.bundle.js"></script>
|
||
|
<title>Document</title>
|
||
|
<style>
|
||
|
.bg-dark-st{
|
||
|
background: rgba(0,0,0,0.7)!important;
|
||
|
}
|
||
|
.bg-darkl-st{
|
||
|
background: rgba(0,0,0,0.3)!important;
|
||
|
}
|
||
|
.bg-light-st{
|
||
|
background: rgba(255,255,255,0.3)!important;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
|
||
|
<body class="bg-dark text-light" style="background: no-repeat scroll center top url(https://nebelkrieger.de/templates/eqdkp_wow/images/template_background.jpg);">
|
||
|
<div class="container-fluid">
|
||
|
<div class="row">
|
||
|
<div class="col-12 bg-darkl-st d-flex justify-content-center">
|
||
|
<img src="https://nebelkrieger.de/data/f6bf46603211478bf46fc3b75df36051/files///users/7b3eb366286fc133f9118717046a786b.png" alt="">
|
||
|
</div>
|
||
|
<div class="col-12 bg-dark-st d-flex flex-row justify-content-center">
|
||
|
<div class="btn btn-outline-light m-2">Home</div>
|
||
|
<div class="btn btn-outline-light m-2">Forum</div>
|
||
|
<div class="btn btn-outline-light m-2">Gildensatzung</div>
|
||
|
<div class="btn btn-outline-light m-2">Bewerbung schreiben</div>
|
||
|
<div class="btn btn-outline-light m-2">Datenschutz</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row mt-3">
|
||
|
<div class="col-2">
|
||
|
<div class="container-fluid">
|
||
|
<div class="row pt-2 bg-light-st">
|
||
|
<div class="col-12">Sanktum der Herrschaft</div>
|
||
|
<div class="col-12">
|
||
|
<table class="table table-dark border-light table-sm">
|
||
|
<tr>
|
||
|
<td>Tarragrue</td>
|
||
|
<td class="text-success" title="Firstkill: 01.01.1990" data-bs-toggle="tooltip">N
|
||
|
</td>
|
||
|
<td class="text-success">H</td>
|
||
|
<td class="text-danger">M</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>Auge des Kerkermeisters</td>
|
||
|
<td class="text-success">N</td>
|
||
|
<td class="text-success">H</td>
|
||
|
<td class="text-danger">M</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>Die Neun</td>
|
||
|
<td class="text-success">N</td>
|
||
|
<td class="text-success">H</td>
|
||
|
<td class="text-danger">M</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>[etc]</td>
|
||
|
<td>N</td>
|
||
|
<td>H</td>
|
||
|
<td>M</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-8">
|
||
|
<div class="container-fluid">
|
||
|
<div class="row p-2 mb-1 bg-light-st">
|
||
|
<div class="col-1 text-center">
|
||
|
<div class="bg-blue display-5 text-center">14</div>
|
||
|
<div class="bg-gray">Februar</div>
|
||
|
<div class="bg-druid small text-dark">Raid</div>
|
||
|
</div>
|
||
|
<div class="col-11 p-2 bg-dark-st">
|
||
|
<div class="d-flex flex-column">
|
||
|
<h3>ENDLICH DOWN!!! (10/10 HC!)</h3>
|
||
|
<div class="d-flex flex-row justify-content-between border-top border-light pt-2">
|
||
|
<p>
|
||
|
Happy Valentinstag!<br>
|
||
|
Am heutigen Montag beschenkten wir uns selber und konnten endlich "Sylvanas" bezwingen.<br>
|
||
|
Nach sehr vielen Wochen, an denen wir viel übten und knapp scheiterten, konnten wir heute endlich den Sieg erringen!<br>
|
||
|
Vielen Dank an alle Raider für diesen tollen Erfolg! Patch 9.2 kann kommen!
|
||
|
</p>
|
||
|
<img src="https://via.placeholder.com/320x240" alt="">
|
||
|
</div>
|
||
|
<div>
|
||
|
<img src="https://avatars.dicebear.com/api/bottts/Fips.svg" alt="" width="50px">
|
||
|
<div class="small text-muted">Autor: Fips</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="row p-2 mb-1 bg-light-st">
|
||
|
<div class="col-1 text-center">
|
||
|
<div class="bg-blue display-5 text-center">01</div>
|
||
|
<div class="bg-gray">Januar</div>
|
||
|
<div class="bg-rogue small text-dark">News</div>
|
||
|
</div>
|
||
|
<div class="col-11 bg-dark-st p-2">
|
||
|
<div class="d-flex flex-column">
|
||
|
<h3>Happy New Year!</h3>
|
||
|
<div class="d-flex flex-row justify-content-between border-top border-light pt-2">
|
||
|
<p>
|
||
|
2022!<br>
|
||
|
Ein neues Jahr steht uns nun bevor.<br>
|
||
|
Wir wünschen allen ein schönes, erfolgreiches und vor allem gesundheitlich tolles Jahr 2022!<br>
|
||
|
Bei uns geht es bereits ab Donnerstag weiter mit den Raids.<br>
|
||
|
Wir freuen uns bereits und hoffen, dass wir "Sylvanas" noch ärgern dürfen in den kommenden Wochen.<br>
|
||
|
</p>
|
||
|
<img src="https://via.placeholder.com/320x240" alt="">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div>
|
||
|
<img src="https://avatars.dicebear.com/api/bottts/Maluson.svg" alt="" width="50px">
|
||
|
<div class="small text-muted">Autor: Maluson</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-2">
|
||
|
<div class="container-fluid">
|
||
|
<div class="row pt-2 bg-light-st">
|
||
|
<div class="col-12">Spielersuche</div>
|
||
|
<div class="col-12">
|
||
|
<table class="table table-dark border-light table-sm" style="font-size: 0.8em;">
|
||
|
<tr>
|
||
|
<th>Klasse</th>
|
||
|
<th>Skillung</th>
|
||
|
<th>Nachfrage</th>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td class="bg-druid">Druide</td>
|
||
|
<td class="text-center">Wildheit</td>
|
||
|
<td class="bg-danger">Hoch</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td class="bg-shaman">Schamane</td>
|
||
|
<td class="text-center">Elementar</td>
|
||
|
<td class="bg-yellow">Mittel</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td class="bg-demonhunter">Dämonenjäger</td>
|
||
|
<td class="text-center">Alle Skillungen</td>
|
||
|
<td class="bg-green">Niedrig</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<script>
|
||
|
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||
|
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||
|
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||
|
})
|
||
|
|
||
|
</script>
|
||
|
</body>
|
||
|
|
||
|
</html>
|