2019-05-29 23:50:44 +02:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta charset = "utf-8" >
2020-04-28 18:49:29 +02:00
< title > Bienvenue sur Kobold City< / title >
2019-05-29 23:50:44 +02:00
<!-- meta -->
< meta name = "description" content = "" >
< meta name = "author" content = "" >
<!-- mon icon -->
< link rel = "shortcut icon" href = "img/favicon.png" >
<!-- framework utilisés -->
2020-04-28 18:35:56 +02:00
< link href = "dep/bootstrap/css/bootstrap.css" rel = "stylesheet" >
< link href = "dep/fork-awesome/css/fork-awesome.css" rel = "stylesheet" >
2019-05-29 23:50:44 +02:00
< link href = "style.css" rel = "stylesheet" >
< / head >
< body >
2020-04-28 19:35:38 +02:00
< div id = "wrapper" >
< header class = "container" >
2019-05-29 23:50:44 +02:00
2020-04-28 19:35:38 +02:00
< nav class = "navbar navbar-expand-lg navbar-dark navbar-transparent" >
< div class = "container-fluid" >
2020-04-28 18:49:29 +02:00
< a class = "navbar-brand" href = "https://kobold.city/" id = "" > kobold.city< / a >
2019-05-29 23:50:44 +02:00
< 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" >
2020-04-28 18:49:29 +02:00
< / ul >
< ul class = "navbar-nav my-2 my-lg-0" >
2019-05-29 23:50:44 +02:00
< li class = "nav-item" >
2020-04-28 20:14:20 +02:00
< a class = "nav-link" href = "about.html" > À propos< / a >
2019-05-29 23:50:44 +02:00
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "#" > Contact< / a >
< / li >
< / ul >
< / div >
< / div >
< / nav >
< / header >
< section class = "container" >
< div class = "row" >
2020-04-28 20:14:20 +02:00
< h1 > < i class = "fa fa-star" > < / i > Bienvenue sur Kobold City !< / h1 >
2020-04-28 18:35:56 +02:00
2020-04-28 19:35:38 +02:00
< div class = "card card-dark" id = "welcome" >
< div class = "card-body" > < p > Kobold City (et son supplément Kobold Cafe, pour les sites plus "personnels") est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre :)< / p > < / div >
< / div >
2020-04-28 18:35:56 +02:00
2020-04-28 19:35:38 +02:00
< div class = "row site-cards" >
2020-04-28 18:35:56 +02:00
2019-05-29 23:50:44 +02:00
< div class = "col-md-4" >
2020-04-28 19:35:38 +02:00
< div class = "card card-green mb-4 box-shadow card-border" >
2019-05-29 23:50:44 +02:00
< div class = "card-body" >
< h4 class = "align-center" > Serveur git< / h4 >
< p class = "card-text" > Un serveur git, permettant d'héberger les différents projets de chlore et des membres.< / p >
< div class = "align-center" >
< div class = "btn-group" >
2020-04-28 18:49:29 +02:00
< a type = "button" href = "https://git.kobold.cafe" class = "btn btn-green" > Accéder< / a >
2019-05-29 23:50:44 +02:00
< / div >
< div >
< p class = "powered-text" > powered by < a href = "https://gitea.io/en-us/" > gitea< / a > < / p >
< / div >
< / div >
< / div >
< / div >
< / div >
2020-04-28 18:35:56 +02:00
2019-05-29 23:50:44 +02:00
< div class = "col-md-4" >
2020-04-28 19:35:38 +02:00
< div class = "card card-red mb-4 box-shadow card-border" >
2019-05-29 23:50:44 +02:00
< div class = "card-body" >
< h4 class = "align-center" > Quarante-douze< / h4 >
< p class = "card-text" > Un blog qui parle d'informatique, de culture libre et d'internet.< / p >
< div class = "align-center" >
< div class = "btn-group" >
< a type = "button" href = "https://quarante-douze.net" class = "btn btn-red" > Accéder< / a >
< / div >
< div >
< p class = "powered-text" > powered by < a href = "https://wordpress.org/" > Wordpress< / a > < / p >
< / div >
< / div >
< / div >
< / div >
< / div >
2020-04-28 18:35:56 +02:00
2019-05-29 23:50:44 +02:00
< div class = "col-md-4" >
2020-04-28 19:35:38 +02:00
< div class = "card card-violet mb-4 box-shadow card-border" >
2019-05-29 23:50:44 +02:00
< div class = "card-body" >
< h4 class = "align-center" > kazhnuz.space< / h4 >
2020-04-28 18:49:29 +02:00
< p class = "card-text" > Mon blog personnel.< / p >
2019-05-29 23:50:44 +02:00
< div class = "align-center" >
< div class = "btn-group" >
< a type = "button" href = "https://kazhnuz.space" class = "btn btn-violet" > Accéder< / a >
< / div >
< div >
< p class = "powered-text" > powered by < a href = "https://www.pluxml.org/" > pluXML< / a > < / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2020-04-28 18:35:56 +02:00
2019-05-29 23:50:44 +02:00
< / div >
< / section >
2020-04-28 20:17:33 +02:00
< nav class = "navbar navbar-expand-lg navbar-light navbar-transparent" >
2019-05-29 23:50:44 +02:00
< 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 >
2020-04-28 19:35:38 +02:00
< / div >
2019-05-29 23:50:44 +02:00
<!-- 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 >