Lev
2 years ago
9 changed files with 134 additions and 19 deletions
@ -0,0 +1,70 @@ |
|||||||
|
<template> |
||||||
|
<WhiteLayout next=""> |
||||||
|
<template v-slot:header> |
||||||
|
<img src="@/assets/headers/i-know.svg" style="max-height: 100%; max-width: 90%" alt="TON DNS"/> |
||||||
|
</template> |
||||||
|
<template v-slot:content> |
||||||
|
<div class="cont2"> |
||||||
|
<div class="columns-3" style="display: flex; columns: 3; justify-content: center; align-items: center"> |
||||||
|
<div> |
||||||
|
</div> |
||||||
|
<div id="great"> |
||||||
|
<p> |
||||||
|
Very good!<br/>We can help you host a website there or sell subdomains.<br/> |
||||||
|
For now, you will have to <a href="https://t.me/ennucore">contact us on Telegram</a>. <br/> |
||||||
|
We are especially interested in partnering with different projects and communities which are interested in distributing domains to their users.<br/> |
||||||
|
Also, you can always <router-link :to="{name: 'Find'}">buy another domain</router-link>. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-slot:buttons> |
||||||
|
<a href="https://t.me/ennucore"> |
||||||
|
<button class="b blue wide"> |
||||||
|
<span>Contact us</span> |
||||||
|
</button> |
||||||
|
</a> |
||||||
|
<router-link :to="{name: 'Find'}"> |
||||||
|
<button class="b blue wide"> |
||||||
|
<span>Buy a domain</span> |
||||||
|
</button> |
||||||
|
</router-link> |
||||||
|
</template> |
||||||
|
</WhiteLayout> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import WhiteLayout from "../components/WhiteLayout.vue"; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "IHave", |
||||||
|
components: {WhiteLayout} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
#great { |
||||||
|
font-size: 3rem; |
||||||
|
} |
||||||
|
|
||||||
|
/* narrow buttons on mobile */ |
||||||
|
@media only screen and (max-width: 800px) { |
||||||
|
.b.blue.wide { |
||||||
|
max-width: 35vw; |
||||||
|
min-width: revert; |
||||||
|
} |
||||||
|
|
||||||
|
#great { |
||||||
|
font-size: 1.5rem; |
||||||
|
} |
||||||
|
} |
||||||
|
.cont2 { |
||||||
|
/* vertical centering */ |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
</style> |
Loading…
Reference in new issue