1 - Criando um footer estilizado

CSS:

.rodape {

    text-align: center;
    margin: 7em 0;
}

.rodape__logo {

    margin: 1.5em;
}

.rodape__lista {

    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 1em;
}

.link-rodape {

    margin: 1em;
    font-size: 16px;
    color: var(--title-color);
    text-decoration: none;
}

.link-rodape:hover {

    color: var(--hover-botao-cor);
}

.link-rodape:active {

    color: var(--active-ancora-cor);
}

.rodape__texto {

    margin-bottom: 2em;
    font-size: 14px;
    color: var(--subtitle-color);
}

Nota: O exercício pede para lembrar "de aplicar práticas de design responsivo para garantir uma boa visualização em diferentes dispositivos." Provavelmente usará Media Query, que já foi apresentado no curso anterior da formação, mas eu não consegui fazer porque não foi deixado um design do site para mobile e, vendo o gabarito, também não mostra nenhuma possível resposta usando a responsividade. É para criar mesmo assim ou pode deixar esse detalhe de lado por não ter sido o foco desse curso? Caso seja do exercício, eu posso enviar depois a versão mobile se precisar. Só fiquei confuso nessa parte mesmo, perdão =/

2 - Compartilhando seu projeto no GitHub

Link do GitHub: https://github.com/Victor-M-S-Rodrigues07/alura--Curso-HTML-e-CSS-praticando-HTMLCSS

MarkDown:

<h1 align = "center"> Site da Alura Plus - Alura + Alura Língua com o Combo+ </h1>

![Print de tela do site Alura Plus](./imagens/foto-readme.png)

<h3> Status do Projeto: Concluído :heavy_check_mark: </h3>

<h2> Tópicos </h2>

* [Descrição do projeto](#Descrição-do-Projeto)
* [Funcionalidades](#Funcionalidades)
* [Tecnologias Utilizadas](#Tecnologias-Utilizadas)
* [Deploy-da-Aplicação](#Deploy-da-Aplicação)
* [Autor](#Autor)
* [Contato](#Contato)
* [Créditos](#Créditos)

<h2 align = "left"> Descrição do Projeto </h2>

<p> Projeto criado para a realização do curso "HTML e CSS: Praticando HTML e CSS" da Alura. O Alura+ é um site promocional que mostra as informações a respeito do combo+, baseado em um design fornecido. O projeto é uma representação real usada no mercado de trabalho, contendo 4 (quatro) seções ilustrativas e um footer com links e descrição de copyright. </p>

<h2> Funcionalidades </h2>

* Âncoras: uso de âncoras do HTML para navegação em outros sites;
* Imagem de fundo: uso de imagens de fundo no CSS;
* Estilização de botão: uso de novas estilizações para os botões;
* Margens, Paddings e bordas:
* Novos Displays: apresentação e uso do Design Grid, Flex, inline, block, etc;
* Apresentação do modelo de nomeação BEM: aprendizado de normas de nomeação de classes;
* Footer: criação de um footer semelhante ao usado e requerido em mercados de trabalho.

<h2> Tecnologias Utilizadas </h2>

* HTML
* CSS
* Markdown
* Git
* GitHub

<h2> Deploy da Aplicação </h2>

Link do projeto no Vercel: https://projeto-alura-plus-curso-praticando.vercel.app

Link do projeto no GitHub Pages: https://github.com/Victor-M-S-Rodrigues07/alura--Curso-HTML-e-CSS-praticando-HTMLCSS

<h2> Autor </h2>

<img src = "https://avatars.githubusercontent.com/u/187053289?v=4" width = 200px><br><sub>Victor</sub>
<h2> Contato </h2>

[LinkedIn](https://www.linkedin.com/in/victor-m-rodrigues/)

[GitHub](https://github.com/Victor-M-S-Rodrigues07)

<h2> Créditos </h2>

[<img loading = "lazy" src = "./imagens/alura-logo-readme.png"><br><sub> Alura </sub>](https://cursos.alura.com.br/formacao-html-css)

Nota: Eu demorei 3h para fazer esse ReadMe, e as imagens nem carregaram... meh. Ficou desse jeito, não sei como criar as badges, os espaçamentos, os ícones do HTMl e CSS para ilustrar, subtítulo, mas tá aí. Foi de coração =)

3 - Publicando seu projeto no GitHub Pages

Link do projeto no GitHub Pages: https://victor-m-s-rodrigues07.github.io/alura--Curso-HTML-e-CSS-praticando-HTMLCSS/

4 - Publicando um projeto na Vercel

Link do projeto no Vercel: https://projeto-alura-plus-curso-praticando.vercel.app

5 - Alterando a cor do botão via GitHub e Visual Studio Code no navegador

Imagem: