In Class Programming 4

Name: Neha Navgale

Class ID: 25

---

Languages Used:

HTML, CSS, Javascript, jQuery

Tool Used:

WebStorm, GitHub

Objective:

The purpose of this ICP is to complete 2 task:

Task 1 : Hover Image

Look at theImage I and Image II provided for reference. When user mouse hovers on the image, it should change the background of the empty frame with relevant image and text. For example, when hovered on the first image in Image I, it should change the contents (both background-image and text) of the empty frame as shown in Image II.

UI

HTML Code

JS Code

Task 2:

Create an app which makes the call to the GitHubAPI (https://api.github.com/) and displays the following user's account details when any user is searched by username

• Name of the user
• ID of the user
• Profilepicture
• Link totheuser'saccount

UI

HTML Code

JS Code