Posts

Bootstrap-assignment-4

Image
1. Design the following web page using bootstrap   2. Create a grid of three product cards. Place an image, name ,small description and a button(Specifications) in each card.   When the "Specification button" is clicked, it should invoke a modal which contains the complete information the product like Price, Brand,Model no. etc.. 

Bootstrap-assignment-3

 1.Open  https://www.udemy.com/ webapp  2. Identify vertical & Horizontal cards in that WebApp  3. Create a webpage with those vertical & Horizontal cards  and use same images by             copying their CDN links

Bootstrap-assignment-2

Image
  Create the following template using Bootstrap Grid layout

Bootstrap-assignment-1

Image
    Design the following layout 

Responsive layout

Image
 Design the following Responsive layout using HTML & CSS and check its view in Tab and mobile

Assignment-16(Todo app with state management)

Image
 Create 3 components ( AddTodo , ToDoList and ToDoCount ) and nest them into Root component. Whenever a new Todo item is added, it should appear in ToDoList component and count need to be updated in ToDoCount Component without page refresh.(Use BehaviourSubject for angular app / Redux for React app)

Assignment-15

Image
 Make an API call to   https://jsonplaceholder.typicode.com/users    and get data to a component. Post names of users into a dropdown and by selecting the name of a specific user, it should display the data of that user as a list below it.