index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <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></title>
    <link rel="stylesheet" href="style.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
    </style>
</head>

<body>
 <div class="container">
    <div class="navbar">
        <nav>
            <ul>
                <li><a class="active" href="#">Home</a></li>
                <li><a href="#">Main</a></li>
                <li><a href="#">Skills</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav> 
    </div>
    <section class="main-section">
        <h1>PORTFOLIO</h1>
        <!-- <img src="/denis-pavlovic-NVu_zR3-aQQ-unsplash.jpg" alt="bg-image"> -->
        <br>
        <h2>I am  <span>YawCodes&#x1F60E; </span></h2>
        <p>Self-taught Developer, Digital Marketer and Entrepreneur.</p>     
    </section> 
    <br>
    <footer class="copyright">YawCodes@IncDot <em>Copyright 2021</em></footer> 
 </div> 
    
</body>

</html>