Add files via upload

davialbch · May 17, 2024 · e77e278 · e77e278
commit e77e278
Show file tree

Hide file tree

Showing 28 changed files with 1,341 additions and 0 deletions.
diff --git a/imagens/logo_alfa.jpg b/imagens/logo_alfa.jpg
diff --git a/imagens/logo_aston.png b/imagens/logo_aston.png
diff --git a/imagens/logo_audi.jpg b/imagens/logo_audi.jpg
diff --git a/imagens/logo_bentley.png b/imagens/logo_bentley.png
diff --git a/imagens/logo_bmw.jpg b/imagens/logo_bmw.jpg
diff --git a/imagens/logo_ferrari.png b/imagens/logo_ferrari.png
diff --git a/imagens/logo_fiat.png b/imagens/logo_fiat.png
diff --git a/imagens/logo_jaguar.jpg b/imagens/logo_jaguar.jpg
diff --git a/imagens/logo_lambo.png b/imagens/logo_lambo.png
diff --git a/imagens/logo_lotus.jpg b/imagens/logo_lotus.jpg
diff --git a/imagens/logo_maserati.jpg b/imagens/logo_maserati.jpg
diff --git a/imagens/logo_mclaren.png b/imagens/logo_mclaren.png
diff --git a/imagens/logo_mercedez.jpg b/imagens/logo_mercedez.jpg
diff --git a/imagens/logo_pagani.jpg b/imagens/logo_pagani.jpg
diff --git a/imagens/logo_porsche.jpg b/imagens/logo_porsche.jpg
diff --git a/imagens/logo_rolls.jpg b/imagens/logo_rolls.jpg
diff --git a/imagens/logo_vw.png b/imagens/logo_vw.png
diff --git a/imagens/mercedes_logo.png b/imagens/mercedes_logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Principais Marcas</title>
+    <link type="text/css" rel="stylesheet" href="projeto.css">
+</head>
+
+<body style="background-color:#495057;">
+    <header>
+        <h1 class="Titulo-h1">Bem vindo</h1>
+        <div class="intro">
+            <p class="intro">O objetivo desse site é facilitar o acesso à informações sobre algumas das marcas de carro
+                mais
+                conhecidas, fornecendo links oficiais e algumas informações sobre as marcas.</p>
+        </div>
+        <table>
+            <tr>
+                <td><a class="opcoes" href="#alema">Marcas Alemãs</a></td>
+                <td><a class="opcoes" href="#ita">Marcas Italianas</a></td>
+                <td><a class="opcoes" href="#brit">Marcas Britânicas </a></td>
+            </tr>
+
+        </table>
+    </header>
+
+    <main>
+        <section id="#alema">
+            <img class="logo" src="imagens/logo_porsche.jpg" alt="">
+            <div>
+                <h2> <a href="pagina1.html" target="_blank">Marcas Alemãs</a></h2>
+                <ul>
+                    <li>
+                        <p>Com as seis principais marcas Volkswagen, BMW, Mercedes-Benz, as marcas VW, Audi e Porsche,
+                            são algumas das pioneiras mundiais na transição para a
+                            mobilidade sustentável</p>
+                    </li>
+                </ul>
+            </div>
+        </section>
+
+        <section id="ita">
+            <img class="logo" src="imagens/logo_lambo.png" alt="">
+            <div>
+                <h2><a href="pagina2.html" target="_blank">Marcas Italianas</a></h2>
+                <ul>
+                    <li>
+                        <p>Itália é, na verdade, um dos maiores e mais importantes países no que a carros diz respeito,
+                            sendo casa de algumas das maiores e mais prestigiadas marcas de automóveis como a Ferrari,
+                            Alfa Romeo, Lamborghini, Fiat ou Maserati</p>
+                    </li>
+                </ul>
+            </div>
+        </section>
+
+        <section id="brit">
+            <img class="logo" src="imagens/logo_bmw.jpg" alt="logo">
+            <div>
+                <h2><a href="pagina3.html" target="_blank">Marcas Britânicas</a></h2>
+                <ul>
+                    <li>
+                        <p>Algumas das marcas de carros ingleses que já foram vendidas no Brasil incluem a Jaguar,
+                            a Rolls-Royce, a Bentley, a Aston Martin e a Lotus.</p>
+                    </li>
+                </ul>
+            </div>
+        </section>
+    </main>
+    <footer class="rodape">
+        <p class="paragrafo_rodape">Criado com intenção de facilitar o acesso à algumas informações.</p>
+    </footer>
+
+</body>
+
+</html>
diff --git a/pagina1.css b/pagina1.css
@@ -0,0 +1,81 @@
+header{
+
+    color: white;
+    background-color: black;
+    color: white;
+    text-align: center;
+    font-size: x-large;
+    font-family: sans-serif;
+    padding: 20px;
+}
+table{
+    display: flex;
+    justify-content: center;
+}
+.opcoes{
+    color: white;
+}
+td{
+    padding-left: 10px;
+}
+p{
+    font-size: larger;
+    font-weight: bolder;
+    color: black;
+}
+body{
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    margin: 0px
+}
+h1{
+    color: white;
+}
+h2{
+    text-align: center;
+    color: black;
+}
+section{
+    background-color: white;
+    display: flex;
+    border-radius: 10px;
+    border: 2px solid white;
+    margin: 50px auto;
+    width: 1000px;
+    color: white;
+}
+.logo{
+    margin: 50px;
+    margin-right: 15px;
+    width: 200px;
+    align-items: center;    
+}
+li{
+    margin: 5px;
+}
+a{
+    color: black;
+}
+a:hover{
+    font-weight: bolder;
+}
+.intro{
+    margin-left: 5px;
+    border-radius: 5px;
+    color: white;
+    font-size: x-large;
+    width: 200px;
+    margin: 50px auto;
+
+}
+.rodape{
+    background-color: black; 
+	padding: 1px;
+	text-align: center;
+
+
+}
+.paragrafo_rodape{
+    color: white;
+    font-size: 20px;
+    padding: 10px;
+}
diff --git a/pagina1.html b/pagina1.html
diff --git a/pagina2.css b/pagina2.css
@@ -0,0 +1,80 @@
+header{
+
+    color: white;
+    background-color: black;
+    color: white;
+    text-align: center;
+    font-size: x-large;
+    font-family: sans-serif;
+    padding: 20px;
+}
+table{
+    display: flex;
+    justify-content: center;
+}
+.opcoes{
+    color: white;
+}
+td{
+    padding-left: 15px;
+}
+p{
+    font-size: larger;
+    font-weight: bolder;
+    color: black;
+}
+body{
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    margin: 0px
+}
+h1{
+    color: white;
+}
+h2{
+    text-align: center;
+    color: black;
+}
+section{
+    background-color: white;
+    display: flex;
+    border-radius: 10px;
+    border: 2px solid white;
+    margin: 50px auto;
+    width: 1000px;
+    color: white;
+}
+.logo{
+    margin: 50px;
+    margin-right: 15px;
+    width: 200px;
+    align-items: center;    
+}
+li{
+    margin: 5px;
+}
+a{
+    color: black;
+}
+a:hover{
+    font-weight: bolder;
+}
+.intro{
+    border-radius: 5px;
+    color: white;
+    font-size: x-large;
+    width: 500px;
+    margin: 50px auto;
+
+}
+.rodape{
+    background-color: black; 
+	padding: 1px;
+	text-align: center;
+
+
+}
+.paragrafo_rodape{
+    color: white;
+    font-size: 20px;
+    padding: 10px;
+}
diff --git a/pagina2.html b/pagina2.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Marcas Italianas</title>
+    <link type="text/css" rel="stylesheet" href="pagina2.css">
+</head>
+
+<body style="background-color:#495057;">
+    <header>
+        <h1 class="Titulo-h1">Marcas Italianas</h1>
+        <div class="intro">
+            <p class="intro">Algumas das principais marcas automobilísticas da Italia</p>
+        </div>
+        <table>
+            <tr>
+                <td><a  class="opcoes" href="#alfa">Alfa Romeo</a></td>
+                <td><a  class="opcoes" href="#ferrari">Ferrari </a></td>
+                <td><a  class="opcoes" href="#fiat">Fiat</a></td>
+                <td><a  class="opcoes" href="#lambo">Lamborghini</a></td>
+                <td><a  class="opcoes" href="#maserati">Maserati</a></td>
+                <td><a  class="opcoes" href="#pagani">Pagani</a></td>
+            </tr>
+        </table>
+    </header>
+
+    <main>
+        <section id="alfa">
+            <img class="logo" src="imagens/logo_alfa.jpg" alt="">
+            <div>
+                <h2>Alfa Romeo</h2>
+                <ul>
+                    <li>
+                        <p>Alfa Romeo é uma marca de automóveis de luxo italiana fundada em Milão, no ano de 1910, detida pela Stellantis. Alfa é o acrónimo do nome de fundação da empresa, Anonima Lombarda Fabbrica Automobili. É amplamente conhecida pelas suas linhas, com os carros a serem principalmente conhecidos pela sua beleza estética além de qualidade funcional.</p>
+                    </li>
+                    <li>
+                        <a href="https://www.alfaromeo.pt/configurador/" target="_blank">Configurador</a>
+                    </li>
+                    <li>
+                        <a href="https://www.alfaromeo.pt/" target="_blank">Site Oficial</a>
+                    </li>
+                </ul>
+            </div>
+        </section>
+        <section id="ferrari">
+            <img class="logo" src="imagens/logo_ferrari.png" alt="logo">
+            <div>
+                <h2>Ferrari</h2>
+                <ul>
+                    <li>
+                        <p>Ferrari é uma fabricante italiana de carros esportivos de luxo com sede em Maranello. Fundada por Enzo Ferrari em 1939 na divisão de corridas da Alfa Romeo com o nome Auto Avio Costruzioni, a empresa construiu seu primeiro carro em 1940. No entanto, o início da empresa como fabricante de automóveis é geralmente reconhecido em 1947, quando o primeiro carro com o nome Ferrari foi concluído.</p>
+                    </li>
+                    <li>
+                        <a href="https://pt.wikipedia.org/wiki/Ferrari" target="_blank">Site da Wikipedia</a>
+                    </li>
+                </ul>
+            </div>
+        </section>
+
+        <section id="fiat">
+            <img class="logo" src="imagens/logo_fiat.png" alt="logo">
+            <div>
+                <h2>Fiat</h2>
+                <ul>
+                    <li>
+                        <p>FIAT (Fabbrica Italiana Automobili Torino) é uma das marcas da Stellantis, um dos maiores fabricantes de automóveis do mundo, com sede mundial na cidade de Turim, norte da Itália. A empresa Fiat Automobiles S.p.A. foi formada em janeiro de 2007, quando a Fiat reorganizou seus negócios automotivos, e traça a sua história de volta a 1899, quando o primeiro Fiat foi produzido. Tem entre seus acionistas célebres a Igreja Católica</p>
+                    </li>
+                    <li>
+                        <a href="https://www.fiat.com.br/carros.html" target="_blank">Modelos</a>
+                    </li>
+                    <li>
+                        <a href="https://www.fiat.com.br/" target="_blank">Site Oficial</a>
+                    </li>
+                </ul>
+            </div>
+        </section>
+
+        <section id="lambo">
+            <img class="logo" src="imagens/logo_lambo.png" alt="logo">
+            <div>
+                <h2>Lamborghini</h2>
+                <ul>
+                    <li>
+                        <p>Lamborghini é uma fabricante italiana de automóveis desportivos de luxo e de alto desempenho
+                            criada originalmente para competir com a Ferrari com sede no município de Sant'Agata
+                            Bolognese. A companhia, que foi fundada em 1963 por Ferruccio Lamborghini (1916–1993) como
+                            uma filial da sua bem-sucedida fábrica de tratores Lamborghini Trattori S.p.A.. </p>
+                    </li>
+                    <li>
+                        <a href="https://configurator.lamborghini.com/configurator/configuration/ePl9IIpV1dNdboQgEADgq-wFTP1Z3fYREIRdR1nwp-UuvXsZRtqHNn1rmjWEfHEAHRi-JQx8K-rzpTnno_1KH2uqKsLYVBf21OT4Dzsi5gl0IZyNveICe0H96nUBup9Y4XXPXbF7G5dQ1fnUhS4g2-6EzwuexmDjGsKh9qrcU2UPcQrNGvatig315svYUMEssUVdWWAhEPoMmaFBE24ZQOCBEQSbDswZjtP0lBiiZ-uB2RFStgniEzHnhOVYWe2G1lGBTYzAMzSFBn0M1v1IGPl-QEw0Ju0jwglPIacUhTxfKOSloVDa7oRRHW_m9Ri8iIxX-tVdUDrApKvSDkMvTaNW0m1Y8OBBgpkc3iJQ7qaueI9AG-gm_BCMwt7vdZJjtd2SvHx2CuVY39Y2SZprutPgvS1blrTNirVJYS2tQQUF5SJ_uWx_W3UPUWv_W2KPXlnvH5caQh0/exterior" target="_blank">Configurador</a>
+                    </li>
+                    <li>
+                        <a href="https://www.lamborghini.com/en-en/models" target="_blank">Modelos</a>
+                    </li>
+                    <li>
+                        <a href="https://www.lamborghinisaopaulo.com.br/" target="_blank">Site Oficial Lamborghini São Paulo</a>
+                    </li>
+                </ul>
+            </div>
+        </section>
+        <section id="maserati">
+            <img class="logo" src="imagens/logo_maserati.jpg" alt="logo">
+            <div>
+                <h2>Maserati</h2>
+                <ul>
+                    <li>
+                        <p>A marca foi fundada em 1º de dezembro de 1914 pelos irmãos Maserati - Ettore e Ernesto - com o objetivo de desenvolver carros, e especialmente motores, além de produzir velas de ignição. O logotipo do tridente, que identifica os carros Maserati até hoje, foi desenhado por Mario Maserati, o único artista dos quatro irmãos, inspirado na estátua de Netuno de Giambologna, localizada numa das praças mais importantes de Bologna.</p>
+                    </li>
+                    <li>
+                        <a href="https://www.maserati.com/br/pt/shopping-tools/configurator" target="_blank">Configurador</a>
+                    </li>
+                    <li>
+                        <a href="https://www.maserati.com/br/pt/models" target="_blank">Modelos</a>
+                    </li>
+                    <li>
+                        <a href="https://www.maserati.com/br/pt" target="_blank">Site Oficial</a>
+                    </li>
+                </ul>
+            </div>
+        </section>
+        <section id="pagani">
+            <img class="logo" src="imagens/logo_pagani.jpg" alt="logo">
+            <div>
+                <h2>Pagani</h2>
+                <ul>
+                    <li>
+                        <p>Pagani Automobili S.p.A. é uma fabricante italiana de modelos de alta performance e de fibra de carbono de alta qualidade que é utilizada inclusive pela Lamborghini em seus próprios modelos. Foi fundada pelo argentino naturalizado italiano Horacio Pagani em 1992 em Modena.</p>
+                    </li>
+
+                    <li>
+                        <a href="https://www.pagani.com/history/" target="_blank">História</a>
+                    </li>
+                    <li>
+                        <a href="https://www.pagani.com/" target="_blank">Site Oficial</a>
+                    </li>
+                </ul>
+            </div>
+        </section>
+    </main>
+    <footer class="rodape">
+        <p class="paragrafo_rodape"></p>
+    </footer>
+
+</body>
+
+</html>