Skip to content

Luís Felipe Campos / Teste00-CoffeeShop

Go to a project
Commit ce492944 by Luis Ribeiro
Options

first commit

parents
Showing with 516 additions and 0 deletions
.DS_Store 0 → 100644
File added
.vscode/settings.json 0 → 100644
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
}
images/Boba.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><style>.cls-1{fill:#231f20;}</style></defs><title>Boba</title><g id="Boba"><path class="cls-1" d="M49,20H48A13,13,0,0,0,35,8V1a1,1,0,0,0-1-1H30a1,1,0,0,0-1,1V8A13,13,0,0,0,16.05,20H15a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h1.08L19,63.08A1,1,0,0,0,20,64H44a1,1,0,0,0,1-.92L47.92,26H49a1,1,0,0,0,1-1V21A1,1,0,0,0,49,20Zm-3,0H35V10A11,11,0,0,1,46,20ZM31,20V10h2V20ZM31,2h2V8H31Zm-2,8V20H18A11,11,0,0,1,29,10ZM43.08,62H20.92L18.08,26H29v2c-8,0-7.87-.13-8.29.32s-.44-1.73,1.89,30.75a1,1,0,0,0,1,.93H40.4a1,1,0,0,0,1-.93l2.15-30a1,1,0,0,0-1-1.07H35V26H45.92ZM33,26v2H31V26Zm8.48,4-2,28H24.53l-2-28ZM48,24H16V22H48Z"/><path class="cls-1" d="M27.5,53a1.5,1.5,0,0,0,0,3A1.5,1.5,0,0,0,27.5,53Z"/><path class="cls-1" d="M37.5,54a1.5,1.5,0,0,0,0,3A1.5,1.5,0,0,0,37.5,54Z"/><path class="cls-1" d="M32.5,54a1.5,1.5,0,0,0,0,3A1.5,1.5,0,0,0,32.5,54Z"/><path class="cls-1" d="M35.5,53a1.5,1.5,0,0,0,0-3A1.5,1.5,0,0,0,35.5,53Z"/><path class="cls-1" d="M29,51.5a1.5,1.5,0,0,0,3,0A1.5,1.5,0,0,0,29,51.5Z"/><path class="cls-1" d="M26.5,51a1.5,1.5,0,0,0,0-3A1.5,1.5,0,0,0,26.5,51Z"/><path class="cls-1" d="M32.5,49a1.5,1.5,0,0,0,0-3A1.5,1.5,0,0,0,32.5,49Z"/><path class="cls-1" d="M28.5,47a1.5,1.5,0,0,0,0-3A1.5,1.5,0,0,0,28.5,47Z"/><path class="cls-1" d="M37.5,49a1.5,1.5,0,0,0,0-3A1.5,1.5,0,0,0,37.5,49Z"/></g></svg>
\ No newline at end of file
images/Hockey stick growth.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><title>hockey stick growth</title><g id="hockey_stick_growth" data-name="hockey stick growth"><path d="M63,62H61V14a1,1,0,0,0-1-1H52a1,1,0,0,0-1,1V62H45V29a1,1,0,0,0-1-1H36a1,1,0,0,0-1,1V62H29V43a1,1,0,0,0-1-1H20a1,1,0,0,0-1,1V62H13V39a1,1,0,0,0-1-1H4a1,1,0,0,0-1,1V62H1a1,1,0,0,0,0,2H63A1,1,0,0,0,63,62ZM5,62V40h6V62Zm16,0V44h6V62Zm16,0V30h6V62Zm16,0V15h6V62Z"/><path d="M10.5,28.66,21,31.29a3,3,0,1,0,5.75-1.39L38.54,19.6a3,3,0,0,0,4.2-3.8L53.3,5.9C55.35,8.31,55.39,8.54,56,8.54a1,1,0,0,0,1-.85c1.06-7,1.17-6.87.75-7.35S57.55,0,50.52.1a1,1,0,0,0-.75,1.65L52,4.37l-10.63,10a3,3,0,0,0-4.15,3.75L25.46,28.4a3,3,0,0,0-4,1L11,26.72a3,3,0,1,0-.47,1.94ZM55.83,2l-.48,3.2L52.67,2.07ZM41,17a1,1,0,0,1-2,0A1,1,0,0,1,41,17ZM24,30a1,1,0,0,1,0,2A1,1,0,0,1,24,30ZM8,26a1,1,0,0,1,0,2A1,1,0,0,1,8,26Z"/></g></svg>
\ No newline at end of file
images/Save Earth.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><title>Save Earth</title><g id="Save_Earth" data-name="Save Earth"><path d="M58.31,28.69c-4.18,10-5.62,10.67-10.75,13.94,1.45-2.31,3.84-5.79,2.17-7.86-1-1.21-2.72-1.16-4-.72-3.5,1.17-5.37,7.21-8.23,9.12C35.3,44.6,33.2,47.84,32,51.11c-1.2-3.27-3.3-6.51-5.45-7.94-2.82-1.88-4.76-8-8.23-9.12-1.32-.44-3.08-.49-4.05.72-1.67,2.08.73,5.57,2.17,7.86-5.22-3.32-6.53-3.94-10.78-14A3,3,0,0,0,0,30c0,2.25,4.13,12.55,7.29,15.71A91.88,91.88,0,0,0,17.4,54.8c3.46,2.59,2.62,8,2.61,8a1,1,0,0,0,2,.32c0-.26,1.05-6.63-3.39-10a89.39,89.39,0,0,1-9.89-8.91C5.84,41.42,2,31.58,2,30a1,1,0,0,1,1.85-.53C8.29,40.09,9.54,41,19.47,46.85a1,1,0,0,0,1.26-1.52c-.78-.88-5.89-8.08-4.9-9.31.25-.31,1.06-.34,1.85-.07,2.5.83,4.61,6.78,7.77,8.88C28.14,46.63,31,52.37,31,56v7a1,1,0,0,0,2,0V56c0-3.63,2.86-9.37,5.55-11.17,3.15-2.09,5.27-8,7.77-8.88.79-.27,1.6-.24,1.85.07,1,1.23-4.17,8.48-4.9,9.31a1,1,0,0,0,1.26,1.52c9.55-5.59,11.21-6.81,15.34-16.7.26-.63.41-1.15,1.13-1.15a1,1,0,0,1,1,1c0,1.58-3.84,11.42-6.71,14.29A89.39,89.39,0,0,1,45.4,53.2C41,56.53,42,62.9,42,63.16a1,1,0,0,0,2-.32c0-.06-.85-5.45,2.61-8a91.88,91.88,0,0,0,10.11-9.09C59.87,42.55,64,32.25,64,30A3,3,0,0,0,58.31,28.69Z"/><path d="M34.36,37.85A19,19,0,0,0,50.85,16.64C48.82.42,28.59-5.75,17.79,6.38,6.24,19.42,17,40,34.36,37.85ZM16.05,13.11a8.69,8.69,0,0,1,1.74,1.3c.75,5.68,2.72,5.8,5.26,6.53a14.62,14.62,0,0,1,3.26,1.18,5.23,5.23,0,0,1,1.12,1.05c0,.24-1.55,1,1.21,3.54a7.58,7.58,0,0,1,.75.73c0,.28-.11.93-.18,1.42-.79,5.29-.31,5,2.47,7.11A17,17,0,0,1,16.05,13.11ZM19,8c.64-.06,5.77-.54,5.73.07A2.8,2.8,0,0,0,26,9.6a1.1,1.1,0,0,0,1.64,0,2.57,2.57,0,0,1,.53-.11c.77-.11,2.28,1.8,1.66,2.42a6.12,6.12,0,0,0-2.67,4.3c-1,.16-2.48.17-3.25,1.17A1.79,1.79,0,0,0,23.58,19c-.7-.2-1.41-.41-2-.62-.38-.14-1.34-.83-1.8-4.32-.12-1-1.17-1.73-2.89-2.81A17.36,17.36,0,0,1,19,8ZM29.2,22.27a6.11,6.11,0,0,1,1.42-.39c1.72-.21,5.48,1.08,5.59,1.92C36.35,25,34,27.19,32.62,29a7.69,7.69,0,0,0-1.36,4.13l-.3-.23c-.38-.91.54-4.81.42-5.75-.15-1.16-1.7-2-2.3-2.81A1.88,1.88,0,0,0,29.2,22.27ZM32.89,36a1,1,0,0,0,.38-.89c-.1-.89-.14-3.48.92-4.85,1.63-2.09,4.28-4.33,4-6.66-.35-2.72-6-3.88-7.82-3.65s-2.46.94-2.83.64c.1,0-1.79-1.28-2-2,.76-.48,3.87,0,3.61-2a3.94,3.94,0,0,1,1.79-2.94c2.74-1.82-.47-7.28-4.05-5.82-.4-.33-.05-.65-1.13-1.49-.42-.32-1.15-.61-4.5-.42a16.88,16.88,0,0,1,5.26-2.92,1,1,0,0,0,.54.3c1.44.29,3,1,3.11,1.36.27,2.52,1.78,5.83,4.13,5.83,1.46,0,1.7-1,3.4-2.45,1.11-1,2.47-2.12,1.75-4.24a17.22,17.22,0,0,1,4.17,2.9c-1.37,1.46-3.66,1.44-3.67,3,0,1.26,1.71,1.83,3.92,2.83.49.21-2.12-.38-3.21,1-.19.24-1.82,2.4-1.55,4.53.32,2.51,5.22,2.2,5.81,2.93.32,2.53.78,5.2,1.75,6.65A16.9,16.9,0,0,1,32.89,36ZM37.08,2.79A3.44,3.44,0,0,0,37.4,4c.85,1.76-1,1.93-2.69,4.09-.28.36-.45.31-.53.29-.68-.2-1.79-1.74-2-4a3.21,3.21,0,0,0-2.07-2.26A16.8,16.8,0,0,1,37.08,2.79Zm8,5.35A16.9,16.9,0,0,1,47.49,12c-.93-.63-2.93-1.41-4.87-2.35C44.87,8.57,44.91,7.94,45.08,8.14Zm2.7,17.14c-1.58-5,.53-5.91-4.58-6.93a7.31,7.31,0,0,1-2.11-.61,5.18,5.18,0,0,1,1.13-3c.73-.77,5.16.53,5.92-1A16.81,16.81,0,0,1,47.78,25.28Z"/></g></svg>
\ No newline at end of file
images/icons8-facebook.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="48px" height="48px" fill-rule="nonzero"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M24,5c-10.49341,0 -19,8.50659 -19,19c0,10.49341 8.50659,19 19,19c10.49341,0 19,-8.50659 19,-19c0,-10.49341 -8.50659,-19 -19,-19z" fill="#000000"></path><path d="M26.572,29.036h4.917l0.772,-4.995h-5.69v-2.73c0,-2.075 0.678,-3.915 2.619,-3.915h3.119v-4.359c-0.548,-0.074 -1.707,-0.236 -3.897,-0.236c-4.573,0 -7.254,2.415 -7.254,7.917v3.323h-4.701v4.995h4.701v13.729c0.931,0.14 1.874,0.235 2.842,0.235c0.875,0 1.729,-0.08 2.572,-0.194z" fill="#ffffff"></path></g></g></svg>
\ No newline at end of file
images/icons8-whatsapp.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="48px" height="48px" fill-rule="none"><g fill="none" fill-rule="none" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M4.868,43.303l2.694,-9.835c-1.662,-2.878 -2.536,-6.144 -2.535,-9.489c0.005,-10.465 8.521,-18.979 18.987,-18.979c5.079,0.002 9.845,1.979 13.43,5.566c3.584,3.588 5.558,8.356 5.556,13.428c-0.004,10.465 -8.522,18.98 -18.986,18.98c-0.001,0 0,0 0,0h-0.008c-3.177,-0.001 -6.3,-0.798 -9.073,-2.311z" fill="#ffffff" fill-rule="nonzero"></path><path d="M4.868,43.803c-0.132,0 -0.26,-0.052 -0.355,-0.148c-0.125,-0.127 -0.174,-0.312 -0.127,-0.483l2.639,-9.636c-1.636,-2.906 -2.499,-6.206 -2.497,-9.556c0.004,-10.742 8.745,-19.48 19.486,-19.48c5.21,0.002 10.105,2.031 13.784,5.713c3.679,3.683 5.704,8.577 5.702,13.781c-0.004,10.741 -8.746,19.48 -19.486,19.48c-3.189,-0.001 -6.344,-0.788 -9.144,-2.277l-9.875,2.589c-0.042,0.012 -0.084,0.017 -0.127,0.017z" fill="#ffffff" fill-rule="nonzero"></path><path d="M24.014,5c5.079,0.002 9.845,1.979 13.43,5.566c3.584,3.588 5.558,8.356 5.556,13.428c-0.004,10.465 -8.522,18.98 -18.986,18.98h-0.008c-3.177,-0.001 -6.3,-0.798 -9.073,-2.311l-10.065,2.64l2.694,-9.835c-1.662,-2.878 -2.536,-6.144 -2.535,-9.489c0.005,-10.465 8.521,-18.979 18.987,-18.979M24.014,42.974v0v0M24.014,42.974v0v0M24.014,4v0c-11.016,0 -19.982,8.962 -19.987,19.979c-0.001,3.367 0.849,6.685 2.461,9.622l-2.585,9.439c-0.094,0.345 0.002,0.713 0.254,0.967c0.19,0.192 0.447,0.297 0.711,0.297c0.085,0 0.17,-0.011 0.254,-0.033l9.687,-2.54c2.828,1.468 5.998,2.243 9.197,2.244c11.024,0 19.99,-8.963 19.995,-19.98c0.002,-5.339 -2.075,-10.359 -5.848,-14.135c-3.775,-3.777 -8.796,-5.858 -14.139,-5.86z" fill="#000000" fill-rule="nonzero"></path><path d="M35.176,12.832c-2.98,-2.982 -6.941,-4.625 -11.157,-4.626c-8.704,0 -15.783,7.076 -15.787,15.774c-0.001,2.981 0.833,5.883 2.413,8.396l0.376,0.597l-1.595,5.821l5.973,-1.566l0.577,0.342c2.422,1.438 5.2,2.198 8.032,2.199h0.006c8.698,0 15.777,-7.077 15.78,-15.776c0.001,-4.215 -1.638,-8.179 -4.618,-11.161z" fill="#000000" fill-rule="nonzero"></path><path d="M19.268,16.045c-0.355,-0.79 -0.729,-0.806 -1.068,-0.82c-0.277,-0.012 -0.593,-0.011 -0.909,-0.011c-0.316,0 -0.83,0.119 -1.265,0.594c-0.435,0.475 -1.661,1.622 -1.661,3.956c0,2.334 1.7,4.59 1.937,4.906c0.237,0.316 3.282,5.259 8.104,7.161c4.007,1.58 4.823,1.266 5.693,1.187c0.87,-0.079 2.807,-1.147 3.202,-2.255c0.395,-1.108 0.395,-2.057 0.277,-2.255c-0.119,-0.198 -0.435,-0.316 -0.909,-0.554c-0.474,-0.238 -2.807,-1.385 -3.242,-1.543c-0.435,-0.158 -0.751,-0.237 -1.068,0.238c-0.316,0.474 -1.225,1.543 -1.502,1.859c-0.277,0.317 -0.554,0.357 -1.028,0.119c-0.474,-0.238 -2.002,-0.738 -3.815,-2.354c-1.41,-1.257 -2.362,-2.81 -2.639,-3.285c-0.277,-0.474 -0.03,-0.731 0.208,-0.968c0.213,-0.213 0.474,-0.554 0.712,-0.831c0.237,-0.277 0.316,-0.475 0.474,-0.791c0.158,-0.317 0.079,-0.594 -0.04,-0.831c-0.117,-0.238 -1.039,-2.584 -1.461,-3.522z" fill="#ffffff" fill-rule="evenodd"></path></g></g></svg>
\ No newline at end of file
index.html 0 → 100644
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;1,100;1,200;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
<title>Teste00</title>
</head>
<body>
<header id="home">
<nav class="nav_header">
<h2 class="logo">LOGO</h2>
<ul class="ul_direita">
<li><a href="#">Home</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<main class="main_container">
<section id="home" class="first_section">
<div class="first_section-texto">
<h1>O café que você merece.</h1>
<p>Experimente nossos melhores sabores, feitos com todo carinho do mundo.</p>
<button class="SB_button"><a href="#menu">Saiba Mais...</a></button>
</div>
<img class="section_img" src="images/gummy-coffee.svg" alt="coffee-art">
</section>
<section class="second_section second-background">
<img class="section_img" src="images/open-doodles-coffee.svg" alt="coffee-art">
<div class="second_section-texto">
<h1>Agindo com paixão e inspiração.</h1>
<p>Conheça um pouco sobre nossos princípios, no que acreditamos e no porque fazemos o que fazemos.</p>
<button class="SB_button-alt"><a href="#sobre">Saiba mais...</a></button>
</div>
</section>
<h2 id="menu" class="titulo_section">Mais Vendidos</h2>
<section class="third_section">
<a href="#"><img class="third_section-img" src="images/clarissa-carbungco-uy9DJw9e_vs-unsplash.jpg" alt=""></a>
<a href="#"><img class="third_section-img" src="images/siddharth-salve-8wESIey6sYQ-unsplash.jpg" alt=""></a>
<a href="#"><img class="third_section-img" src="images/tabitha-turner-3n3mPoGko8g-unsplash.jpg" alt=""></a>
</section>
<h2 id="sobre" class="titulo_section">Nossos Valores</h2> <!-- Talvez seja melhor usar Grid invés de Flex-->
<section class="fourth_section">
<figure class="valores_figuras">
<img class="valores_img" src="images/Boba.svg" alt="">
<figcaption>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis impedit qui, modi a aspernatur assumenda placeat odit nostrum! Incidunt beatae in voluptatum tenetur a ex neque aliquid sequi possimus odit.
</figcaption>
</figure>
<figure class="valores_figuras">
<img class="valores_img" src="images/Save Earth.svg" alt="">
<figcaption>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta aliquam quis non suscipit! Eos eius, mollitia, deserunt doloremque cupiditate facere perferendis eaque veniam reprehenderit sint officiis, veritatis dolor cumque molestias.
</figcaption>
</figure>
<figure class="valores_figuras">
<img class="valores_img" src="images/Hockey stick growth.svg" alt="">
<figcaption>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic tempora est repudiandae quod, cumque quam saepe placeat deserunt minima aliquid assumenda molestiae natus numquam quis, sint illum delectus modi id.
</figcaption>
</figure>
</section>
<section id="contato" class="fifth_section">
<img class="fifth_section-img" src="images/nafinia-putra-Kwdp-0pok-I-unsplash.jpg" alt="coffee shop photo">
<p class="fifth_section-texto">Venha bater um papo com a gente!</p>
<button class="fifth_section-button"><a href="#">Entre em Contato...</a></button>
</section>
</main>
<section class="volta_inicio">
<h3><a href="#home">Voltar ao início</a></h3>
</section>
<footer> <!-- Footer em colunas -->
<div class="footer_coluna">
<h3>Pagamento</h3>
<ul>
<li>Meios de Pagamento</li>
<li>Frete</li>
<li>Prazo de Entrega</li>
</ul>
</div>
<div class="footer_coluna">
<h3>Conheça-nos</h3>
<ul>
<li>Informações</li>
<li>Carreiras</li>
<li>Acessibilidade</li>
<li>Comunidade</li>
<li>Comunicados</li>
</ul>
</div>
<div class="footer_coluna">
<h3>Ajuda</h3>
<ul>
<li>Parceiros</li>
<li>Perguntas Frequentes</li>
<li>Gerenciar</li>
<li>Contato</li>
<li>Ajuda</li>
</ul>
</div>
<div class="footer_coluna">
<h3>Endereço</h3>
<ul>
<li>Rua tchurusbango</li>
<li>Número 55, tchurusbago</li>
</ul>
</div>
<div class="footer_linha">
<ul>
<li><img class="svg_icons" src="images/icons8-facebook.svg" alt=""></li>
<li><img class="svg_icons" src="images/icons8-instagram.svg" alt=""></li>
<li><img class="svg_icons" src="images/icons8-whatsapp.svg" alt=""></li>
</ul>
</div>
</footer>
</body>
</html>
\ No newline at end of file
styles.css 0 → 100644
* {
box-sizing: border-box;
font-family: Poppins;
scroll-behavior: smooth;
}
:root {
--corPrimeira: #f5deb3;
--corSegunda: #B88B4A;
--corTerceira: #214E34;
--corQuarta: #122B1D;
}
html,
body {
margin: 0;
padding: 0;
}
header {
color: var(--corPrimeira);
background-color: var(--corTerceira);
padding: 10px 170px;
}
.logo {
float: left;
font-weight: 600;
font-size: 1.4em;
}
.logo:hover {
cursor: default;
}
.nav_header {
width: 100%;
display: inline-block;
}
.ul_direita {
float: right;
}
.ul_direita a{
color: var(--corPrimeira);
text-decoration: none;
transition: 0.4s;
}
.nav_header li {
display: inline;
padding: 0px 20px;
font-size: larger;
}
.ul_direita a:hover {
transition: 0.4s;
color: var(--corSegunda);
}
.main_container{
color: var(--corSegunda);
margin: 0 auto;
padding: 0;
max-width: 1200px;
}
.first_section {
display: inline-flex;
width: 100%;
margin-top: 100px;
justify-content: space-evenly;
}
.first_section-texto {
margin-top: 150px;
width: 400px;
}
h1 {
font-size: xx-large;
font-weight: bold;
}
.titulo_section {
font-size: xx-large;
font-weight: bolder;
text-align: center;
margin-top: 120px;
line-height: 60px;
position: relative;
}
.titulo_section::after {
content: '';
background: var(--corSegunda);
width: 120px;
height: 5px;
border-radius: 5px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.first_section-texto p {
font-size: 20px;
padding: 0;
}
.SB_button {
font-size: 1em;
border: none;
border-radius: 9999px;
padding: 8px 0px;
transition: 0.5s;
background-color: var(--corTerceira);
}
.SB_button:hover {
background-color: var(--corPrimeira);
transition: 0.5s;
transform: scale(1.08);
border: 1px solid var(--corSegunda);
}
.SB_button a {
color: var(--corPrimeira);
text-decoration: none;
padding: 10px 30px;
}
.SB_button a:hover {
color: var(--corSegunda);
}
.SB_button-alt {
font-size: 1em;
border: 1px solid var(--corPrimeira);
border-radius: 9999px;
padding: 8px 0px;
transition: 0.4s;
background-color: var(--corSegunda);
}
.SB_button-alt:hover {
background-color: var(--corPrimeira);
transition: 0.4s;
transform: scale(1.05);
border: 1px solid var(--corSegunda);
}
.SB_button-alt a {
color: var(--corPrimeira);
text-decoration: none;
padding: 10px 30px;
}
.SB_button-alt a:hover {
color: var(--corSegunda);
}
.second_section {
margin-top: 130px;
background-color: var(--corTerceira);
width: 100%;
padding: 30px;
display: inline-flex;
justify-content: space-evenly;
}
.second-background {
box-shadow: 0 0 0 100vmax var(--corTerceira);
clip-path: inset(0 -100vmax);
}
.second_section-texto {
margin-top: 50px;
width: 400px;
}
.second_section-texto p {
color: var(--corPrimeira);
font-size: 20px;
padding: 0;
}
.second_section-texto h1 {
color: var(--corPrimeira);
}
.section_img {
width: 520px;
}
.third_section {
margin-top: 60px;
width: 100%;
display: inline-flex;
justify-content: space-evenly;
}
.third_section a {
width: 300px;
}
.third_section img {
width: 100%;
height: 100%;
border: none;
transition: 0.3s;
border-radius: 5%;
}
.third_section img:hover {
transition: 0.3s;
transform: scale(1.08);
}
.valores_img {
width: 100px;
margin-bottom: 35px;
}
.fourth_section {
display: inline-flex;
width: 100%;
margin-top: 60px;
justify-content: space-evenly;
}
.valores_figuras {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.fifth_section {
margin-top: 150px;
margin-bottom: 100px;
position: relative;
}
.fifth_section-img {
width: 100%;
filter:brightness(50%);
object-fit: cover;
height: 400px;
border: none;
}
.fifth_section-texto {
color: var(--corPrimeira);
font-size: 1.4em;
top: 30%;
left: 44%;
transform: translate(-30%,-44%);
position: absolute;
}
.fifth_section-button {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: absolute;
border: 1px solid var(--corPrimeira);
font-size: 1em;
border-radius: 9999px;
padding: 8px 0px;
transition: 0.2s;
background-color: var(--corTerceira);
}
.fifth_section-button:hover {
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(1.09);
background-color: var(--corPrimeira);
transition: 0.2s;
border: 1px solid var(--corSegunda);
}
.fifth_section-button a {
color: var(--corPrimeira);
text-decoration: none;
padding: 10px 30px;
}
.fifth_section-button a:hover {
color: var(--corSegunda);
}
.volta_inicio {
background-color: var(--corQuarta);
display: flex;
justify-content: center;
text-align: center;
}
.volta_inicio a {
text-decoration: none;
font-size: small;
font-weight: normal;
color: var(--corSegunda);
transition: 0.4s;
}
.volta_inicio a:hover {
color: var(--corPrimeira);
transition: 0.4s;
}
footer {
background-color: var(--corTerceira);
width: 100%;
height: auto;
display: inline-flex;
padding: 30px 100px;
justify-content: space-between;
}
footer h3 {
color: var(--corSegunda);
font-weight: normal;
}
.footer_coluna {
flex-direction: column;
display: flex;
align-content: flex-start;
justify-content:flex-start;
}
.footer_coluna ul {
color: var(--corPrimeira);
padding: 0;
margin-top: 0;
list-style-type: none;
}
.footer_linha ul {
display: inline-flex;
margin-top: 80px;
flex-direction: row;
padding: 0;
list-style-type: none;
}
.footer_linha li {
padding: 0px 12px;
transition: 0.4s;
}
.footer_linha li:hover {
transition: 0.4s;
transform: scale(1.08);
}
.svg_icons {
filter: invert(84%) sepia(8%) saturate(1561%) hue-rotate(338deg) brightness(112%)
contrast(92%);
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment