Objective: to implement HTML and CSS skills towards a practical simple website.
Create your own website using HTML and CSS. The site will contain your personal information. The information can be fictional.
Website content:
- 3 pages -
- Home
- My Academic - your academic information
- Contact Me - your email address, and a contact form
- Home page:
- A floating header containing the following, as floating elements
- Your name at the top with h1 heading - floating at left, 40% width
- A horizontal menu bar floating at right 60% width - Home, Accomplishments, Academic, About Me, Contact Me
- Set background/other styles so that it stands out and the menu links are clickable when you scroll to other sections
- A container - max-width 1200px, center aligned with css, everything below will go inside this container as a section div.
- Section 1: height 600px with borders, write your career summary here, place your picture at top right corner as floating element, picture width 200px
- Section 2: Add a video with width 1000px (your intro video or any other)
- Section 3: your Accomplishments, use unordered list for each of them
- Link this accomplishment section to the menu item at top horizontal menu
- Section 4: About Me section, link this section to the menu at menu bar
- A footer: use the copyright message from assignment 1
- My Academic page:
- Use the header and footer from the home page
- List out your academic information like the academic part from your resume
- Adjust the menu links targeting on home page
- Contact Me page:
- Use the header and footer from the home page
- Write your email address
- Create a contact form
- Adjust the menu links targeting on home page
To see the snapshot of the home page click here. And a snapshot of the contact page is similar to this one
The snapshots are just a for reference, feel free to add more styles as you can.
