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

cambios

Browse Source
This commit is contained in:
carmengiraldo
2023-09-17 16:08:53 +02:00
parent f63faa97a0
commit 2e88dda569
18 changed files with 200 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/Certifications.vue
View File

@@ -1,13 +1,20 @@
<template>
<section class="certifications">
<div class="right">
<!-- <div class="right"> -->
<h2>{{ $t('certifications.title1') }}</h2>
<p class="centered"><img class="image" src="@images/image_membresias.png" /></p>
</div>
<div class="left">
<div>
<p class="centered">
<img class="image" src="@images/image_membresias.png" />
<img class="image" src="@images/Cafeteritos-logo.png" />
</p>
</div>
<!-- </div> -->
<!-- <div class="left"> -->
<h2>{{ $t('certifications.title2') }}</h2>
<p class="centered"><img class="image" src="@images/Nuestros_aliados.png" /></p>
</div>
<p class="centered">
<img class="image" src="@images/Nuestros_aliados.png" />
</p>
<!-- </div> -->
</section>
</template>
@@ -28,17 +35,25 @@ h2 {
}
.image {
height: 200px;
widows: 200px;;
height: 150px;
widows: 150px;
margin-right: 16px;
&:last-child {
margin-right: 0;
}
}
.certifications {
background-color: #000;
background-position: top left;
background-position: top;
background-size: contain;
display: grid;
// display:grid;
grid-template-columns: 1fr 1fr;
align-items:center;
justify-items: center;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
@@ -47,8 +62,8 @@ h2 {
font-size: 24px !important;
}
.image {
height: 170px;
widows: 170px;;
height: 100px;
widows: 100px;
}
.certifications {
display: flex;

11
src/components/Employee.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="employee-box">
<img :src="$helper.getImage(image)" class="image">
<img class="employee-image" :src="$helper.getImage(image)">
<h3 class="name">{{ name }}</h3>
<h4 class="role">{{ role }}</h4>
</div>
@@ -21,6 +21,11 @@ export default {
text-align: center;
}
.employee-image {
width: 140px !important;
border-radius: 50%;
}
.name {
margin: 36px 0 0;
font-weight: 300;
@@ -41,5 +46,9 @@ export default {
.role {
margin-top: 8px;
}
.employee-image {
width: 100%;
}
}
</style>

20
src/components/Footer.vue
View File

@@ -15,9 +15,11 @@
<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>
</div>
<!-- <p class="rss">
<a href="#"><i class="facebook-icon"></i></a>
<a href="#"><i class="instagram-icon"></i></a>
<p class="rss">
<a href="https://www.facebook.com/profile.php?id=100093464946416"><i class="facebook-icon"></i></a>
<a href="https://instagram.com/tayrona_foods?igshid=NTc4MTIwNjQ2YQ=="><i class="instagram-icon"></i></a>
</p>
<!-- <p class="rss">
<a href="#"><i class="youtube-icon"></i></a>
<a href="#"><i class="twitter-icon"></i></a>
</p> -->
@@ -45,7 +47,7 @@
}
h5 {
font-weight: 500;
font-weight: 400;
padding-top: 72px;
font-size: 20px;
margin-bottom: 24px;
@@ -77,8 +79,8 @@
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px;
width: 20px;
height: 20px;
}
.logo {
@@ -92,8 +94,8 @@
.contact-info {
text-align: center;;
flex-direction: column;
font-size: 20px;
font-weight: 500;
font-size: 16px;
font-weight: 200;
.phones {
margin-top: 24px;
@@ -109,7 +111,7 @@
}
&-icon {
@include icon('@images/email.svg');
margin-right: 5px;
margin-right: 4px;
}
}
}