Embedded Files
For this project, we made resumes consisting of a contact page, links to different websites, graphs with our skill level for different topics, and lists of our highlights and achievements. We had to add photos of ourselves, and a place for people to send an email to a specific contact if they are interested.
Step 1: HTML
HTML was the first step for my resume project. We used HTML to create four lists, a chart, a contact form, and three buttons. The four lists detail my highlights, education, achievements, and my extracurriculars. The chart shows my skill leverl in four different topics. The contact form allows anyone who is interested in emailing me to enter their full name and email address, and to get a notification that their email has been sent. The three buttons take the viewer into my portfolio, another web that tells of my hobbies and interests, and the pinewood website. Displayed at the top is my name and my email address.
Step 2: CSS
The second step is to style my resume. I first used javascript to change the font color and the background color. I then centered the heading and my email address. I styled the chart to have a visible border, different colors for different sections, and padding outlined in pink. I centered the text for each word, and I changed the color and styling of the buttons and contact form. I changed the color of the buttons to orange to stand out, and the buttons change color when the mouse hovers over them.
Page updated
Report abuse