index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="images/mylogooo.png" class="icon">
    <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>My Portfolio in CCC100</title>
    
    <link rel="stylesheet" href="styles.css">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
    <body style="background-color:powderblue;"></body>
    
    <div class="hero">
        <nav>
            
            <h4 class="colorblock">
            </h4>
            
            <img src="images/mylogooo.png" class="logo" alt=
            "img.logo" height="100" width="100">
          
        
            <ul>
                <li><a href="#">HOME</a></li>
                <li><a href="#">ABOUT</a></li>
                <li><a href="#">PORTFOLIO</a></li>
                
                
            </ul>
        </nav>
        <div class="detel">
            <h1>Hi I am <br>Mark Romel</br><span>Lacanaria</span></br></h1>
            <p>This is my Portfolio website in CCC100 </p>
            <a href="https://docs.google.com/document/d/18G_9aGdF0X-XcID4AG0Wbb6E6zcPSayOL6vEaxEvzHU/edit?usp=sharing">My Files</a>
        </div>
        <div class="images">
            <img src="images/shape1.png" class="shape">
            <img src="images/261953733_679560873025874_7283105999588653086_n.png" class="girl">
        </div>

        <div class="social">
           <a href="https://facebook.com/mark.andradeyu.94"><i class="fab fa-facebook"></i></a>
           <a href="https://instagram.com/yoitsmemarky"><i class="fab fa-instagram"></i></a>
           <a href="https://open.spotify.com/artist/6zhAQyP3apUmeUeLDd28C3?si=YTa1wv8IQg2udDhCvle0SA&nd=1"><i class="fab fa-spotify"></i></a>
        </div>
    </div>
    <div>
     
    </script>
</body>
</html>