search

guimaraesalves / proj_portfolio

Estudo para a criação de um Portfólio pessoal.
MIT License
0 stars 0 forks source link

Estudo página Index #2

Open guimaraesalves opened 3 years ago

guimaraesalves commented 3 years ago

Estudo para a página index do portifólio.

## header **HTML** ```html

Mateus Guimarães Alves

```

**CSS** ```css header { min-height: 60px; position: fixed; top: 0; right: 0; left: 0; border-bottom: 1px solid #ccc; background: #ECECEC; z-index: 2; } ```

guimaraesalves commented 3 years ago

HTML - Final proposta inicial

faltando o texto de apresentação

<!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>Portfólio Mateus</title>
</head>
<body>
    <header>
        <h1 class="fL">
            <a href="#" title="Mateus Guimarães Alves">Mateus Guimarães Alves</a>
        </h1>

        <nav class="fR">
            <ul class="l2">
                <li>
                    <a href="#formacao" title="Formacao">Formação</a>
                </li>
                <li>
                    <a href="#curriculos" title="Curriculos">Currículos</a>
                </li>
                <li>
                    <a href="#projetos" title="Projetos">Projetos</a>
                </li>
                <li>
                    <a href="#certificados" title="Certificados">Certificados</a>
                </li>
            </ul>
        </nav>
    </header> 
    <br> 
    <main>
        <h1>Muito Prazer. Mateus Guimarães.</h1>
        <p>Essa é a minha história...</p>
        <article>
            <h2>Hello, World!</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum velit delectus et accusantium obcaecati temporibus id aperiam numquam sequi cupiditate ducimus provident rem suscipit excepturi minima facilis a, nulla modi!</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia distinctio, voluptates porro molestiae natus fugiat eaque officia ratione adipisci! Officiis totam amet at dignissimos a minus, natus nihil repudiandae maiores.</p>
        </article>
    </main> 
    <hr>
        <aside>
            <h2>contatos:</h2>
            <img src="Avatar_auto_001-200x200.png"fotoMateus">
            <dl>
                <dt>emails:</dt>
                <dd>guimaraesalvesmateus@gmail.com</dd>
                <dd>mateusgalves@outlook.com</dd>
                <dt>Telefones:</dt>
                <dd>(27) 99642 3636</dd>
                <dd>(27) 98895 4284</dd>
            </dl>
        </aside>
        <aside>
            <h3>Redes:</h3>
            <ul>
                <li><a href="https://github.com/guimaraesalves">GitHub</a></li>
                <li><a href="https://www.linkedin.com/in/mateus-guimar%C3%A3es-alves-b49008190/">Linkedin</a></li>
                <li><a href="https://www.instagram.com/mga74746/">Instagram</a></li>
                <li><a href="https://twitter.com/MateusG32549382">Twitter</a></li>
            </ul>
        </aside>

        <footer>
            <p>&copy 2021 Mateus Guimarães Alves</p>
        </footer>

</body>
</html>