diff --git a/src/assets/images/Cafeteritos-logo.png b/src/assets/images/Cafeteritos-logo.png new file mode 100644 index 0000000..665d9af Binary files /dev/null and b/src/assets/images/Cafeteritos-logo.png differ diff --git a/src/assets/images/imag-4.jpg b/src/assets/images/imag-4.jpg new file mode 100644 index 0000000..3b89797 Binary files /dev/null and b/src/assets/images/imag-4.jpg differ diff --git a/src/assets/images/imag-5.jpg b/src/assets/images/imag-5.jpg new file mode 100644 index 0000000..50fe193 Binary files /dev/null and b/src/assets/images/imag-5.jpg differ diff --git a/src/assets/images/imag-6.jpg b/src/assets/images/imag-6.jpg new file mode 100644 index 0000000..0743d45 Binary files /dev/null and b/src/assets/images/imag-6.jpg differ diff --git a/src/assets/images/imag-7.jpg b/src/assets/images/imag-7.jpg new file mode 100644 index 0000000..5cf2e70 Binary files /dev/null and b/src/assets/images/imag-7.jpg differ diff --git a/src/assets/images/kettles.png b/src/assets/images/kettles.png new file mode 100644 index 0000000..976084c Binary files /dev/null and b/src/assets/images/kettles.png differ diff --git a/src/assets/images/new-alejandro.jpg b/src/assets/images/new-alejandro.jpg new file mode 100644 index 0000000..e9c3636 Binary files /dev/null and b/src/assets/images/new-alejandro.jpg differ diff --git a/src/assets/images/new-jose.jpg b/src/assets/images/new-jose.jpg new file mode 100644 index 0000000..fc06c53 Binary files /dev/null and b/src/assets/images/new-jose.jpg differ diff --git a/src/assets/resources/Porfolio_V elemento_ES.pdf b/src/assets/resources/Porfolio_V elemento_ES.pdf index d2f116d..08dfdc9 100644 Binary files a/src/assets/resources/Porfolio_V elemento_ES.pdf and b/src/assets/resources/Porfolio_V elemento_ES.pdf differ diff --git a/src/components/Certifications.vue b/src/components/Certifications.vue index 0071947..0a5e9a8 100644 --- a/src/components/Certifications.vue +++ b/src/components/Certifications.vue @@ -1,13 +1,20 @@ @@ -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; diff --git a/src/components/Employee.vue b/src/components/Employee.vue index d669819..f52a8a4 100644 --- a/src/components/Employee.vue +++ b/src/components/Employee.vue @@ -1,6 +1,6 @@ diff --git a/src/views/products/Products.vue b/src/views/products/Products.vue index 555eaaf..96ae22d 100644 --- a/src/views/products/Products.vue +++ b/src/views/products/Products.vue @@ -31,11 +31,18 @@

{{ $t('products_page.title') }}

+

{{ $t('products_page.title1') }}

{{ $t('products_page.subtitle1') }}

+ + -
{{ $t('products_page.download')}}
@@ -52,18 +59,65 @@ text-align: left; line-height: 60px; } + + h2{ background: linear-gradient(to bottom, #cfc09f 22%,#634f2c 24%, #cfc09f 26%, #cfc09f 27%,#ffecb3 40%,#3a2c0f 78%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; + color: #fff; + font-size: 36px; + margin:0 auto; + font-weight: 700; + line-height: 8px; + padding: 24px; + text-align: center; + letter-spacing: 3px; + line-height: 4px; +} + h3 { + margin-top: 64px; + font-weight: 200; + font-size: 24px; + text-align: left; + line-height: 60px; + } + button { width: 154px; height: 40px; border-radius: 12px; } - .cards { - display: grid; - grid-template-columns: 50% 50%; + + +.card { + width: 200px; + height: 210px; + border-radius: 8px; + overflow: hidden; + position: relative; + box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2); + + + + img { + position: absolute; + object-fit: cover; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.9; + } - .card { - margin: 8px; - } + h3 { + position: absolute; + inset: auto auto 30px 30px; + margin-top: 0px; + font-weight: 500; + color: #603809; + font-size: 16px; + text-align: center; + } +} + } + \ No newline at end of file diff --git a/src/views/social/Social.vue b/src/views/social/Social.vue index e5b52da..738f54e 100644 --- a/src/views/social/Social.vue +++ b/src/views/social/Social.vue @@ -1,19 +1,50 @@ -