My pr

[Iram-sufiyan-313]

<title>Iram Sufiyan - Portfolio</title>

Iram Sufiyan

• Home
• Projects
• Skills
• Contact

<section id="home" class="hero">
    <div class="hero-content">
        <h1>Hi, I'm Iram Sufiyan</h1>
        <p>Web Developer & Python Enthusiast</p>
        <button class="cta-button" onclick="scrollToProjects()">View My Work</button>
    </div>
</section>

<section id="projects" class="projects">
    <h2>My Projects</h2>
    <div class="project-grid">
        <div class="project-card">
            <h3>Netflix Clone</h3>
            <p>HTML & CSS recreation of Netflix homepage</p>
            <a href="https://github.com/Iram-sufiyan-313/Netflix-Homepage-Clone" target="_blank">View Code</a>
        </div>
        <div class="project-card">
            <h3>YouTube Downloader</h3>
            <p>Python application for downloading videos</p>
            <a href="https://github.com/Iram-sufiyan-313/YouTube-Video-Downloader" target="_blank">View Code</a>
        </div>
        <div class="project-card">
            <h3>To-Do List</h3>
            <p>JavaScript task management app</p>
            <a href="https://github.com/Iram-sufiyan-313/To-Do-List" target="_blank">View Code</a>
        </div>
    </div>
</section>

<section id="skills" class="skills">
    <h2>Skills</h2>
    <div class="skills-container">
        <div class="skill">HTML</div>
        <div class="skill">CSS</div>
        <div class="skill">JavaScript</div>
        <div class="skill">Python</div>
        <div class="skill">Git</div>
        <div class="skill">GitHub</div>
    </div>
</section>

<section id="contact" class="contact">
    <h2>Get In Touch</h2>
    <p>Open to new opportunities and collaborations!</p>
    <div class="contact-links">
        <a href="https://github.com/Iram-sufiyan-313" target="_blank">GitHub</a>
    </div>
</section>

<script src="script.js"></script>