56 lines
2.5 KiB
Vue
56 lines
2.5 KiB
Vue
<template>
|
||
<div>
|
||
<div class="text-light mb-5" style="background-image: radial-gradient(circle at top left,rgba(255,255,128,0.5) 0%,rgba(128,128,128,0.4) 58%),url(/img/ian-dooley-TevqnfbI0Zc-unsplash.jpg); background-size: cover;">
|
||
<h1 class="text-center display-1" style="padding-top: 20vh; padding-bottom: 5vh; text-shadow: white 0px 0px 15px">
|
||
HappyDNS
|
||
</h1>
|
||
<h2 class="text-center d-1" style="padding-bottom: 30vh; text-shadow: white 0px 0px 10px">
|
||
Finally a simple interface for domain names
|
||
</h2>
|
||
</div>
|
||
|
||
<b-container class="mb-5">
|
||
<b-row>
|
||
<h3 class="text-center font-weight-bolder mt-5 mb-5 offset-md-2 col-md-8" style="line-height: 1.5em">
|
||
Vous trouvez les <span class="text-highlight">interfaces des hébergeurs</span> de noms de domaine <span class="text-highlight">incompréhensibles</span> ou <span class="text-highlight">inutilisables</span> ?
|
||
</h3>
|
||
</b-row>
|
||
<b-row class="mt-5 mb-5 text-justify">
|
||
<b-col md="4">
|
||
<p class="font-weight-bold" style="font-size: 1.15rem">
|
||
Réconciliez-vous avec vos noms de domaine, grâce à une interface pensée pour vous.
|
||
</p>
|
||
</b-col>
|
||
<b-col sm="6" md="4">
|
||
<p>
|
||
Amis <strong>néophytes</strong>, notre interface <strong>simple</strong> saura vous guider dans la configuration de votre nom de domaine, sans passer par la terminologie propre des noms de domaine.
|
||
</p>
|
||
</b-col>
|
||
<b-col sm="6" md="4">
|
||
<p>
|
||
<strong>Experts</strong> chevronnés : changez votre point de vue sur le DNS, avec une interface <strong>ergonomique</strong> dans l’ère du temps, qui répondra à toutes vos attentes.
|
||
</p>
|
||
</b-col>
|
||
</b-row>
|
||
</b-container>
|
||
|
||
<div class="mt-5" style="background-image: url(/img/karina-vorozheeva-rW-I87aPY5Y-unsplash.jpg); background-size: cover; background-position-y: 28%; background-attachment: fixed; padding-top: 60vh"></div>
|
||
|
||
<b-container class="mb-5">
|
||
<b-row>
|
||
<p class="mt-5 mb-5 offset-md-2 col-md-8 font-weight-bolder">
|
||
Rendez-vous sur <a href="https://git.happydns.org/">notre forge</a> pour télécharger le code source de notre plate-forme.<br><br>
|
||
Une version précompilée sera prochainement proposée au téléchargement.
|
||
</p>
|
||
</b-row>
|
||
</b-container>
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<style>
|
||
.text-highlight {
|
||
background-color: yellow;
|
||
}
|
||
</style>
|