arhuako/tayronafoods-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

about page

Browse Source
This commit is contained in:
José Conde
2023-06-11 15:15:41 +02:00
parent 8b1cafca1c
commit e26f5885a9
6 changed files with 103 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/Employee.vue Normal file
View File

@ -0,0 +1,42 @@
<template>
<div class="employee-box">
<img :src="getImage(image)" class="image">
<h3 class="name">{{ name }}</h3>
<h4 class="role">{{ role }}</h4>
</div>
</template>
<script>
export default {
props: {
image: String,
name: String,
role: String,
},
methods: {
getImage(image) {
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
},
}
}
</script>
<style lang="scss" scoped>
.employee-box {
text-align: center;
}
.name {
margin: 36px 0 0;
font-weight: 700;
font-size: 24px;
line-height: 28px;
}
.role {
margin: 28px 0 0;
font-weight: 500;
font-size: 20px;
line-height: 23.44px;
}
</style>

14
src/components/Footer.vue
View File

@ -5,11 +5,11 @@
<img class="logo" src="@images/logo-kreis_3.png">
<div class="contact-info">
<h5>{{ $t('footer.contact')}}</h5>
<p>Si está interesado o tiene alguna pregunta, ¡contáctenos!</p>
<p>{{ $t('footer.message')}}</p>
<p class="emails">
<a href="mailto:info@Tayronafoods.com" class="email"><i class="email-icon"></i>info@Tayronafoods.com</a>
<a href="mailto:info@Tayronafoods.com" class="email"><i class="email-icon"></i>info@Tayronafoods.com</a>
<a href="mailto:info@Tayronafoods.com" class="email"><i class="email-icon"></i>info@Tayronafoods.com</a>
<a href="mailto:info@tayronafoods.com" class="email"><i class="email-icon"></i>info@tayronafoods.com</a>
<a href="mailto:alejandro@tayronafoods.com" class="email"><i class="email-icon"></i>alejandro@tayronafoods.com</a>
<a href="mailto:jose@tayronafoods.com" class="email"><i class="email-icon"></i>jose@tayronafoods.com</a>
</p>
<p class="phone"><i class="phone-icon"></i>+49(0)176 321 368 59</p>
<p class="phone"><i class="phone-icon"></i>+49(0)152 549 389 62</p>
@ -20,9 +20,9 @@
<a href="#"><i class="twitter-icon"></i></a>
</p>
<p class="links">
<a href="#">Impressum</a>
<a href="#">Datenschutz</a>
<a href="#">AGB</a>
<a href="https://tayronafoods.com/impressum">{{ $t('footer.impressum')}}</a>
<a href="https://tayronafoods.com/datenschutz">{{ $t('footer.dataprotection')}}</a>
<a href="https://tayronafoods.com/agb">{{ $t('footer.agb')}}</a>
</p>
</div>
</footer>

40
src/components/HelloWorld.vue
View File

@ -1,40 +0,0 @@
<script setup>
import { ref } from 'vue'
defineProps({
msg: String,
})
const count = ref(0)
</script>
<template>
<h1>{{ msg }}</h1>
<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>
<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Install
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>
<style scoped>
.read-the-docs {
color: #888;
}
</style>