foundations and home

2023-06-11 14:34:05 +02:00
parent 8069c4a5be
commit 8b1cafca1c
48 changed files with 1251 additions and 117 deletions
--- a/src/components/CoffeeFarmer.vue
+++ b/src/components/CoffeeFarmer.vue
@ -0,0 +1,36 @@
+<template>
+  <section class="coffeefarmers">
+    <h3 class="header">{{  $t('coffeefarmers.title') }}</h3>
+    <div class="separator"></div>
+  </section>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+  .coffeefarmers {
+    height: 590px;
+    background-image: url('@images/grains.png');
+    background-repeat: no-repeat;
+    background-size: contain;
+    color: #fff;
+  }
+
+  h3.header {
+    font-weight: 400;
+    font-size: 48px;
+    line-height: 58px;
+    padding: 175px 230px 0;
+    text-align: center;
+  }
+
+  .separator {
+    border-top: 2px solid #fff;
+    width: 700px;
+    margin: 50px auto 0;
+  }
+</style>