-
Notifications
You must be signed in to change notification settings - Fork 0
/
todo.txt
33 lines (31 loc) · 2.11 KB
/
todo.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
Layout: All content must be laid out in a single page with full-width horizontal stripes/sections including a header and a footer - Example
DONE
Sticky Navbar: A top navigation bar that sticks to the top of the window when scrolling Example
DONE
Centering: Content in each horizontal stripe/section must be horizontally centered. At least one element on the page must be vertically centered. The vertically-centered element should remain centered even if the dimensions of its outer element changes.
DONE
Video: Embedded video using HTML5 video tag - Example
DONE
Background Image: A section which uses a fixed-position background image - Example
DONE
CSS3 Animations: At least one use of CSS3 animations (e.g. fade in/out, transitions)
DONE
Multi-column layout: A section with Multi-column content - Example
DONE
Inclusion of social media icons
DONE
Modal: A section which uses modal windows with additional content - Example
DONE
Carousel: A section with a carousel/slider using a minimum of three slides. It should include the navigation arrows on the side - Example
DONE
At least one use of scalable vector icons through CSS (e.g. FontAwesome)
DONE
Smooth Scrolling: Smooth scrolling when navigating to a different section using the navigation bar Example
DONE
Position Indicator: Indicator of the current reading position visible in the navigation bar (see above gif for example). Make sure your implementation highlights the last menu item when you scroll to the bottom of the page. ( Implementation Tip : To figure out which menu item to highlight, you'll have to figure out which section lies directly below the bottom margin of the navigation bar. You can use methods that give you the height and position of different divs to figure that out. You will want to recompute this whenever there is a scroll event.)
DONE
Navbar Resizing: Navigation bar must be larger when users are at the top of the page. As users start scrolling down, it should resize and become smaller - Example
DONE
Extra Credit: create a original favicon for your page. The best favicon will be used for the class webpage.
Add facvicon to upper left corner
DONE