Add files via upload

oiaknaul · Jun 27, 2024 · 6c12957 · 6c12957
1 parent a1b730a
commit 6c12957
Show file tree

Hide file tree

Showing 18 changed files with 361 additions and 0 deletions.
diff --git a/banner.webp b/banner.webp
diff --git a/boneco.png b/boneco.png
diff --git a/brie.html b/brie.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Queijo Brie</title>
+    <link rel="stylesheet" href="queijos.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Queijo Brie</h1>
+        <p>O Brie é um queijo macio originário da França, conhecido por sua textura cremosa e sabor suave. Sua casca branca aveludada é comestível e adiciona um contraste agradável à sua suavidade interior.</p>
+
+        <img src="brie2.webp" alt="Queijo Brie" class="queijo-img">
+
+        <p>O sabor do queijo Brie pode variar de suave a ligeiramente amanteigado, dependendo de sua maturação. Ele é frequentemente servido em tábuas de queijos, acompanhado de frutas, nozes ou geleias.</p>
+
+        <p>Seu processo de fabricação envolve a coagulação do leite, formação da coalhada, drenagem, salga e maturação em condições controladas para desenvolver seu sabor e textura característicos.</p>
+
+        <p>Experimente o Brie em receitas que valorizem sua cremosidade e delicadeza, ou simplesmente aprecie-o puro acompanhado de um bom vinho.</p>
+    </div>
+</body>
+</html>
diff --git a/brie.jpg b/brie.jpg
diff --git a/brie2.jfif b/brie2.jfif
diff --git a/brie2.webp b/brie2.webp
diff --git a/cheddar.html b/cheddar.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="queijos.css">
+    <title>Queijo Cheddar</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            max-width: 600px;
+            margin: 20px auto;
+            padding: 0 20px;
+        }
+        h1 {
+            text-align: center;
+            color: #333;
+        }
+        p {
+            text-align: justify;
+        }
+        .queijo-img {
+            max-width: 100%;
+            display: block;
+            margin: 20px auto;
+        }
+    </style>
+</head>
+<body>
+    <h1>Queijo Cheddar</h1>
+    <p>O Cheddar é um queijo originário da Inglaterra, conhecido por seu sabor pronunciado e sua cor amarelo pálida. Ele é famoso por sua versatilidade e pode ser encontrado em diversos pratos ao redor do mundo.</p>
+
+    <img src="cheddar2.webp" alt="Queijo Cheddar" class="queijo-img">
+
+    <p>O queijo Cheddar é especialmente apreciado por seu sabor encorpado, que pode variar de suave a forte, dependendo de seu tempo de maturação. É frequentemente utilizado em sanduíches, hambúrgueres, molhos e como ingrediente principal em pratos gratinados.</p>
+
+    <p>Seu processo de fabricação envolve a coagulação do leite, seguido pelo corte da coalhada, prensagem e maturação por vários meses. Isso confere ao Cheddar suas características únicas de sabor e textura.</p>
+
+    <p>Experimente o Cheddar em diversas receitas para descobrir sua versatilidade e sabor marcante!</p>
+</body>
+</html>
diff --git a/cheddar.jpg b/cheddar.jpg
diff --git a/cheddar2.webp b/cheddar2.webp
diff --git a/gouda.html b/gouda.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Queijo Gouda</title>
+    <link rel="stylesheet" href="queijos.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Queijo Gouda</h1>
+        <p>O Gouda é um queijo semiduro originário da Holanda, conhecido por sua cor amarela suave e sabor delicado com notas de nozes. É um dos queijos mais consumidos no mundo.</p>
+
+        <img src="gouda2.jpg" alt="Queijo Gouda" class="queijo-img">
+
+        <p>Este queijo é caracterizado por sua textura cremosa e flexível, o que o torna ideal para fatiar e derreter. É frequentemente utilizado em sanduíches, fondues e pratos gratinados.</p>
+
+        <p>O processo de fabricação do queijo Gouda envolve a coagulação do leite, formação da coalhada, prensagem e maturação por semanas ou meses, dependendo do tipo desejado. Isso contribui para seu sabor suave e desenvolvimento de textura.</p>
+
+        <p>Experimente o Gouda em diferentes preparações culinárias para apreciar sua versatilidade e sabor único que agrada a diversos paladares ao redor do mundo.</p>
+    </div>
+</body>
+</html>
diff --git a/gouda.jpg b/gouda.jpg
diff --git a/gouda2.jpg b/gouda2.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Queijos: Diversidade e Sabor</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>Queijos: Diversidade e Sabor</h1>
+            <img src="banner.webp" alt="Banner de Queijos" class="header-img">
+        </header>
+
+        <p>Queijos são uma maravilha culinária que transcende fronteiras e culturas, enriquecendo pratos e paladares ao redor do mundo. Originários de uma tradição milenar, esses laticínios fermentados desempenham um papel fundamental na gastronomia global, oferecendo uma diversidade impressionante de sabores, texturas e usos culinários.</p>
+
+        <h2>Tipos de Queijo</h2>
+        <p>Em termos de variedade, os queijos são tão diversos quanto os países que os produzem. Existem centenas de tipos diferentes, cada um com suas características únicas derivadas de métodos de fabricação específicos, variedades de leite e processos de envelhecimento. Entre os mais conhecidos estão:</p>
+
+        <ul>
+            <li>
+                <h3><span class="queijo">Cheddar</span> - Inglaterra</h3>
+                <a href="cheddar.html" target="_blank">Saiba mais sobre Cheddar</a>
+                <img src="cheddar.jpg" alt="Cheddar" class="queijo-img">
+                <p>A famosa variedade de queijo amarelo pálido conhecido por seu sabor pronunciado.</p>
+            </li>
+            <li>
+                <h3><span class="queijo">Brie</span> - França</h3>
+                <a href="brie.html" target="_blank">Saiba mais sobre Brie</a>
+                <img src="brie.jpg" alt="Brie" class="queijo-img">
+                <p>O queijo macio de casca branca, conhecido por sua textura cremosa e sabor suave.</p>
+            </li>
+            <li>
+                <h3><span class="queijo">Parmesão</span> - Itália</h3>
+                <a href="parmesao.html" target="_blank">Saiba mais sobre Parmesão</a>
+                <img src="parmesao.png" alt="Parmesão" class="queijo-img">
+                <p>O queijo duro e granuloso, famoso por seu sabor intenso e uso em pratos italianos.</p>
+            </li>
+            <li>
+                <h3><span class="queijo">Gouda</span> - Holanda</h3>
+                <a href="gouda.html" target="_blank">Saiba mais sobre Gouda</a>
+                <img src="gouda.jpg" alt="Gouda" class="queijo-img">
+                <p>O queijo semiduro de cor amarela e sabor suave, com notas de nozes.</p>
+            </li>
+        </ul>
+
+        <p>A fabricação de queijo é um processo complexo que combina arte e ciência. Começa com a seleção cuidadosa do leite, que pode ser de vaca, ovelha, cabra ou até mesmo búfala, dependendo da tradição local e do tipo de queijo desejado. O leite é então coagulado com a adição de enzimas e/ou ácidos, formando coalhada e soro. Esta mistura é então cortada, mexida, drenada e, em muitos casos, maturada por semanas, meses ou até anos para desenvolver os sabores desejados.</p>
+
+        <p>Cada etapa do processo de fabricação influencia diretamente as características finais do queijo, incluindo sua textura, aroma e sabor. A habilidade do queijeiro em controlar esses fatores é essencial para a produção de queijos de alta qualidade que são apreciados tanto por amantes da gastronomia quanto por consumidores cotidianos.</p>
+
+        <p>Em suma, os queijos são muito mais do que simples alimentos; são símbolos de tradição, habilidade artesanal e prazer gastronômico. Eles unem pessoas através de uma apreciação comum por sabores ricos e complexos, e continuam a desempenhar um papel central em culturas alimentares ao redor do mundo, garantindo que seu legado como um dos alimentos mais amados e versáteis perdure por muitas gerações.</p>
+
+        <footer>
+            <div class="footer-content">
+                <p>&copy; 2024 Queijos: Diversidade e Sabor. Todos os direitos reservados. oiaknaul</p>
+                <img src="boneco.png" alt="Ícone de Queijo" class="footer-icon">
+            </div>
+        </footer>
+    </div>
+</body>
+</html>
diff --git a/parmesao.html b/parmesao.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Queijo Parmesão</title>
+    <link rel="stylesheet" href="queijos.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Queijo Parmesão</h1>
+        <p>O Parmesão é um queijo duro e granuloso originário da Itália, famoso por seu sabor intenso e aroma característico. É frequentemente utilizado em pratos italianos como massas, risotos e gratinados.</p>
+
+        <img src="parmesao2.png" alt="Queijo Parmesão" class="queijo-img">
+
+        <p>O queijo Parmesão é conhecido por sua longa maturação, que pode durar de 1 a 3 anos ou mais. Durante esse período, ele desenvolve seu sabor complexo e textura granulosa, ideal para ralar e polvilhar sobre pratos finalizados.</p>
+
+        <p>Seu processo de fabricação envolve o uso de leite de vaca, coagulação, formação da coalhada, prensagem e salga. Após a prensagem, o queijo é envelhecido em condições controladas para alcançar sua qualidade e sabor desejados.</p>
+
+        <p>Experimente o Parmesão em diferentes pratos para descobrir sua versatilidade e contribuição única para a culinária italiana tradicional.</p>
+    </div>
+</body>
+</html>
diff --git a/parmesao.png b/parmesao.png
diff --git a/parmesao2.png b/parmesao2.png
diff --git a/queijos.css b/queijos.css
@@ -0,0 +1,36 @@
+body {
+    font-family: 'Arial', sans-serif;
+    line-height: 1.6;
+    background-color: #f9f9f9;
+    margin: 0;
+    padding: 0;
+}
+
+.container {
+    max-width: 600px;
+    margin: 20px auto;
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 20px rgba(0,0,0,0.1);
+}
+
+h1 {
+    text-align: center;
+    color: #333;
+    margin-bottom: 20px;
+}
+
+p {
+    text-align: justify;
+    margin-bottom: 15px;
+}
+
+.queijo-img {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+    height: auto;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+}
diff --git a/styles.css b/styles.css
@@ -0,0 +1,152 @@
+/* Estilo básico e cores principais */
+body {
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    line-height: 1.6;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #f9f9f9;
+    color: #333;
+}
+
+h1 {
+    text-align: center;
+    color: #fff;
+    background-color: #333;
+    position: relative;
+    padding: 20px;
+    margin-bottom: 20px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 200px;
+}
+
+h1::before {
+    content: "";
+    background: url('images/banner-principal.jpg') no-repeat center center;
+    background-size: cover;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    border-radius: 8px 8px 0 0;
+}
+
+p {
+    text-align: justify;
+    margin-bottom: 20px;
+}
+
+.queijo {
+    font-weight: bold;
+    color: #6c757d;
+}
+
+.queijo-img {
+    max-width: 60%;
+    display: block;
+    margin: 10px auto;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+}
+
+.queijo-subtitulo {
+    font-size: 1.2em;
+    color: #555;
+    margin-bottom: 5px;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+ul li {
+    margin-bottom: 20px;
+}
+
+ul li h3 {
+    background-color: #eee;
+    padding: 10px;
+    border-radius: 8px;
+    margin-bottom: 10px;
+}
+
+h2 {
+    color: #fff;
+    background-color: #555;
+    padding: 10px 20px;
+    border-radius: 8px;
+    margin-top: 40px;
+    margin-bottom: 20px;
+    position: relative;
+}
+
+h2::before {
+    content: "";
+    background: url('images/banner-subtitulo.jpg') no-repeat center center;
+    background-size: cover;
+    height: 100px;
+    width: 100%;
+    position: absolute;
+    top: -100px;
+    left: 0;
+    z-index: -1;
+    border-radius: 8px 8px 0 0;
+}
+
+li::marker {
+    color: #333;
+    font-size: 1.5em;
+}
+
+li {
+    background: #fafafa;
+    padding: 15px;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+/* Estilo do rodapé */
+footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 20px;
+    margin-top: 20px;
+}
+
+.footer-content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.footer-content p {
+    margin: 0;
+    flex: 1;
+    text-align: left;
+}
+
+.footer-icon {
+    width: 900px;
+    height: 200px;
+    margin-left: 50px;
+}
+
+header {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.header-img {
+    max-width: 100%;
+    height: auto;
+    max-height: 350px; /* Altura máxima do banner */
+    display: block;
+    margin: 0 auto;
+}