EarBot – Online Coding Internship

EarBot is online support portal for music system products. This project is made using
Bootstrap components such as Navbar, Jumbotron, Container, Carousel, Grid System and
many more. You have to create same project with HTML, CSS, and JS & Bootstrap.

Reference for Bootstrap:

 https://getbootstrap.com/docs/4.3/getting-started/introduction/
 https://www.w3schools.com/bootstrap4/

1. Welcome Page

Image with img-circle bootstrap class. Apply -webkit-transform: rotate(360deg); property as well as
hyperlink for home page when user hovers on the images.
__________________________________________________________________________________

2. Home Page

 Navbar – Fixed with inverse

 Carousel effect to show the images
 Bootstrap Grid – No Padding
 Hover effect on Image Gallery

https://onlineinternship.suvenconsultants.com Page 1
 EarBot – Online Coding Internship

Navbar (Fixed & Inverse)

Carousel (Image Scrolling)

Image Placed in one container with padding and margin set to 0.

https://onlineinternship.suvenconsultants.com Page 2
 EarBot – Online Coding Internship

Connect Page:

Bootstrap Grid System with col-lg-6 for text as well as image.

Bootstrap Grid System with col-lg-4 for each image in gallery.

https://onlineinternship.suvenconsultants.com Page 3