Skip to content

niehaus-alexander/personal-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML and the web: Personal Website

In this challenge you will start creating your own personal website.

Getting started with HTML

  1. Start working on the HTML markup of your personal website inside the index.html file.
  2. Think about the content you want to put on your website and its structure. You can use excalidraw to create a draft of your personal website. Don't worry about the styling - we will take care of that later. If you need some ideas, refer to the wireframe down below. Don't spend too long on this task, it more important to start coding. You can always add new features to your draft later.

Here is an example of a structure for a website that you can draw inspiration from:

Desktop Wireframe


Mobile Wireframe

❗️ Your personal website won't look exactly like the wireframe for now, as many of the features need to be styled (to align horizontally for example). We will improve this during the next days. For now, don't focus on the looks, focus on including all relevant HTML elements.

💡 You can open up live preview in vscode to see the website while you are programming! live preview 1 > live preview 2

  1. Start to put your ideas into code, giving your website structure and content. Use semantic HTML whenever possible.

Congratulations! 🎉 You created your first own website!

About

My personal website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published