fcamarasantos · Glauber1905 · Feb 18, 2022
diff --git a/README.md b/README.md
@@ -27,3 +27,9 @@ Crie um fork do teste para acompanharmos o seu desenvolvimento através dos seus
 
 ## Obrigado!
 Agradecemos sua participação no teste. Boa sorte! 😄
+
+
+# agencia
+Projeto para fcamara
+
+Ainda está em processo, acompanhe o andamento neste site: https://glauber1905.github.io/agencia/
diff --git a/contato.html b/contato.html
@@ -0,0 +1,92 @@
+<!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">
+    <title>Faça seu cadastro</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+    <script src="js/funcoes.js"></script>
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <header class="cabecalho">
+        <img class="logo" alt="Logo" src="img/logo.png">
+        <nav class="menu">
+            <ul>
+                <a class="menu_link" href="index.html">INÍCIO</a>
+                <a class="menu_link" href="osmais.html">DESTINOS</a>
+                <a class="menu_link" href="#">PEDIDO</a>
+            </ul>
+        </nav>
+    </header>
+
+    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
+        <div class="carousel-inner">
+          <div class="carousel-item active">
+            <img src="img/topo3.png" class="d-block w-100" alt="...">
+          </div>
+        </div>
+
+    <div class="container">
+    <form>
+        <table>
+            <h1 class="titulo">FINALIZE SEU PEDIDO:</h1><br>
+            <!--Nome do produto-->
+            <tr>
+                <td class="alinharRotulos">Nome completo:</td>
+                <td><input id="txtNomeProduto" type="text"></td>
+            </tr>
+            <!--Código do produto-->
+            <tr>
+                <td class="alinharRotulos">Email:</td>
+                <td><input id="txtCodProduto" type="email"></td>
+            </tr>
+            <!--Detalhes do produto-->
+            <tr>
+                <td class="alinharRotulos">Número de contato:</td>
+                <td><input id="txtDetProduto" type="number"></td>
+            </tr>
+            <!--Quantidade do produto-->
+            <tr>
+                <td class="alinharRotulos">Qual seu destino?:</td>
+                <td>
+                    <select id="qtidadeProduto">
+                        <option value="0">Escolha aqui:</option>
+                        <option value="1">Copacabana, Brasil</option>
+                        <option value="2">Tóquio, Japão</option>
+                        <option value="3">Cusco, Peru</option>
+                        <option value="4">Havaí, EUA</option>
+                        <option value="5">Buenos Aires, Argentina</option>
+                        <option value="6">Nova York, EUA</option>
+                        <option value="7">Cairo, Egito</option>
+                        <option value="8">Punta Cana, Caribe</option>
+                        <option value="9">Búzios</option>
+                        <option value="10">Leblon</option>
+                        <option value="11">Arpoador</option>
+                        <option value="12">Arraial do Cabo</option>
+                    </select>
+                </td>
+            </tr>
+            <!--Procedentes-->
+            <tr>
+                <td class="alinharRotulos">Quantas pessoas vão?:</td>
+                <td><input id="txtProcProduto" type="number"></td>
+            </tr>
+            <!--Botoes-->
+            <tr>
+                <td>
+                    <input type="button" value="Cadastrar" class="alinhaBtns" onclick="validarProduto('txtNomeProduto','txtCodProduto','txtDetProduto','qtidadeProduto','txtProcProduto')">
+                    <input type="reset" value="Limpar" class="alinhaBtns">
+                </td>
+            </tr>
+        </table>
+    </form>
+    </div>
+</body>
+</html>
+<footer class="rodape">
+    Whatsapp: (21) 985859898 - Email: agencia@hotmail.com
+</footer>
diff --git a/css/reset.css b/css/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,238 @@
+.cabecalho {
+    text-align: center;
+    align-items: center;
+    background-color: orange;
+    display: flex;
+    justify-content: space-between;
+    padding-left: 2rem;
+    padding-right: 2rem;
+}
+
+.menu_item {
+    list-style: none;
+}
+
+.menu_link {
+    width:30%;
+    background-color: rgb(222, 222, 222);
+    border:0px;
+    padding:5px;
+    margin: 2px;
+    border-radius: 5px;
+    cursor: pointer;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    text-decoration: none;
+}
+
+.menu_link:hover {
+    background: rgb(115,188,255);
+    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
+    text-shadow: none;
+}
+
+.destino_botao {
+    background: #8d0606;
+    border: none;
+    border-radius: 5px;
+    color: #fdfdfd;
+    padding: 1rem;
+    transition: all .1s ease-in-out;
+}
+
+.destino_botao:hover {
+    background: #620404;
+    cursor: pointer;
+}
+
+.destino_conteudo {
+    padding: 1rem;
+}
+
+.destino_descricao {
+    font-size: 1.1875rem;
+    line-height: 1.5;
+    text-align: center;
+}
+
+.destino_imagem {
+    height: 250px;
+}
+
+.destino_titulo {
+    font-size: 1.4375rem;
+    text-align: center;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+.destino {
+    background: #fdfdfd;
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 5rem;
+}
+
+.destino:hover {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+}
+
+@media screen and (min-width: 0) {
+    .destino {
+        margin-right: 1rem;
+        width: 100%;
+    }
+}
+@media screen and (min-width: 768px) {
+    .destino {
+        margin-right: 2.5rem;
+        width: calc(33.33% - 2.5rem);
+    }
+}
+@media screen and (min-width: 992px) {
+    .destino {
+        margin-right: 5rem;
+        width: calc(25% - 5rem);
+    }
+}
+
+.destinos {
+    background: #e5e5e5;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+@media screen and (min-width: 0) {
+    .destinos {
+        padding: 5rem 0 0 1rem;
+    }
+}
+@media screen and (min-width: 768px) {
+    .destinos {
+        padding: 5rem 0 0 2.5rem;
+    }
+}
+@media screen and (min-width: 992px) {
+    .destinos {
+        padding: 5rem 0 0 5rem;
+    }
+}
+
+.titulo {
+    text-align: center;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+.container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+.pessoa__imagem {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    border-radius: 100%;
+    height: 300px;
+    margin: 0 auto;
+    width: 300px;
+}
+
+.pessoa__nome {
+    color: orange;
+    font-size: 2rem;
+    margin: 1rem 0;
+}
+
+.pessoa {
+    display: flex;
+    flex-direction: column;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+@media screen and (min-width: 0) {
+    .pessoa {
+        margin-bottom: 2rem;
+    }
+}
+@media screen and (min-width: 768px) {
+    .pessoa {
+        margin-bottom: 0;
+    }
+}
+
+.pessoas {
+    display: flex;
+    justify-content: space-around;
+    padding-top: 3rem;
+}
+
+@media screen and (min-width: 0) {
+    .pessoas {
+        flex-direction: column;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .pessoas {
+        flex-direction: row;
+    }
+}
+
+.quem-somos__descricao {
+    color: #595959;
+    font-size: 1.75rem;
+    font-weight: 100;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+.quem-somos__titulo {
+    color: red;
+    font-size: 3.1875rem;
+    margin-bottom: 1rem;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+.quem-somos {
+    padding: 5rem;
+    text-align: center;
+}
+
+.rodape {
+    background: black;
+    color: orange;
+    text-align: center;
+    padding: 1.5625rem 5rem;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+@media screen and (min-width: 0) {
+    .rodape {
+        font-size: 1.125rem;
+    }
+}
+@media screen and (min-width: 768px) {
+    .rodape {
+        font-size: 2rem;
+    }
+}
+
+.sobre_descricao {
+    color: #595959;
+    font-weight: 100;
+    text-align: center;
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+@media screen and (min-width: 0) {
+    .sobre_descricao {
+        font-size: 1.3rem;
+    }
+}
+@media screen and (min-width: 768px) {
+    .sobre_descricao {
+        font-size: 1.75rem;
+    }
+}
diff --git a/img/arpoador.jpeg b/img/arpoador.jpeg
diff --git a/img/arraial.jpg b/img/arraial.jpg
diff --git a/img/atendimento.png b/img/atendimento.png
diff --git a/img/buenos.jpg b/img/buenos.jpg
diff --git a/img/buzios.jpg b/img/buzios.jpg
diff --git a/img/cairo.jpg b/img/cairo.jpg
diff --git a/img/confiança.png b/img/confiança.png
diff --git a/img/copa.jpg b/img/copa.jpg
diff --git a/img/cusco.jpg b/img/cusco.jpg
diff --git a/img/havai.jpg b/img/havai.jpg
diff --git a/img/leblon.jpg b/img/leblon.jpg
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/punta.jpg b/img/punta.jpg
diff --git a/img/segurança.png b/img/segurança.png
diff --git a/img/topo1.jpg b/img/topo1.jpg
diff --git a/img/topo2.jpg b/img/topo2.jpg
diff --git a/img/topo3.png b/img/topo3.png
diff --git a/img/topo4.jpg b/img/topo4.jpg
diff --git a/img/topo5.jpg b/img/topo5.jpg
diff --git a/img/toquio.jpg b/img/toquio.jpg
diff --git a/img/york.jpg b/img/york.jpg