index.html

<!DOCTYPE html> <!-- Document type declaration -->
<html lang="en"> <!-- Language declaration -->

<head>
    <!-- Meta tags for document settings -->
    <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 of the document -->
    <title>Hi, I am Julie</title>
    
    <!-- External stylesheet link -->
    <link rel="stylesheet" href="assets/style-1.css">
    
    <!-- Shortcut icon -->
    <link rel="shortcut icon" href="assets/Images/Icon-1.ico" type="image/x-icon">
    
    <!-- Font Awesome script -->
    <script src="https://kit.fontawesome.com/388a1f26e9.js" crossorigin="anonymous"></script>
</head>

<body>
    <nav>
        <li><a href="/index.html" target="_blank" rel="noopener noreferrer">Home</a></li>
        <li><a href="/index-2.html" target="_blank" rel="noopener noreferrer">Design 2</a></li>
    </nav>
    <!-- Profile card -->
    <div class="card">
        <!-- Header section -->
        <div class="header">
            <!-- Profile picture -->
            <div class="profile-picture">
                <img src="/assets/Images/profile-picture-1.webp" alt="Profile Picture">
            </div>
            <!-- Social media links -->
            <div class="links">
                <a href="#" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="#" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook"></i></a>
                <a href="#" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram"></i></a>
                <a href="#" target="_blank" rel="noopener noreferrer"><i class="fa-regular fa-envelope"></i></a>
            </div>
        </div>
        
        <!-- Horizontal rule -->
        <hr class="border">
        
        <!-- Biography section -->
        <div class="bio">
            <p>👋 Hi, I'm Julie Taylor,<br>
                👀 I'm a medical student at Harvard Medical School, Boston.<br>
                🌱 I'm currently working as a part-time blogger.<br>
                📫 You can email me at contact@julie.com</p>
        </div>
    </div>
</body>

</html>