-
git clone https://github.com/mattkrebs2000/CSS-HTML-Components.git
-
cd into CSS-HTML-Components
-
Use Live Server to see the result of the starter code.
-
Your goal is to input each of the following components/features into this webpage (notice red font for spots to input things.)
a. Responsive Nav Bar (make use of links at the top of the page for this)
b. Modal (use "CLICK ON THIS TEXT TO OPEN MODAL")
c. Marquee (Should be inputted in spot where it says "Input a Marquee Here." You can use text from any section to put in your marquee. )
d. Carousel which has 4 slides. Use the "div class='content_right'" sections in the body of the HTML code for this. Each slide should have an image and text beside it just as it does in the body. (Should be inputted in spot where it says "Input Carousel Here")
e. CSS Only Tooltips (attributed to all photos in the webpage)
-
You may choose to use any of the following videos to help - but feel free to use anything else that you can find.
CSS Only Tooltips
https://codepen.io/ananyaneogi/pen/GRgojdz
Responsive Nav Bar
https://www.youtube.com/watch?v=oLgtucwjVII
Modal
https://www.youtube.com/watch?v=OkJYtw1mPeU https://www.youtube.com/watch?v=8AUtM5lqUZM
Marquee
https://www.youtube.com/watch?v=sVZX0XvEBhk
Carousel
https://www.youtube.com/watch?v=Cbhp2NL_p1Y
-
Bootstrap should not be used in thie assignment. If you do not follow this guideline your work will not count towards this assignment.
-
Save your work to your own github folder and pass in a link.