2
respostas

Projeto Curriculo

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS

por Lucas de Souza Santos
| 25.3k xp | 3 posts

Imagem do projeto curriculo 

<!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>Curriculo</title>
    <link rel="stylesheet" href="./styles/style.css">
    <link rel="stylesheet" href="./styles/curriculo.css">


    <style>
        /* Estilizando o conteúdo da página */
        /* body {
         /* height: 800px; /* Altura do conteúdo para gerar a barra de rolagem */
        /*overflow: auto; /* Adiciona a barra de rolagem automaticamente quando necessário */
    </style>
</head>

<body>
    <header>
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__link" href="index.html">Home</a>
            <a class="cabecalho__menu__link" href="about.html">Sobre mim</a>
            <a class="cabecalho__menu__link" href="curriculum.html">Curriculo</a>
        </nav>
    </header>
    <main class="resumo">
        <section class="resumo_principal">
            <h1>Lucas <strong class="sobrenome">Souza</strong></h1>
        </section>
        <p class="texto1">Olá,meu nome é Lucas <strong class="sobrenome">Souza</strong> tenho 24 anos,curso <strong
                class="faculdade">Engenharia de Software </strong> na
            Unopar com previsão para formação em 2025.Apaixonado e entusiasata por
            tecnologia e programação que tem o desejo e o sonho de um dia trabalhar na área da tecnologia.Atualmente
            estou desenvolvendo
            habilidades em HTML, CSS e JavaScript para contribuir em projetos inovadores e expandir meus conhecimentos.
        <p>

        <section>
            <h2 class="resumo_exp">Experiências:</h2>
            <h4>
                <p class="resumo_exp">Dica Padaria:</p>
                <p class="adm">Assistente Administrativo</p>
            </h4>
                <p class="resumo_exp">Tempo de Experiência: 2014-04 a 2014-10</p>
            <h4 class="resumo_exp">Grupo MLL:</h4>
            <p class="adm">Assistente Administrativo</p>
            <p class="resumo_exp">Tempo de Experiência: 2019-01 a 2020-02</p>
            <h5>
                <p class="resumo_exp">Royal Macaé Palace:</p>
                <p class="g">Garçom</p>
            </h5>
            <p class="resumo_exp">Tempo de Experiência: Atualmente</p>
        </section>

        <section class="projecao">
            <h2 class="projecao_profissional">Projeção Profissional:</h2>
        </section>
        <h4 class="projecao_txt">Como profissional em desenvolvimento web, busco oportunidades desafiadoras em uma
            empresa inovadora onde eu
            possa aplicar e aprimorar minhas habilidades em HTML, CSS e JavaScript. Tenho como objetivo contribuir para
            o desenvolvimento de projetos web de alta qualidade, focados na experiência do usuário e na eficiência dos
            processos. Almejo trabalhar em equipe, compartilhar conhecimentos e estar em constante aprendizado,
            acompanhando as últimas tendências e tecnologias do setor. Tenho paixão por criar soluções criativas e
            funcionais, sempre buscando entregar resultados que excedam as expectativas. Sou proativo, organizado e
            comprometido em entregar projetos dentro dos prazos estabelecidos, mantendo a qualidade e a usabilidade como
            prioridades. Estou ansioso para contribuir para o crescimento da empresa e desenvolver uma carreira sólida
            na área de desenvolvimento web.</h4>

    </main>
    <footer class="rodape">
        <p>Desenvolvido e atualizado por Lucas</p>
    </footer>
</body>

</html>
2 respostas
por Lucas de Souza Santos
| 25.3k xp | 3 posts
/*CSS para pagina curriculo*/
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');


* {
    padding: 0px;
    margin: 0px;
}

body {
    /* height: 100vh; */
    box-sizing: border-box;
    background-color: #000000;
    color: #F6F6F6;
}


.cabecalho__menu {
    padding: 2% 0% 0% 8%;
}


.cabecalho__menu {
    display: flex;
    gap: 80px;
}

.cabecalho__menu__link {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #22D4FD;
    text-decoration: none;
}

.resumo {
    padding: 3% 8%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.resumo_principal {
    font-size: 12px;
    font-family: 'Krona One', sans-serif;
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.texto1 {
    line-height: 2;
    font-size: 12px;
    font-family: 'Roboto Mono', monospace;
}

.sobrenome {
    color: rgb(98, 219, 163);
}

.faculdade {
    color: darksalmon;
}

.resumo_exp {
    line-height: 2;
    font-size: 19px;
    font-family: 'Roboto Mono', monospace;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
}

.adm {
    color: darksalmon;
}

.g {
    color: darksalmon;
}

.projecao {
    line-height: 2;
    font-size: 25px;
    font-family: 'Krona One', sans-serif;
}

.projecao_profissional {
    line-height: 2;
    font-size: 12px;
    font-family: 'Krona One', sans-serif;
}

.projecao_txt {
    line-height: 2;
    font-size: 12px;
    font-family: 'Roboto Mono', monospace;
}

.rodape {
    color: #000000;
    background-color: #22D4FD;
    padding: 24px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
}
por RODRIGO SILVA HARDER
| 2312.7k xp | 4888 posts

Oi, Lucas, tudo bem?

Muito obrigado por compartilhar o seu projeto com a comunidade do fórum. O desafio do currículo que você fez ficou muito legal. O seu código ficou bem indentado e apresenta as boas práticas que utilizamos na programação.

Continue se dedicando em seus estudos e caso tenha dúvidas, estarei à disposição para te ajudar.

Abraços e bons estudos!