Skip to content

This Repository Contains the starter code for the challenge to add a (CSS-HTML only) Responsive Nav-Bar, Modal, Marquee, Carousel and Tooltips.

Notifications You must be signed in to change notification settings

mattkrebs2000/CSS-HTML-Components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

  1. git clone https://github.com/mattkrebs2000/CSS-HTML-Components.git

  2. cd into CSS-HTML-Components

  3. Use Live Server to see the result of the starter code.

  4. 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)

  5. 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

  1. Bootstrap should not be used in thie assignment. If you do not follow this guideline your work will not count towards this assignment.

  2. Save your work to your own github folder and pass in a link.

About

This Repository Contains the starter code for the challenge to add a (CSS-HTML only) Responsive Nav-Bar, Modal, Marquee, Carousel and Tooltips.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published