Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create a responsive, mobile-first single-page photography website using HTML5 and CSS3 in this beginner-friendly tutorial video. Explore mobile-first design principles, implement smooth scrolling, and style various elements including headers, footers, and buttons. Follow along to build a visually appealing website with hover transitions, custom fonts, and box shadows. Access the provided CodePen for the project's source code and check out recommended prerequisite videos on HTML and CSS basics to enhance your understanding.
Syllabus
Intro
What is Mobile First
Writing HTML
Using Emmet
Captions
Add Script
Add Font
Add Box Shadow
Add Landing Text
Add Text Alignment
Add Button
Hover Transition
Adding a Photo
Styling the Header
Styling the Footer
Making the Footer Bigger
Making the Button Bigger
Smooth Scrolling
Taught by
Traversy Media