text: import htmlcssimg from '../../../img/anexo04.png'
  
  import { HiOutlineExternalLink } from 'react-icons/hi'
  
  function HomeHtmlCss() {
      return (
          <>
              <div>
                  <p>Pesquisei sobre Desenvolvimento Front End, assisti uns vídeos, vi uns projetos e me interessei bastante! Procurei uns fluxogramas para saber por onde começar e qual ordem seguir, e vi que eu precisaria estudar HTML5, CSS3 e JavaScript. Acessei o site do <a href="https://www.cursoemvideo.com/" target="_blank" rel="noreferrer"> CursoemVideo<HiOutlineExternalLink/></a> e vi que tem o curso de HTML/CSS. Infelizmente naquele momento apenas os Módulos 1 e 2 estavam completos, e o Módulo 3 ainda estava em produção (um total de 5 Módulos), mas não perdi tempo e comecei os estudos. </p>
                  <p>No primeiro Módulo foram coisas bem básicas: Instalei e configurei o Visual Studio Code, Hierarquia de Títulos, Links e Âncoras, Imagens, Multimídias e Vídeos, Estilos no CSS (Cor de fonte, Cor de Background), resolvi algumas questões, concluí alguns desafios e fui para o próximo módulo.</p>
                  <p>O Módulo 2 foi mais voltado para os estilos com o CSS. Comecei entendendo a psicologia das cores, a harmonia entre elas e também sobre o uso de Paleta de Cores, alinhamento de textos, Pseudo-classes e Pseudo-elementos em CSS, sombras e bordas, uma introdução básica a responsividade e como tornar um vídeo responsivo e, por fim, concluindo o módulo fazendo esse projeto anexado abaixo.</p>
              </div>
              <div className={`text-center`}>
                  <img src={htmlcssimg} className={`rounded img-thumbnail mt-3`} alt="HTML e CSS img" />
              </div>
              <div>
                  <p>No terceiro Módulo comecei aprendendo um pouco sobre repositórios utilizando o GIT e o GitHub, que inclusive fiz um curso no <a href="https://www.cursoemvideo.com/" target="_blank" rel="noreferrer"> CursoemVideo<HiOutlineExternalLink/></a> após concluir o terceiro módulo, visto que o que foi ensinado durante o curso de HTML/CSS foi apenas o básico para dar proseguimento ao curso, e eu acredito que GIT e GitHub seja algo essencial, principalmente para projetos em grupo. Além de aprender sobre os repositórios, aprendi também a trabalhar com imagens no Background, efeito parallax e a hospedar projetos pelo GitHub.</p>
              </div>
          </>
      )
  }
  
  export default HomeHtmlCss