@burh/nuxt-core 1.0.500 → 1.0.502

package/components/layouts/burh-ds/footer/ProductsFooter.vue

@@ -1,330 +1,330 @@
-<template>
-	<section class="products--info container-fluid container-fluid--bu">
-		<header class="products--info__social--links">
-			<a
-				href="https://www.facebook.com/burhbrasil"
-				target="_blank"
-				rel="noopener"
-			>
-				<i class="fab fa-facebook-f"></i>
-			</a>
-			<a
-				href="https://www.instagram.com/burhbrasil/"
-				target="_blank"
-				rel="noopener"
-			>
-				<i class="fab fa-instagram"></i>
-			</a>
-			<a
-				href="https://www.linkedin.com/company/burh/"
-				target="_blank"
-				rel="noopener"
-			>
-				<i class="fab fa-linkedin-in"></i>
-			</a>
-		</header>
-		<content class="products--info__content">
-			<div class="product__content">
-				<p class="product__content--title">Produtos</p>
-				<ul class="product__content--list">
-					<li><a :href="`${baseAppUrl}/busca`">Busca Avançada</a></li>
-					<li>
-						<a :href="`${baseAppUrl}/recrutamento`"
-						>Recrutamento</a
-						>
-					</li>
-					<li>
-						<a :href="`${baseAppUrl}/universidades`"
-						>Busca por Universidades</a
-						>
-					</li>
-					<li>
-						<a :href="`${baseAppUrl}/video-entrevista`"
-						>Vídeo Entrevista</a
-						>
-					</li>
-					<li>
-						<a :href="`${baseAppUrl}/trabalhe-conosco`"
-						>Trabalhe Conosco</a
-						>
-					</li>
-					<li>
-						<a :href="`${baseAppUrl}/universidade-corpotativa`"
-						>Universidade Corporativa</a
-						>
-					</li>
-					<li>
-						<a :href="`${baseAppUrl}/testes`"
-						>Testes Online Personalizados</a
-						>
-					</li>
-					<li>
-						<a :href="`${baseAppUrl}/disc`">Teste Profiler DISC</a>
-					</li>
-					<li><a :href="`${baseAppUrl}/buffer`">Buffer</a></li>
-					<li><a :href="`${baseAppUrl}/sms`">Envio de SMS</a></li>
-				</ul>
-			</div>
-			<div class="product__content">
-				<p class="product__content--title">A Empresa</p>
-				<ul class="product__content--list">
-					<li><a :href="`${baseAppUrl}`">Burh Empresas</a></li>
-					<li>
-						<a :href="`${baseAppUrl}/cadastrar`">Divulgar Vagas</a>
-					</li>
-					<li>
-						<a :href="`${url}/busca`"
-						>Encontre Novas Oportunidades</a
-						>
-					</li>
-					<li><a :href="`${url}/sobre-o-burh`" target="_blank">Propósito</a></li>
-					<li><a href="https://blog.burh.com.br" target="_blank">Blog</a></li>
-					<li>
-						<a :href="`${url}/carreiras/burh`" target="_blank">Trabalhe Conosco</a>
-					</li>
-				</ul>
-			</div>
-			<div class="product__content">
-				<p class="product__content--title">Ajuda</p>
-				<ul class="product__content--list">
-					<li>
-						<a href="https://burhbrasil.zendesk.com/hc/pt-br" target="_blank"
-						>Central de Ajuda </a
-						>
-					</li>
-					<!-- <li>Perguntas Frequentes</li> -->
-					<li>
-						<a href="https://burh.typeform.com/to/hiBe6l" target="_blank"
-						>Avalie sua Experiência</a
-						>
-					</li>
-				</ul>
-			</div>
-			<div class="product__content">
-				<p class="product__content--title">Burh</p>
-				<ul class="product__content--list">
-					<li>
-						Burh Serviços de Informação na Internet LTDA. CNPJ
-						26.356.119/0001-95
-					</li>
-					<li>
-						<a href="mailto:empresas@burh.com.br"
-						>empresas@burh.com.br</a
-						>
-					</li>
-					<li>
-						<a
-							href="https://web.whatsapp.com/send?phone=551140034341"
-						><i class="fab fa-whatsapp ml-1"></i> (11) 4003-4341</a>
-					</li>
-					<li>
-						<a
-							href="https://www.google.com/maps/place/Burh+Tecnologia/@-23.5061185,-47.4608334,17z/data=!3m1!4b1!4m5!3m4!1s0x94c58b42e531c811:0x2c4c3b509767e68c!8m2!3d-23.506231!4d-47.4586757"
-						>
-							Av. Juscelino Kubitschek de Oliveira, 660, 12º
-							andar, Vila Marina Dias, Sorocaba/SP
-						</a>
-					</li>
-				</ul>
-			</div>
-		</content>
-		<footer class="products--info__footer">
-			<div class="footer__links">
-				<div class="burh__logo">
-					<img src="/img/brand/burh-imagotipo.svg" alt="Burh" />
-				</div>
-				<ul>
-					<li>
-						<a :href="`${url}/sobre-o-burh`" target="_blank"
-						>Sobre o Burh</a
-						>
-					</li>
-					<li><a>Produtos Burh</a></li>
-					<li>
-						<a
-							:href="`${url}/termos-de-uso#privacidade`"
-							target="_blank"
-						>Privacidade</a
-						>
-					</li>
-					<li>
-						<a :href="`${url}/termos-de-uso`" target="_blank"
-						>Termos</a
-						>
-					</li>
-				</ul>
-			</div>
-			<div class="footer__text">
-				<div class="copyright text-center text-lg-right">
-					© {{ year }} Feito com <span id="heart"></span>
-					no Brasil para o mundo.
-				</div>
-			</div>
-		</footer>
-	</section>
-</template>
-
-<script>
-export default {
-	name: 'ProductsFooter',
-	data() {
-		return {
-			year: new Date().getFullYear(),
-		};
-	},
-	computed: {
-		url() {
-			return process.env.baseUserUrl;
-		},
-		baseAppUrl() {
-			return process.env.baseAppUrl;
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-$primaryColor: #5865F2;
-
-.products--info {
-    padding: 0 40px;
-    margin: 0 auto;
-    margin-top: 100px;
-    display: block;
-    &__social--links {
-        padding: 15px 0;
-        display: flex;
-        align-items: center;
-        border-bottom: 1px solid #eee;
-        a {
-            font-size: 1.5rem;
-            color: $primaryColor;
-            margin: 0 20px;
-            &:first-child {
-                margin-left: 0;
-            }
-        }
-    }
-    &__content {
-        display: grid;
-        grid-template-columns: repeat(4, 1fr);
-        gap: 20px;
-        align-items: flex-start;
-        @media (max-width: 1200px) {
-            & {
-                grid-template-columns: repeat(4, 1fr);
-            }
-        }
-        @media (max-width: 990px) {
-            & {
-                grid-template-columns: repeat(3, 1fr);
-            }
-        }
-        @media (max-width: 720px) {
-            & {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-        @media (max-width: 500px) {
-            & {
-                grid-template-columns: 1fr;
-            }
-        }
-        .product__content {
-            &--title {
-                font-weight: bold;
-                margin-bottom: 10px;
-                margin-top: 25px;
-                font-size: 1rem;
-            }
-            &--list {
-                list-style: none;
-                margin: 0;
-                padding: 0;
-                margin-top: 25px;
-                li {
-                    margin: 10px 0;
-                    font-size: 0.875rem;
-                    a {
-                        display: block;
-                        cursor: pointer;
-                        color: #525f7f;
-                        &:hover {
-                            text-decoration: underline;
-                        }
-                    }
-                }
-            }
-        }
-    }
-    &__footer {
-        margin-top: 20px;
-        border-top: 1px solid #eee;
-        padding: 30px 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-size: 0.875rem;
-        @media (max-width: 960px) {
-            & {
-                flex-direction: column;
-                justify-content: center;
-                .footer__links {
-                    margin-bottom: 20px;
-                }
-            }
-        }
-        .footer__links {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-            font-size: 0.875rem;
-            .burh__logo {
-                width: 120px;
-                img {
-                    display: block;
-                    width: 100%;
-                    // filter: brightness(0.5);
-                }
-                @media (max-width: 1150px) {
-                    & {
-                        display: none;
-                    }
-                }
-            }
-            ul {
-                margin: 0 !important;
-                @media (max-width: 1150px) {
-                    & {
-                        padding: 0;
-                        li a:first-child {
-                            padding-left: 0;
-                        }
-                    }
-                }
-                li {
-                    display: inline-block;
-                    @media (max-width: 640px) {
-                        & {
-                            display: block;
-                            text-align: center;
-                            a {
-                                padding: 20px;
-                            }
-                        }
-                    }
-                    a {
-                        display: block;
-                        cursor: pointer;
-                        color: #525f7f;
-                        padding: 0 20px;
-                        &:hover {
-                            text-decoration: underline;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-</style>
+<template>
+	<section class="products--info container-fluid container-fluid--bu">
+		<header class="products--info__social--links">
+			<a
+				href="https://www.facebook.com/burhbrasil"
+				target="_blank"
+				rel="noopener"
+			>
+				<i class="fab fa-facebook-f"></i>
+			</a>
+			<a
+				href="https://www.instagram.com/burhbrasil/"
+				target="_blank"
+				rel="noopener"
+			>
+				<i class="fab fa-instagram"></i>
+			</a>
+			<a
+				href="https://www.linkedin.com/company/burh/"
+				target="_blank"
+				rel="noopener"
+			>
+				<i class="fab fa-linkedin-in"></i>
+			</a>
+		</header>
+		<content class="products--info__content">
+			<div class="product__content">
+				<p class="product__content--title">Produtos</p>
+				<ul class="product__content--list">
+					<li><a :href="`${baseAppUrl}/busca`">Busca Avançada</a></li>
+					<li>
+						<a :href="`${baseAppUrl}/recrutamento`"
+						>Recrutamento</a
+						>
+					</li>
+					<li>
+						<a :href="`${baseAppUrl}/universidades`"
+						>Busca por Universidades</a
+						>
+					</li>
+					<li>
+						<a :href="`${baseAppUrl}/video-entrevista`"
+						>Vídeo Entrevista</a
+						>
+					</li>
+					<li>
+						<a :href="`${baseAppUrl}/trabalhe-conosco`"
+						>Trabalhe Conosco</a
+						>
+					</li>
+					<li>
+						<a :href="`${baseAppUrl}/universidade-corpotativa`"
+						>Universidade Corporativa</a
+						>
+					</li>
+					<li>
+						<a :href="`${baseAppUrl}/testes`"
+						>Testes Online Personalizados</a
+						>
+					</li>
+					<li>
+						<a :href="`${baseAppUrl}/disc`">Teste Profiler DISC</a>
+					</li>
+					<li><a :href="`${baseAppUrl}/buffer`">Buffer</a></li>
+					<li><a :href="`${baseAppUrl}/sms`">Envio de SMS</a></li>
+				</ul>
+			</div>
+			<div class="product__content">
+				<p class="product__content--title">A Empresa</p>
+				<ul class="product__content--list">
+					<li><a :href="`${baseAppUrl}`">Burh Empresas</a></li>
+					<li>
+						<a :href="`${baseAppUrl}/cadastrar`">Divulgar Vagas</a>
+					</li>
+					<li>
+						<a :href="`${url}/busca`"
+						>Encontre Novas Oportunidades</a
+						>
+					</li>
+					<li><a :href="`${url}/sobre-o-burh`" target="_blank">Propósito</a></li>
+					<li><a href="https://blog.burh.com.br" target="_blank">Blog</a></li>
+					<li>
+						<a :href="`${url}/carreiras/burh`" target="_blank">Trabalhe Conosco</a>
+					</li>
+				</ul>
+			</div>
+			<div class="product__content">
+				<p class="product__content--title">Ajuda</p>
+				<ul class="product__content--list">
+					<li>
+						<a href="https://burhbrasil.zendesk.com/hc/pt-br" target="_blank"
+						>Central de Ajuda </a
+						>
+					</li>
+					<!-- <li>Perguntas Frequentes</li> -->
+					<li>
+						<a href="https://burh.typeform.com/to/hiBe6l" target="_blank"
+						>Avalie sua Experiência</a
+						>
+					</li>
+				</ul>
+			</div>
+			<div class="product__content">
+				<p class="product__content--title">Burh</p>
+				<ul class="product__content--list">
+					<li>
+						Burh Serviços de Informação na Internet LTDA. CNPJ
+						26.356.119/0001-95
+					</li>
+					<li>
+						<a href="mailto:empresas@burh.com.br"
+						>empresas@burh.com.br</a
+						>
+					</li>
+					<li>
+						<a
+							href="https://web.whatsapp.com/send?phone=551140034341"
+						><i class="fab fa-whatsapp ml-1"></i> (11) 4003-4341</a>
+					</li>
+					<li>
+						<a
+							href="https://www.google.com/maps/place/Burh+Tecnologia/@-23.5061185,-47.4608334,17z/data=!3m1!4b1!4m5!3m4!1s0x94c58b42e531c811:0x2c4c3b509767e68c!8m2!3d-23.506231!4d-47.4586757"
+						>
+							Av. Juscelino Kubitschek de Oliveira, 660, 12º
+							andar, Vila Marina Dias, Sorocaba/SP
+						</a>
+					</li>
+				</ul>
+			</div>
+		</content>
+		<footer class="products--info__footer">
+			<div class="footer__links">
+				<div class="burh__logo">
+					<img src="/img/brand/burh-imagotipo.svg" alt="Burh" />
+				</div>
+				<ul>
+					<li>
+						<a :href="`${url}/sobre-o-burh`" target="_blank"
+						>Sobre o Burh</a
+						>
+					</li>
+					<li><a>Produtos Burh</a></li>
+					<li>
+						<a
+							:href="`${url}/termos-de-uso#privacidade`"
+							target="_blank"
+						>Privacidade</a
+						>
+					</li>
+					<li>
+						<a :href="`${url}/termos-de-uso`" target="_blank"
+						>Termos</a
+						>
+					</li>
+				</ul>
+			</div>
+			<div class="footer__text">
+				<div class="copyright text-center text-lg-right">
+					© {{ year }} Feito com <span id="heart"></span>
+					no Brasil para o mundo.
+				</div>
+			</div>
+		</footer>
+	</section>
+</template>
+
+<script>
+export default {
+	name: 'ProductsFooter',
+	data() {
+		return {
+			year: new Date().getFullYear(),
+		};
+	},
+	computed: {
+		url() {
+			return process.env.baseUserUrl;
+		},
+		baseAppUrl() {
+			return process.env.baseAppUrl;
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+$primaryColor: #5865F2;
+
+.products--info {
+    padding: 0 40px;
+    margin: 0 auto;
+    margin-top: 100px;
+    display: block;
+    &__social--links {
+        padding: 15px 0;
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid #eee;
+        a {
+            font-size: 1.5rem;
+            color: $primaryColor;
+            margin: 0 20px;
+            &:first-child {
+                margin-left: 0;
+            }
+        }
+    }
+    &__content {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 20px;
+        align-items: flex-start;
+        @media (max-width: 1200px) {
+            & {
+                grid-template-columns: repeat(4, 1fr);
+            }
+        }
+        @media (max-width: 990px) {
+            & {
+                grid-template-columns: repeat(3, 1fr);
+            }
+        }
+        @media (max-width: 720px) {
+            & {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        @media (max-width: 500px) {
+            & {
+                grid-template-columns: 1fr;
+            }
+        }
+        .product__content {
+            &--title {
+                font-weight: bold;
+                margin-bottom: 10px;
+                margin-top: 25px;
+                font-size: 1rem;
+            }
+            &--list {
+                list-style: none;
+                margin: 0;
+                padding: 0;
+                margin-top: 25px;
+                li {
+                    margin: 10px 0;
+                    font-size: 0.875rem;
+                    a {
+                        display: block;
+                        cursor: pointer;
+                        color: #525f7f;
+                        &:hover {
+                            text-decoration: underline;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    &__footer {
+        margin-top: 20px;
+        border-top: 1px solid #eee;
+        padding: 30px 0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 0.875rem;
+        @media (max-width: 960px) {
+            & {
+                flex-direction: column;
+                justify-content: center;
+                .footer__links {
+                    margin-bottom: 20px;
+                }
+            }
+        }
+        .footer__links {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            font-size: 0.875rem;
+            .burh__logo {
+                width: 120px;
+                img {
+                    display: block;
+                    width: 100%;
+                    // filter: brightness(0.5);
+                }
+                @media (max-width: 1150px) {
+                    & {
+                        display: none;
+                    }
+                }
+            }
+            ul {
+                margin: 0 !important;
+                @media (max-width: 1150px) {
+                    & {
+                        padding: 0;
+                        li a:first-child {
+                            padding-left: 0;
+                        }
+                    }
+                }
+                li {
+                    display: inline-block;
+                    @media (max-width: 640px) {
+                        & {
+                            display: block;
+                            text-align: center;
+                            a {
+                                padding: 20px;
+                            }
+                        }
+                    }
+                    a {
+                        display: block;
+                        cursor: pointer;
+                        color: #525f7f;
+                        padding: 0 20px;
+                        &:hover {
+                            text-decoration: underline;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+</style>