3. 职业简历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Resume</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f9fa;
        }
        header {
            background: #007bff;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        .container {
            width: 70%;
            margin: 20px auto;
            background: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h2 {
            border-bottom: 2px solid #007bff;
            padding-bottom: 10px;
        }
        .section {
            margin-bottom: 20px;
        }
        .section h3 {
            margin: 0;
            padding: 0;
        }
        .experience, .education {
            list-style-type: none;
            padding: 0;
        }
        .experience li, .education li {
            margin-bottom: 10px;
        }
        footer {
            background: #007bff;
            color: #fff;
            text-align: center;
            padding: 10px 0;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <header>
        <h1>John Doe - Resume</h1>
    </header>
    <div class="container">
        <section class="section">
            <h2>Contact Information</h2>
            <p>Email: john.doe@example.com</p>
            <p>Phone: (123) 456-7890</p>
            <p>LinkedIn: linkedin.com/in/johndoe</p>
        </section>
        <section class="section">
            <h2>Experience</h2>
            <ul class="experience">
                <li>
                    <h3>Software Engineer at XYZ Corp</h3>
                    <p>January 2020 - Present</p>
                    <p>Developed and maintained web applications using React and Node.js.</p>
                </li>
                <li>
                    <h3>Junior Developer at ABC Ltd</h3>
                    <p>June 2017 - December 2019</p>
                    <p>Worked on various projects including e-commerce sites and internal tools.</p>
                </li>
            </ul>
        </section>
        <section class="section">
            <h2>Education</h2>
            <ul class="education">
                <li>
                    <h3>Bachelor's in Computer Science</h3>
                    <p>University of Example, 2013 - 2017</p>
                </li>
                <li>
                    <h3>High School Diploma</h3>
                    <p>Example High School, 2009 - 2013</p>
                </li>
            </ul>
        </section>
    </div>
    <footer>
        <p>© 2024 John Doe</p>
    </footer>
</body>
</html>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.