101 lines
3.7 KiB
HTML
101 lines
3.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Bienvenue sur Kobold City</title>
|
||
|
|
|
||
|
|
<!-- meta -->
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="">
|
||
|
|
|
||
|
|
<!-- mon icon -->
|
||
|
|
<link rel="shortcut icon" href="img/favicon.png">
|
||
|
|
|
||
|
|
<!-- framework utilisés -->
|
||
|
|
<link href="dep/bootstrap/css/bootstrap.css" rel="stylesheet">
|
||
|
|
<link href="dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<link href="style.css" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="wrapper">
|
||
|
|
<header class="container">
|
||
|
|
|
||
|
|
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<a class="navbar-brand" href="https://kobold.city/" id="">kobold.city</a>
|
||
|
|
|
||
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
|
|
<ul class="navbar-nav mr-auto">
|
||
|
|
</ul>
|
||
|
|
<ul class="navbar-nav my-2 my-lg-0">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#About">À propos</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Contact</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="container">
|
||
|
|
<div class="row">
|
||
|
|
<h1><i class="fa fa-star"></i> À propos de Kobold City</h1>
|
||
|
|
|
||
|
|
<div class="card card-dark" id="welcome">
|
||
|
|
<div class="card-body"><p> Bonjour et bienvenue sur <a href="https://kobold.city">Kobold City</a>, le coin de web de <a href="https://kazhnuz.space">Kazhnuz</a>. Ce serveur est en quelque sorte mon "jardin", que je cultive et où je pose mes projets, les services et sites que j'héberge pour moi et mes amis.</p>
|
||
|
|
|
||
|
|
<p>Le but de ce serveur n'est pas d'être quelque chose "d'officiel", et encore moins une "entreprise", mais un petit bout d'internet "libre" un peu sympa, où nous pouvons nous amuser à plusieurs.</p>
|
||
|
|
|
||
|
|
<p>En esperant que vous trouverez de quoi passer un bon moment sur Kobold City :)</p></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card card-dark" id="welcome">
|
||
|
|
<div class="card-header"><i class="fa fa-question"></i> Pourquoi Kobold City ?</div>
|
||
|
|
<div class="card-body"><p>Parce que c'est rigolo.</p>
|
||
|
|
|
||
|
|
<p>Plus sérieusement, cela m'éclatait de donner à mon site le nom d'un peuple un peu "de base de JDR", et cela m'amuse particulièrement le fait que suivant les mythologies ou les univers, les kobolds soient des sortes de chiens, gobelins, lézard ou rat.</p></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||
|
|
<div class="container">
|
||
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="collapse navbar-collapse" id="SecondNavbar">
|
||
|
|
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
||
|
|
<li class="nav-item inactive">
|
||
|
|
CC BY-SA 2018-2019 <strong>chlore.net</strong>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<ul class="navbar-nav my-2 my-lg-0">
|
||
|
|
<li class="nav-item active">
|
||
|
|
<a class="nav-link" href="https://twitter.com/Kazhnuz"><i class="fa fa-fw fa-twitter"></i></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
||
|
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||
|
|
<script src="js/bootstrap.min.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|