index.html

<!DOCTYPE html>

<html lang="pt-br">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   

    <title>portifolio</title>
<link rel="stylesheet" href="main.css">

</head>

<body>

   
<div class="container">
  <img src="62162a31-b328-4a84-958c-6d4f7e58fb65.jpg" 
  alt="sou eu"
  width="250"
   height="250">
   
   

  <h1>portifolio</h1>
  <p>seja bem vindo ao meu portifolio <br>
             aqui encontraremos inumeras aplicações e projetos pessoais.
 </p>
<a href="pagina de links/pagina2.html">
 <button onclick= "alert('DIRECIONANDO PARA PAGINA!')"
>Clique aqui
</button> </a>
<p>confiram minhas redes sociais </p>
 <a href="https://www.instagram.com/odilonribeiro2/">
  <img src="instagram.jpeg" alt="" 
     width="30px"
     height="30px"
     transition: transform 0.3s;> 
    </a>
    <a href="https://www.linkedin.com/in/odilon-ribeiro-2ab09a17a">
      <img src="linkedin.png"        alt=""
         width="30px"
        height="30px"
        transform= scale(1.2);
        max-width="100%";
        height="auto";
        transition=transform 0.3s;>
        </a>
    </div>
 
</body>


</html>

