project: DEPRICATED - Build your first personal website

Story points 3
Tags html css responsive web design
Hard Prerequisites
IMPORTANT: Please review these prerequisites, they include important information that will help you with this content.
  • TOPICS: FreeCodeCamp - Basic HTML and HTML5
  • TOPICS: FreeCodeCamp - Basic CSS
  • TOPICS: What to put in your CV
  • TOPICS: Introduction to web design

    • For the learnership you will create a website with your CV and a portfolio of your work. Create the website and host it on GitHub. You will be expected to keep your portfolio up to date throughout the learnership.

    Instructions

    Create a personal website to showcase your talents and ambitions.

    The content and information you choose to display is up to you. There should be some information about your skills, interests, and previous experience, as well as information on how to get in touch with you. Think about the user experience when designing your layout and navigation.

    The HTML and CSS should be developed logically with good naming conventions that would allow another developer to easily understand and build upon your code. There is something called “Semantic Markup” - read all about it here.

    You can also make use of this cool markup validation tool to validate the HTML code used in your website.

    Your web page files and folders should be organized and named logically.

    Once you have finished your design and are satisfied with the style and content, upload the website to be hosted on GitHub Pages.

    Please submit a link to your website. DO NOT submit a link to your GitHub repo. We don’t want to clone your website, we want to look at what you built.

    To learn more about GitHub Pages visit this link https://guides.GitHub.com/features/pages/

    Requirements:

    • The website can be a single page or have multiple pages (the structure is up to you), but it must contain the following information:
      • About me.
      • Skills (Your tech stack: the languages and tools you use).
      • Projects/Portfolio (for now this might be a bit empty, but if you’ve worked on anything cool then tell us about it).
      • Contact (social media, email, phone, etc).
    • Website must be responsive to different screen sizes - use a mobile-first approach.
      • Use CSS Grid (see tutorials below) to design your site and make it responsive.
    • Website must be developed using HTML and CSS Grid with a logical structure and naming conventions in your code.
    • You can also add some Javascript to make things more interactive.
    • Feel free to use icons, colours, pictures or organograms if you need to.
    • Host your site as a GitHub Page. In your README file include a link to your GitHub page for easy navigation.

    Some advice

    • Start small and simple. Get the basic structure in first. Don’t sit and obsess over choosing the right shade of green, or the perfect font.
    • Also, we’ll be looking out for good developer habits. Please make sure you push your code often and your git commit messages actually make sense!
    • Try to avoid fancy flowery language, it’s more impressive when people get straight to the point. Communicate clearly and efficiently.
    • Demonstrate attention to detail. Make sure your stuff is tidy. Use whitespace as needed. Make sure your pictures are not squashed or stretched.
    • This is not a creative writing exercise. Please tell the truth about your abilities and experience. If you did not do a job then do not list it. This should be obvious but… some people’s children.

    Instructions for reviewer

    • The link submitted should direct you to the website.
    • All social media accounts and work profiles should work.
    • Font and text size should be clear.
    • They should make use of the entire web page.
    • It should be responsive to all screen sizes.
    RAW CONTENT URL