Skip to content
This repository has been archived by the owner on Jan 7, 2023. It is now read-only.

Sobre(page)

Jump to bottom
SardonyxAnimals edited this page Nov 23, 2020 · 1 revision

A seguir é possível ver o código o qual foi utilizado para a criação da página sobre.html:

<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sobre | Sardonyx</title>
    <link rel="stylesheet" type="text/css" href="css/sobre.css" />
    <link rel="icon" type="image/ico" href="img/favicon/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>

</head>

<body>
    <header id="header">
        <div class="container">
            <div class="linha">
                <div id="logo" class="coluna_geral coluna-area-3">
                    <a href="index.html"><img src="img/logo_normal.png" alt="Logo"></a>
                </div>
                <nav class="navegacao">
                    <input type="checkbox" id="check">
                    <label for="check" class="checkbtn">
            <i class="fas fa-bars"></i>
          </label>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <div class="dropdown">
                            <li><a href="#">Categorias</a></li>
                            <div class="dropdown-content">
                                <a href="anfibios.html">Anfíbios</a>
                                <a href="aves.html">Aves</a>
                                <a href="mamiferos.html">Mamíferos</a>
                                <a href="repteis.html">Répteis</a>
                            </div>
                        </div>
                        <li><a class="active" href="#">Sobre</a></li>
                        <li><a href="contato.html">Contato</a></li>
                    </ul>
                </nav>
                <section></section>
            </div>
        </div>
    </header>
    <main>
        <section class="sard">
            <h1>Sobre o Sardonyx:</h1>
            <p>O Sardonyx é um site informativo e de ilustração, sem fins lucrativos. Visamos explorar o mundo animail; suas espécies, seus cuidados, as leis que os proteje e muito mais. Nosso site é destinado a todos que se interessam em conhecer os mais
                variados bichos.
            </p>
        </section>

        <section class="nos">
            <h2>Quem somos?</h2>
            <p>Somos uma equipe de 5 estudantes do Instituto Federal de Alagoas - campus Maceió, cursando informática para internet. Desenvolvemos o Sardonyx para um projeto da matéria de Programação Web. Pretendemos continuar mantendo o site ativo mesmo
                após todas as entregas.
            </p>
        </section>

        <section class="cont">
            <h2>Entre em contato conosco!</h2>
            <p>Para reportar algum erro, fazer alguma crítica, sugerir conteúdo e etc. Sintam-se a vontade para nos contatar e dar seu feedback em: <a href="contato.html">Contato</a></p>
        </section>

    </main>
    <footer id="footer">
        <div class="container">
            <div class="linha">
                <div class="coluna_geral coluna-lugar-1 coluna-area-3">
                    <p class="rodape">
                        <a href="index.html"><img src="img/logo_rodape.png" height="60px" alt="Logo da Sardonyx"></a>
                    </p>
                    <p class="rodape alinhar">"Se você passar tempo com os animais, corre o risco de se tornar uma pessoa melhor" - Oscar Wilde.</p>
                </div>
                <div class="coluna_geral coluna-lugar-1 coluna-area-2 coluna-2">
                    <h3>Menu</h3>
                    <div class="nav_rodape">
                        <nav>
                            <ul>
                                <li><a class="rodape" href="#top">Home</a></li>
                                <li><a class="rodape" href="#top">Categorias</a></li>
                                <li><a class="rodape" href="sobre.html">Sobre</a></li>
                                <li><a class="rodape" href="contato.html">Contato</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="coluna_geral coluna-area-3 social coluna-4">
                    <a href="https://www.facebook.com/testando123450" target="_blank"><img src="img/social-facebook.png" alt="facebook"></a>
                    <a href="https://www.twitter.com/testando123450" target="_blank"><img src="img/social-twitter.png" alt="twitter"></a>
                    <a href="https://www.youtube.com/testando123450" target="_blank"><img src="img/social-youtube.png" alt="youtube"></a>
                </div>
            </div>
        </div>
    </footer>
    <div id="copyright">
        &copy; Sardonyx - 2020 - Todos os direitos reservados
    </div>


</html>
Clone this wiki locally