diff options
Diffstat (limited to 'src/components/JoinUs.vue')
-rw-r--r-- | src/components/JoinUs.vue | 73 |
1 files changed, 0 insertions, 73 deletions
diff --git a/src/components/JoinUs.vue b/src/components/JoinUs.vue deleted file mode 100644 index f534d22..0000000 --- a/src/components/JoinUs.vue +++ /dev/null @@ -1,73 +0,0 @@ -<template> - <section class="joinus"> - <div class="heading"> - <div class="title"> - <div class="text">Rozpocznij swoją harcerską przygodę!</div> - </div> - <div class="button"> - <router-link to="/kontakt">Dołącz do nas!</router-link> - </div> - </div> - </section> -</template> - -<style scoped> -.joinus { - width: 100%; - - padding: 80px 20%; - - background: #dddddd; - - display: flex; - flex-direction: row; - justify-content: center; -} - -.heading { - width: 900px; - padding: 100px 0; - - display: flex; - flex-direction: column; -} - -.title { - background-color: #340c0e; - color: #ffffff; - - width: 260px; - height: 85px; - margin-bottom: 20px; - - text-align: left; -} - -.title .text { - margin: 0; - padding: 10px; - font-size: 24px; -} - -.button { - background-color: #507b34; - padding: 10px; - max-width: 150px; -} - -.button a { - color: #ffffff; - text-decoration: none; -} - -@media (max-width: 500px) { - .heading { - margin: 0; - align-items: center; - } - - .joinus { - padding: 80px 20px; - } -} -</style> \ No newline at end of file |