index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Animated Portfolio</title>
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    

    <header class="header">
        <a href="#" class="logo">Portfolio.</a>

        <nav class="navbar">
            <a href="#" style="--i:1;"
            class="active">Home</a>
            <a href="#" style="--i:2;">About</a>
            <a href="#" style="--i:3;">Skills</a>
            <a href="#" style="--i:4;">Portfolio</a>
            <a href="#" style="--i:5;">Contact</a>
        </nav>

    </header>

    <section class="home">
        <div class="home-content">
            <h3>Presenting the greatest artist of all time</h3>
            <h1>The Weekend</h1>
            <h3>Owner of great songs like<span class="multiple-text"> </span></h3>
            <p>The Weeknd, born Abel Tesfaye, is a Canadian singer and producer known for his genre-blending music and dark themes. 
                Rising to fame with 2011 mixtapes, he achieved global success with hits like "Blinding Lights" and "The Hills," earning multiple Grammys and breaking records. 
                His iconic Super Bowl LV halftime show and philanthropy further cement his influence in music and beyond.</p>
            <div class="social-media">
                <a href="https://www.facebook.com/theweeknd" style="--i:7;"><i class='bx bxl-facebook'></i></a>
                <a href="https://x.com/theweeknd?lang=en" style="--i:8;"><i class='bx bxl-twitter' ></i></a>
                <a href="https://www.instagram.com/theweeknd/?hl=en" style="--i:9;"><i class='bx bxl-instagram' ></i></a>
                <a href="https://open.spotify.com/artist/1Xyo4u8uXC1ZmMpatF05PJ" style="--i:10;"><i class='bx bxl-spotify' ></i></i></a>
            </div>
            <a href="https://en.wikipedia.org/wiki/List_of_awards_and_nominations_received_by_the_Weeknd" class="btn">See Achievements and Records</a>
            </div>

            <div class="home-img">
                <img src="home.png.jpg" alt="">
            </div>
    </section>
    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
    <script src="script.js"></script>
</body>
</html>