index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale= 1.0">
    <title>Francesco Alessandro Pizzino Website</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="icon" href="">
  </head>

  <body>
    <div class="intro">
    <h1 class="introduction">Welcome! 
   </h1>
    </div>
   
    <div class="topbox">
    <img class= "pic" src="images/curriculum.png" alt="profile pic">
    <br>
    <h1>I'm Francesco.</h1> <br>
    <h2>A web-developer, a musician, an activist and a TTRPG game designer</h2>
    </div>


    <div class="middlebox">
<h1>My Resume</h1>
<h2>My Web-Skills</h2>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>Javascript</li>
</ul>

<br>

<a class= "link" href="portfolio.html"><h2>My Portfolio</h2></a>

<br>

<h2>My Activities and Hobbies</h2>
<a href="https://instagram.com/poly_n.ovel?igshid=MzNlNGNkZWQ4Mg=="><img class="poly" src="images/poly.png" alt=""></a>
<a href="https://instagram.com/catamiati.collettivo?igshid=NGExMmI2YTkyZg=="><img class= "cata" src="images/2.png" alt=""></a>
<a href="https://instagram.com/kingdom_of_ludomnia?igshid=NGExMmI2YTkyZg=="><img class="ludo" src="images/ludomnia.png" alt=""></a>
<a href="https://www.youtube.com/watch?v=rli31b1npSc&ab_channel=F.A.P.Experience"><img class="exp" src="images/experience.png" alt=""></a>
    </div>

    
  </body>
</html>