kazhnuz.css/personnage.html

191 lines
6.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Blue Sky, by Kazhnuz</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="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
2019-12-07 10:24:10 +01:00
<link href="dep/spectre/css/spectre.min.css" rel="stylesheet">
<link href="dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header id="page-header">
<div class="columns">
<div class="column col-6">
2019-11-05 21:09:12 +01:00
<h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
</div>
<div class="column col-md-6">
<nav class="navbar">
<section class="navbar-section">
2019-11-05 21:09:12 +01:00
</section>
<section class="navbar-section">
<a href="..." class="btn btn-link">Blog</a>
<a href="..." class="btn btn-link">Gallerie</a>
<a href="..." class="btn btn-link">A propos</a>
</section>
</nav>
</div>
</div>
</header>
<div class="container-personnage" id="page-content">
<h1 class="personnage-nomp">Katos Skelfing</h1>
<div class="card card-primary personnage-meta">
<h2 class="card-header">Méta</h2>
<img src="" />
<table class="table-primary">
<tr>
<th>Prénom</th>
<td>Katos</td>
</tr>
<tr>
<th>Nom</th>
<td>Skelfing</td>
</tr>
<tr>
<th>Genre</th>
<td>Garçon</td>
</tr>
<tr>
<th>Espèce</th>
<td>Lëonth</td>
</tr>
<tr>
<th>Âge</th>
<td>16 ans</td>
</tr>
<tr>
<th>Anniversaire</th>
<td>18 Aout</td>
</tr>
<tr>
<th>Univers</th>
<td>Radiant Skies</td>
</tr>
</table>
</div>
<div class="card card-primary personnage-info">
<h2 class="card-header">Informations principales</h2>
<table class="table-primary">
<tr>
<th>Pouvoirs</th>
<td>Guilde de l'Energie (healer/dps)</td>
</tr>
<tr>
<th>Rôle/Emploi</th>
<td>Prince (en fuite) de l'Empire Skelfing</td>
</tr>
<tr>
<th>Affiliation</th>
<td>Les Cieux Radiants</td>
</tr>
<tr>
<th>Lieu d'habitation</th>
<td>Les grandes espaces de l'Empire</td>
</tr>
</table>
</div>
<div class="card card-primary personnage-goss">
<h2 class="card-header">gossip</h2>
<table class="table-primary">
<tr>
<th>Orientation</th>
<td>Bisexuel</td>
</tr>
<tr>
<th>Situation</th>
<td>Célibataire</td>
</tr>
</table>
</div>
<div class="card card-primary personnage-look">
<h2 class="card-header">Apparence</h2>
<table class="table-primary">
<tr>
<th>Corpulence</th>
<td>Petit et trapu</td>
</tr>
</table>
</div>
<div class="card card-success personnage-aime">
<h2 class="card-header">Aime</h2>
2019-10-18 15:26:26 +02:00
<ul class="card-list list-success list-check">
<li class="list-element">Se balader</li>
<li class="list-element">Manger</li>
<li class="list-element">Se cacher</li>
<li class="list-element">Être happy de la vie</li>
</ul>
</div>
<div class="card card-danger personnage-dete">
<h2 class="card-header">N'aime pas</h2>
2019-10-18 15:26:26 +02:00
<ul class="card-list list-danger list-cross">
<li class="list-element">Se faire poursuivre</li>
<li class="list-element">L'empire</li>
<li class="list-element">La guerre</li>
<li class="list-element">Réussir à s'enfermer dans un coffre :<</li>
</ul>
</div>
<div class="card card-primary personnage-hist">
<h2 class="card-header">Histoire</h2>
<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, voluptate. Expedita nostrum earum soluta voluptatem, dolorum architecto necessitatibus laudantium obcaecati rerum maiores neque esse, quas corporis debitis at? Qui, rem!</div>
</div>
</div>
</div>
<footer>
<ul class="social">
<li class="social-li"><a class="social-link" href="https://twitter.com/kazhnuz" alt="Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>
<li class="social-li"><a class="social-link" href="https://octodon.social/users/kazhnuz" alt="Mastodon"><i class="fa fa-fw fa-mastodon"></i></a></li>
<li class="social-li"><a class="social-link" href="#" alt="Diaspora"><i class="fa fa-fw fa-diaspora"></i></a></li>
<li class="social-li"><a class="social-link" href="#" alt="DeviantART"><i class="fa fa-fw fa-deviantart"></i></a></li>
<li class="social-li"><a class="social-link" href="#" alt="Github"><i class="fa fa-fw fa-github"></i></a></li>
<li class="social-li"><a class="social-link" href="#" alt="Gitlab"><i class="fa fa-fw fa-gitlab"></i></a></li>
</ul>
<div class="columns">
<div class="column">
<p>Ce theme est diffusé sous licence <strong>Creative Common Attribution - Partage à l'Identique 4.0</strong> - hors mention contraire.</p>
<p>Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p>
</div>
<div class="column">
<p>Theme réalisé avec le quadriciel <a href="https://getbootstrap.com/">Bootstrap4</a> et la banque d'icone <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
</div>
<div class="column">
<p>Lorem Ipsum.</p>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/trim.js"></script>
</body>
</html>