index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jane Doe - Portfolio</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="header-content">
            <h1>Jane Doe</h1>
            <p>Email: jdoe@email.com | +1 234 567 8910</p>
        </div>
    </header>

    <section id="about">
        <h2>Hi, I'm Jane Doe! 👋</h2>
        <p>I am a full-stack developer with 2 years of experience in web development...</p>
    </section>

    <section id="skills">
        <h2>Skills</h2>
        <div class="skills-container">
            <div class="skill-card">HTML <br> 2 years experience</div>
            <div class="skill-card">JavaScript <br> 1.5 years experience</div>
            <div class="skill-card">Java <br> 0.5 years experience</div>
            <div class="skill-card">React <br> 1 year experience</div>
            <div class="skill-card">Node.js <br> 1 year experience</div>
            <div class="skill-card">CSS <br> 2 years experience</div>
        </div>
    </section>

    <section id="projects">
        <h2>Projects</h2>
        <ul>
            <li><strong>Chatbot</strong> - Built a secure website integrated with a chatbot.</li>
            <li><strong>Sentiment Analyzer</strong> - Developed a sentiment analyzer using IBM NLU.</li>
            <li><strong>Fashion Website</strong> - Created a multi-page fashion store with a payment gateway.</li>
        </ul>
    </section>

    <section id="recommendations">
        <h2>Recommendations</h2>
        <p>“Jane is a quick learner and an excellent team player...”</p>
        <p>“Working with Jane has been an awesome experience...”</p>
        <p>“Jane has in-depth knowledge and is a committed resource...”</p>
    </section>

    <section id="contact">
        <h2>Leave a Recommendation</h2>
        <form>
            <input type="text" placeholder="Name (Optional)">
            <textarea placeholder="Message"></textarea>
            <button type="submit">Submit</button>
        </form>
    </section>

    <script src="script.js"></script>
</body>
</html>