ICP2 - Pranathi-07/WebMobile_spring2021 GitHub Wiki
HTML Task
1.Create an HTML document named "index.html".
2.The page should contain
•paragraphs
•Headings
•unordered list
•ordered list
•at least two div & span elements
•at least four block and inline elements
•images at appropriate locations in the HTML file and should be clickable,i.e.,when you click the image, it should redirect you to the location of the image in a new tab
•any relevant video/YouTube video. The video should have controls like play, pause, etc.
Code :
All the above given requirements are fulfilled in the output.
Output :
CSS Task
1.Download the Source Code and run the starter code given in the'Inclass'folder with WebStorm
2.As shown in ImageI, add the notifications icon and your image in the corner of the page and the recently opened tabs below the search bars of Google.
Code:
After running the source code given made the required changes using anchor tag for implementing 'fa fa-bell' and image tag for profile picture. For recent tabs we have used list, image and anchor tags.
Output :
3.As shown in the Image II, create a 'cube-shaped color grid' using HTML
•Each color grid should be 70 × 70
•The cube should be center-aligned
•No mandatory of colors (you can choose colors you like)
Code:
Output:
