This is a place for you to start building your personal website!
Your project should:
- Include one home HTML page that's all about you!
- Include a navigation bar that is included on all your website's pages.
- Include one portfolio HTML page to showcase your projects.
- Have all text, image(s), links, and/or videos on the page contained within appropriate HTML elements.
- Include alt text for every image in your website.
- Apply styles to text, image, and navigation bar elements using CSS rules.
- Use classes and/or IDs to style CSS elements.
You can extend your project further by:
- Customizing the fonts.
- Adding some fancy CSS styles.
- Embedding YouTube videos.
- Adding another page or more content.
Tell us where you found the image you are using! Make sure it is in the public domain, has a license that allows you to use it, or is one you took on your own. Check out archive.org, Pixabay, Unsplash, or Burst for free, uncopyrighted images.
- Ada Lovelace Image on index.html: Alfred Edward Chalon / Public domain
- Ada Lovelace Program Image on portfolio.html: Ada Lovelace / Public domain
- The Analytical Engine portfolio.html: Science Museum London / Science and Society Picture Library / CC BY-SA https://creativecommons.org/licenses/by-sa/2.0
- Portfolio Header Background Code Image from Pixabay Image Link
That's this file. This is the place to tell people more about what your website does and how you built it.
HTML files are for content! Add your text, images, buttons, and more using HTML tags.
CSS files add styling rules to your content like changing colors and fonts.
JavaScript files add interactivity to your website using code. This is where you can listen for events, then take an action.
Drag in assets
, like images or music, to add them to your project. You do not need to add anything to this folder unless you are working on the extensions. If you are adding an image, it is best to save it to your computer, then upload the file to the assets
folder. The url of the image will be assets/example.jpg
.