<title>MY PORTFOLIO</title>

-HOME- -ABOUT ME- -WORK EXPERIENCE- -CONTACT-

            <!--Step Three: Add Hero section-->
            <div id="home">
                <h1>Ruifeng Raymond Li</h2>
                    <h2>Second Year Software Engineer</h3>
            </div>
            <section>
                <!--IMAGE-->
                <img src="avatar.png" />
        </div>
    </section>

    <!--Step Four: Add About Me section-->
    <div id="about">
        <h2>ABOUT ME</h2>
        <p>
            I am a Software Engineer student studying at Western Univeristy. I am currently in my second
            year!
        </p>
    </div>
    <div>
        <h4>Hobbies and Interests</h4>
        <ul>
            <li>I love swimming as a sport</li>
            <li>I like to play video games with other people</li>
        </ul>
    </div>

    <!--Step Five: Add Work Experience section-->
    <div id="work">
        <h1>WORK EXPERIENCE</h1>
        <div class="">
            <h4>Swim Instructor</h4>
            <p>September 2018 - Present</p>
            <ul>
                <li>Assisted in setting up pool deck, cleaning up public areas and closing pool in unsafe
                    conditions.
                </li>
                <li>Planned classes covering different ages and skill levels to prepare students for basic
                    and advanced swimming needs.
                </li>
                <li>Taught daily swim instruction to students varying in ages and skill levels.</li>
            </ul>
        </div>

        <div class="">
            <h4>Community Service Volunteer</h4>
            <p>September 2017 - Present</p>
            <ul>
                <li>Exhibited excellent communications and customer service relations skills.</li>
                <li>Developed strong interpersonal communication skills to promote relationship
                    building with internal and external customers.</li>
                <li>Gained knowledge and experience working with children in educational setting.</li>
            </ul>
        </div>

    </div>

    <!--Step Six: Add Contact section-->
    <div id="contact">
        <h2>MY CONTACT DETAILS</h3>
            <div>
                <p>Name: Ruifeng Raymond Li</p>
                <p>Phone number: +1 012 345-(6789)</p>
                <p>E-mail: [email protected]</p>
            </div>
    </div>

    <!--Step Seven: Add Footer section-->
    <footer>
        <h2>FOOTER</h3>
            <p>© 2022 - Ruifeng Raymond Li</p>
            <p>END OF PORTFOLIO</p>
    </footer>

</section>