2019-10-18 14:56:08 +02:00
<!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" >
2019-12-07 10:50:36 +01:00
<!-- 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" >
2019-12-07 10:50:36 +01:00
2019-12-07 10:25:36 +01:00
< link href = "style.css" rel = "stylesheet" >
2019-12-07 10:50:36 +01:00
2019-10-18 14:56:08 +02:00
< / 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 >
2019-10-18 14:56:08 +02:00
< / div >
2019-12-07 10:57:51 +01:00
2019-10-18 14:56:08 +02:00
< div class = "column col-md-6" >
< nav class = "navbar" >
< section class = "navbar-section" >
2019-12-07 10:57:51 +01:00
2019-10-18 14:56:08 +02: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 >
2019-12-07 10:57:51 +01:00
< / header >
2019-10-18 14:56:08 +02:00
< 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 > S ituation< / 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 >
2019-10-18 14:56:08 +02:00
< / 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 >
2019-10-18 14:56:08 +02:00
< / 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 >
2019-11-05 21:06:19 +01:00
< footer >
2019-10-18 14:56:08 +02:00
< 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" >
2019-11-05 21:06:19 +01:00
< div class = "column" >
2019-10-18 14:56:08 +02:00
< 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 >
2019-11-05 21:06:19 +01:00
< div class = "column" >
2019-10-18 14:56:08 +02:00
< 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 >
2019-11-05 21:06:19 +01:00
< div class = "column" >
2019-10-18 14:56:08 +02:00
< p > Lorem Ipsum.< / p >
< / div >
< / div >
< / footer >
< script src = "js/trim.js" > < / script >
< / body >
< / html >
