about summary refs log tree commit diff
path: root/src/components/JoinUs.vue
diff options
context:
space:
mode:
authorPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-08-28 23:50:58 +0200
committerPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-08-28 23:50:58 +0200
commitd4c4f780577efe28819667c8564126917360cafb (patch)
treeaa5b4f75547f54c9ee2bae0d879f944a2c2e5763 /src/components/JoinUs.vue
parent6dfaa8790c86ef1d03bbfc648dce99ab33bc2942 (diff)
downloadpuszcza-d4c4f780577efe28819667c8564126917360cafb.tar.gz
puszcza-d4c4f780577efe28819667c8564126917360cafb.zip
Add JoinUs
Diffstat (limited to 'src/components/JoinUs.vue')
-rw-r--r--src/components/JoinUs.vue39
1 files changed, 39 insertions, 0 deletions
diff --git a/src/components/JoinUs.vue b/src/components/JoinUs.vue
new file mode 100644
index 0000000..55d8171
--- /dev/null
+++ b/src/components/JoinUs.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="joinus">
+    <div class="title">
+      <h1 class="text">Rozpocznij swoją harcerską przygodę!</h1>
+    </div>
+    <div class="button">
+      <router-link to="/join-us">Dołącz do nas!</router-link>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.joinus {
+}
+
+.title {
+  background-color: #340c0e;
+  color: #ffffff;
+
+  max-width: 330px;
+
+  text-align: left;
+}
+
+.title .text {
+  padding: 10px;
+}
+
+.button {
+  background-color: #507b34;
+  padding: 10px;
+  max-width: 150px;
+}
+
+.button a {
+  color: #ffffff;
+  text-decoration: none;
+}
+</style>
\ No newline at end of file