Lesson 26 - Page Templates
LEARN
Office Hours
- If you need help please attend office hours
- MWF 1:30-2:30 by Zoom
- Zoom: https://unco.zoom.us/j/99180652183
- Email: mark.seaman@unco.edu
Reading for Today
- Read 4.3 Common widgets
- Follow Reading Schedule
Today
- Reusable Page Templates
- Design Themes
Bootstrap
- Typography
- Components
- Navbar
- Grid
- Widgets
- Reusable Page Templates
Work the Demos
- Clone my repo onto your computer
- Modify the demo code in my repo
- You don't have permission to push
- Make your own version of the demos to learn
BUILD
Bootstrap Cards
- Helps organize the visual space on the page
- Works well with the Grid Layout System
- Control the card appearance
- Card Demo
- Source Code
Page Templates
- Build your own starter pages
- Blog
- Marketing Website
- Photo Gallery
- Portfolio
- Teaching
Bootstrap Demo Code
- Bootstrap Example Pages
- Pick three of these page to build
Bootstrap Themes
- Commercial themes with Bootstrap
- Buy a theme and save many hours
W3Schools - Bootstrap
Validator
- Link Checker - Find all the broken links
- Validate the HTML - Find bad HTML
- Validate the CSS - Find bad CSS