cambios footer
This commit is contained in:
Jose Conde
parent
448f2fc1a0
commit
0a158842d5
BIN
src/assets/images/cafeteritos_green.png
Normal file
BIN
src/assets/images/cafeteritos_green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
1
src/assets/images/office.svg
Normal file
1
src/assets/images/office.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg width="64px" height="64px" viewBox="0 0 24.00 24.00" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs> <style>.cls-1,.cls-2{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;stroke-width:1.8240000000000003;}.cls-2{stroke-linecap:square;}</style> </defs> <g id="briefcase_alternatif" data-name="briefcase alternatif"> <path class="cls-1" d="M12,14.86h0a3.44,3.44,0,0,1-1.77-.49L1.5,9.14v-1A1.91,1.91,0,0,1,3.41,6.27H20.59A1.91,1.91,0,0,1,22.5,8.18v1l-8.73,5.23A3.44,3.44,0,0,1,12,14.86Z"></path> <line class="cls-2" x1="12" y1="13.91" x2="12" y2="15.82"></line> <polygon class="cls-2" points="15.82 6.27 8.18 6.27 9.14 2.46 14.86 2.46 15.82 6.27"></polygon> <rect class="cls-1" x="1.5" y="6.27" width="21" height="15.27" rx="1.91"></rect> </g> </g></svg>
|
||||||
|
After Width: | Height: | Size: 935 B |
1
src/assets/images/whatsapp.svg
Normal file
1
src/assets/images/whatsapp.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg fill="#ffffff" viewBox="-2 -2 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-whatsapp" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M9.516.012C4.206.262.017 4.652.033 9.929a9.798 9.798 0 0 0 1.085 4.465L.06 19.495a.387.387 0 0 0 .47.453l5.034-1.184a9.981 9.981 0 0 0 4.284 1.032c5.427.083 9.951-4.195 10.12-9.58C20.15 4.441 15.351-.265 9.516.011zm6.007 15.367a7.784 7.784 0 0 1-5.52 2.27 7.77 7.77 0 0 1-3.474-.808l-.701-.347-3.087.726.65-3.131-.346-.672A7.62 7.62 0 0 1 2.197 9.9c0-2.07.812-4.017 2.286-5.48a7.85 7.85 0 0 1 5.52-2.271c2.086 0 4.046.806 5.52 2.27a7.672 7.672 0 0 1 2.287 5.48c0 2.052-.825 4.03-2.287 5.481z"></path><path d="M14.842 12.045l-1.931-.55a.723.723 0 0 0-.713.186l-.472.478a.707.707 0 0 1-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.694.694 0 0 1 .056-.774l.412-.53a.71.71 0 0 0 .089-.726L7.38 5.553a.723.723 0 0 0-1.125-.256c-.539.453-1.179 1.14-1.256 1.903-.137 1.343.443 3.036 2.637 5.07 2.535 2.349 4.566 2.66 5.887 2.341.75-.18 1.35-.903 1.727-1.494a.713.713 0 0 0-.408-1.072z"></path></g></svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -5,7 +5,7 @@
|
|||||||
<div>
|
<div>
|
||||||
<p class="centered">
|
<p class="centered">
|
||||||
<img class="image" src="@images/image_membresias.png" />
|
<img class="image" src="@images/image_membresias.png" />
|
||||||
<img class="image" src="@images/Cafeteritos-logo.png" />
|
<img class="image" src="@images/cafeteritos_green.png" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
|
|||||||
@ -2,57 +2,84 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<footer>
|
<footer>
|
||||||
<!-- <img class="logo" src="@images/logo-kreis_3.png"> -->
|
|
||||||
<div class="contact-info">
|
<div class="contact-info">
|
||||||
<h5>{{ $t('footer.contact')}}</h5>
|
<h5>{{ $t('footer.contact')}}</h5>
|
||||||
<p>{{ $t('footer.message')}}</p>
|
<p>{{ $t('footer.message')}}</p>
|
||||||
<p class="emails">
|
<div class="cols">
|
||||||
<a href="mailto:info@tayronafoods.com" class="email"><i class="email-icon"></i>info@tayronafoods.com</a>
|
<div class="col left">
|
||||||
<a href="mailto:alejandro@tayronafoods.com" class="email"><i class="email-icon"></i>alejandro@tayronafoods.com</a>
|
<h6>{{ $t('footer.germany_office')}}</h6>
|
||||||
<a href="mailto:jose@tayronafoods.com" class="email"><i class="email-icon"></i>jose@tayronafoods.com</a>
|
<p><i class="email-icon"></i><a href="mailto:info@tayronafoods.com">info@tayronafoods.com</a></p>
|
||||||
</p>
|
<p><i class="email-icon"></i><a href="mailto:alejandro@tayronafoods.com">alejandro@tayronafoods.com</a></p>
|
||||||
<div class="phones">
|
<p><i class="email-icon"></i><a href="mailto:jose@tayronafoods.com">jose@tayronafoods.com</a></p>
|
||||||
<p class="phone"><i class="phone-icon"></i>+49(0)176 321 368 59</p>
|
<p><i class="whatsapp-icon"></i><a target="_blank" href="https://wa.me/49017632136859">+49(0)176 321 368 59</a></p>
|
||||||
<p class="phone"><i class="phone-icon"></i>+49(0)152 549 389 62</p>
|
<p><i class="whatsapp-icon"></i><a target="_blank" href="https://wa.me/49015254938962">+49(0)152 549 389 62</a></p>
|
||||||
</div>
|
</div>
|
||||||
<p class="rss">
|
<div class="separator"></div>
|
||||||
<a href="https://www.facebook.com/profile.php?id=100093464946416"><i class="facebook-icon"></i></a>
|
<div class="col right">
|
||||||
<a href="https://instagram.com/tayrona_foods?igshid=NTc4MTIwNjQ2YQ=="><i class="instagram-icon"></i></a>
|
<h6>{{ $t('footer.colombia_office')}}</h6>
|
||||||
</p>
|
<p><a href="mailto:Colombia@Tayronafoods.com"><i class="email-icon"></i>Colombia@Tayronafoods.com</a></p>
|
||||||
<!-- <p class="rss">
|
<p><i class="whatsapp-icon"></i><a target="_blank" href="https://wa.me/573174293266">+57 317 429 32 66</a></p>
|
||||||
<a href="#"><i class="youtube-icon"></i></a>
|
<p><i class="office-icon"></i>Tayrona Foods SAS Cra 80a # 25b-44</p>
|
||||||
<a href="#"><i class="twitter-icon"></i></a>
|
</div>
|
||||||
</p> -->
|
</div>
|
||||||
<p class="links">
|
<p class="rss">
|
||||||
<router-link class="link" to="/impressum">{{ $t('footer.impressum')}}</router-link>
|
<a href="https://www.facebook.com/profile.php?id=100093464946416"><i class="facebook-icon"></i></a>
|
||||||
<router-link class="link" to="/dataprotection">{{ $t('footer.dataprotection') }}</router-link>
|
<a href="https://instagram.com/tayrona_foods?igshid=NTc4MTIwNjQ2YQ=="><i class="instagram-icon"></i></a>
|
||||||
<router-link class="link" to="/agb">{{ $t('footer.agb') }}</router-link>
|
</p>
|
||||||
<router-link class="link" to="/widerrufsrecht">{{ $t('footer.rightofwithdrawal') }}</router-link>
|
<p class="links">
|
||||||
<router-link class="link" to="/gewinnspielbedingungen">{{ $t('footer.competitionconditions') }}</router-link>
|
<router-link class="link" to="/impressum">{{ $t('footer.impressum')}}</router-link>
|
||||||
|
<router-link class="link" to="/dataprotection">{{ $t('footer.dataprotection') }}</router-link>
|
||||||
|
<router-link class="link" to="/agb">{{ $t('footer.agb') }}</router-link>
|
||||||
<!-- <a href="https://tayronafoods.com/impressum">{{ $t('footer.impressum')}}</a>
|
<router-link class="link" to="/widerrufsrecht">{{ $t('footer.rightofwithdrawal') }}</router-link>
|
||||||
<a href="https://tayronafoods.com/datenschutz">{{ $t('footer.dataprotection')}}</a>
|
<router-link class="link" to="/gewinnspielbedingungen">{{ $t('footer.competitionconditions') }}</router-link>
|
||||||
<a href="https://tayronafoods.com/agb">{{ $t('footer.agb')}}</a> -->
|
</p>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.contact-info p {
|
||||||
|
font-weight: 200;
|
||||||
|
letter-spacing: 0.05rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
text-align: center
|
||||||
|
}
|
||||||
|
.cols {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1px 1fr;
|
||||||
|
gap: 24px;
|
||||||
|
margin-top: 24px;
|
||||||
|
justify-items: center;
|
||||||
|
|
||||||
|
.col {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.separator {
|
||||||
|
border-right: 1px solid #fff;
|
||||||
|
margin: 48px;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #442808;
|
background-color: #442808;
|
||||||
background-image: url('@images/footer_coffee.png');
|
background-image: url('@images/footer_coffee.png');
|
||||||
background-blend-mode: overlay;
|
background-blend-mode: multiply;
|
||||||
background-position: bottom;
|
background-position: bottom;
|
||||||
|
background-repeat: no-repeat;
|
||||||
padding-bottom: 36px;
|
padding-bottom: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
font-weight: 400;
|
font-weight: 300;
|
||||||
padding-top: 72px;
|
padding-top: 52px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
@ -77,16 +104,11 @@
|
|||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
|
||||||
|
|
||||||
@mixin icon($url) {
|
&:hover {
|
||||||
display: inline-block;
|
text-decoration: underline;
|
||||||
background-image: url($url);
|
opacity: 0.7;
|
||||||
background-repeat: no-repeat;
|
}
|
||||||
background-position: center;
|
|
||||||
background-size: contain;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
@ -100,38 +122,26 @@
|
|||||||
.contact-info {
|
.contact-info {
|
||||||
text-align: center;;
|
text-align: center;;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
font-weight: 200;
|
font-weight: 100;
|
||||||
|
|
||||||
.phones {
|
@mixin icon($url) {
|
||||||
margin-top: 24px;
|
display: inline-block;
|
||||||
|
background-image: url($url);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emails {
|
.email-icon {
|
||||||
padding: 0;
|
@include icon('@images/email.svg');
|
||||||
.email {
|
|
||||||
|
|
||||||
margin-right: 16px;
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
&-icon {
|
|
||||||
@include icon('@images/email.svg');
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.phone-icon {
|
.phone-icon {
|
||||||
@include icon('@images/phone.svg');
|
@include icon('@images/phone.svg');
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rss a {
|
|
||||||
margin-right: 24px;
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.facebook-icon {
|
.facebook-icon {
|
||||||
@ -149,10 +159,33 @@
|
|||||||
.twitter-icon {
|
.twitter-icon {
|
||||||
@include icon('@images/twitter.svg');
|
@include icon('@images/twitter.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.whatsapp-icon {
|
||||||
|
@include icon('@images/whatsapp.svg');
|
||||||
|
}
|
||||||
|
.office-icon {
|
||||||
|
@include icon('@images/office.svg');
|
||||||
|
}
|
||||||
|
|
||||||
|
.rss a {
|
||||||
|
margin-right: 24px;
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
@media only screen and (max-width: 767px) {
|
||||||
|
.cols {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: 24px;
|
||||||
|
.col {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.separator {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
h5 {
|
h5 {
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,8 +6,9 @@ export default {
|
|||||||
dataprotection: 'Datenschutz',
|
dataprotection: 'Datenschutz',
|
||||||
agb: 'AGB',
|
agb: 'AGB',
|
||||||
rightofwithdrawal: 'Widerrufsrecht',
|
rightofwithdrawal: 'Widerrufsrecht',
|
||||||
competitionconditions: 'Gewinnspielbedingungen'
|
competitionconditions: 'Gewinnspielbedingungen',
|
||||||
|
colombia_office: 'Kolumbien Büro',
|
||||||
|
germany_office: 'Deutschland Büro',
|
||||||
},
|
},
|
||||||
menu: {
|
menu: {
|
||||||
home: 'Home',
|
home: 'Home',
|
||||||
|
|||||||
@ -6,7 +6,9 @@ export default {
|
|||||||
dataprotection: 'Data protection',
|
dataprotection: 'Data protection',
|
||||||
agb: 'AGB',
|
agb: 'AGB',
|
||||||
rightofwithdrawal: 'Widerrufsrecht',
|
rightofwithdrawal: 'Widerrufsrecht',
|
||||||
competitionconditions: 'Gewinnspielbedingungen'
|
competitionconditions: 'Gewinnspielbedingungen',
|
||||||
|
colombia_office: 'Colombia Office',
|
||||||
|
germany_office: 'Germany Office',
|
||||||
},
|
},
|
||||||
menu: {
|
menu: {
|
||||||
home: 'Home',
|
home: 'Home',
|
||||||
|
|||||||
@ -6,7 +6,9 @@ export default {
|
|||||||
dataprotection: 'Protección de Datos',
|
dataprotection: 'Protección de Datos',
|
||||||
agb: 'AGB',
|
agb: 'AGB',
|
||||||
rightofwithdrawal: 'Widerrufsrecht',
|
rightofwithdrawal: 'Widerrufsrecht',
|
||||||
competitionconditions: 'Gewinnspielbedingungen'
|
competitionconditions: 'Gewinnspielbedingungen',
|
||||||
|
colombia_office: 'Oficina en Colombia',
|
||||||
|
germany_office: 'Oficina en Alemania',
|
||||||
},
|
},
|
||||||
menu: {
|
menu: {
|
||||||
home: 'Inicio',
|
home: 'Inicio',
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user