View Code? Open in Web Editor
NEW
HTML and CSS course source code
beginner-html-css's Introduction
Learn HTML and CSS from Scratch
Build your first website in this free live series on Zoom
- View solution code here
- Mock up website design in Excalidraw
- Learn what a code editor is
- Create your first HTML file (index.html)
- Learn the basics of HTML structure and syntax
- Review the basics of HTML, here
- Add a logo (image file) to the page
- View solution code here
- Learn some more semantic HTML tags like main, section, article, and footer
- Update the logo with an optimized version (cropped, resized, smaller filesize)
- Add remaining sections to the page (main > section#about, section#portfolio, section#contact, and footer)
- View solution code here
- View CSS Tutorial here
- Add style.css
- Add link tag for style.css in index.html
- Add id to header element
- Position header text around logo
- Turn nav menu into a horizontal navigation bar
- View solution code here
- Image updates
- Create images folder
- Move logo to images folder
- Update img tag src attribute
- Move inline CSS from img tag to style.css
- Add hero image
- Update About h2 text to "About Me"
- Update age input to be an email input
- Add textarea for message body
- Add cards to portfolio section
- Update nav padding-right to align text with the rest of the page
- View solution code here
- Add dynamic form with web3forms
- Customize form redirect
- Add custom success message with JavaScript
- Deploy website with GitHub Pages
beginner-html-css's People
Contributors
Watchers