index.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <link rel="stylesheet" type="text/css" href="estilos/style.css">
    <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>Desenvolvimento Web: Front-end e Back-end</title>
</head>

<body>
    <header>
        <h1> Desenvolvimento Web</h1>
        <nav>
            <ul>
                <li><a href="index.html"> Home</a></li>
                <li><a href="html5.html"> HTML 5</a></li>
                <li><a href="css.html"> CSS 3</a></li>
                <li> <a href="js.html">JavaScript </a></li>

            </ul>
        </nav>
    </header>
    <main class="main-inicial">
        <section class="imagem-principal">
            <img src="imagens/3logos.png" width="300" alt="Logo HTML 5 - CSS 3 e Java Script">

        </section>
        <section class="texto-principal-meio">
            <p class="paragrafo-texto-principal">Existem basicamente duas camadas quando se trata de desenvolvimento
                web: <strong>Front-end e
                    Back-end.</strong> </p>

        </section>

    </main>
     <div class=linha-hr>
        </div>
        <p class="paragrafo-texto-principal">A camada de front-end é onde fica a estrutura HTML , as regras CSS e os
            comandos JavaScript, ou seja, tudo que é  apresentado para os usuários. Essa camada também é chamada de client-side.</p>
        <div class=linha-hr> </div>

        <p class="paragrafo-texto-principal">Na camada de back-end pode ter várias tecnologias diferentes, como: PHP, C#
            (CSharp), Java, Ruby, Python,  entreutras, dependendo dos objetivos do site e “a própria opção do programador”.</p>
        <section class="texto-principal">
            <div class=linha-hr> </div>
            <p class="paragrafo-texto-principal">Vamos conhecer um pouco mais sobre as linguagens Front-end:</p>

            <p class="paragrafo-texto-principal"> <a href="http://www.w3c.br" target="_blank"> Clique aqui </a> e saiba
                mais! </p>

        </section>
        <footer>
            <p class=paragrafo-texto-principal> Autor: Prof Alex - prof.alex@uniuv.edu.br </p>
        </footer>

</body>

</html>