Task1 Style Web Pages According Following Requirements 22 Points Main Page Indexhtml Style Q43835515
Task1: Style your web pages according to thefollowing requirements: [22 points]
- For the main page (index.html), style your document accordingto the following specification.
- Apply Bootstrap’s Jumbotron to your heading, i.e. your name andone sentence that describes who you are.
- Apply Bootstrap’s navbar and/or nav to the navigation list thatlinks to other pages. Make the current menu item for the currentpage ‘active’. Fix the navigation bar to always stay at the top ofthe page.
- Style your favorite quote with any appropriate class, e.g.blockquote.
- Modify your footer section to also include links to your socialmedia accounts, e.g. fb, LinkedIn, twitter etc. Then applyBootstrap’s page-footer to the footer element.
- Apply a 2-column layout to your ‘image’ and the ‘about me’section only when the screen size is 992px orhigher.
- For the ‘My Skill’ page, style your document according to thefollowing specification.
- Apply Bootstrap’s navbar to the navigation list that links toother pages. Make the current menu item for the current page‘active’. Fix the navigation bar to always stay at the top of thepage.
- Apply a 2-column layout to your ‘technical and the‘non-technical’ skills only when the screen sizeis 992px or higher.
- For ‘Courses Completed’ page, style your document according tothe following specification.
- Apply Bootstrap’s navbar to the navigation list that links toother pages. Make the current menu item for the current page‘active’. Fix the navigation bar to always stay at the top of thepage.
- Apply ‘table’ class to your table, add zebra-striping to thetable row, make the background color of the <th> differentfrom other rows. Also enable hover state on table rows.
- Make the image on the page to float next to the table (eitheron the left or right side) when the screen size is 992px orhigher.
- For ‘My Gallery’ page, style your document according to thefollowing specification.
- Choose to style your page with either image thumbnails orcarousel. The images need to be responsive images, i.e. they shouldscale with the parent element.
- Create an additional CSS external style sheet. Modify style forat least one ID selector and at least one class selector. Thisneeds to override the Bootstrap’s style.
Task1: Style your web pages according to thefollowing requirements: [22 points]
- For the main page (index.html), style your document accordingto the following specification.
- Apply Bootstrap’s Jumbotron to your heading, i.e. your name andone sentence that describes who you are.
- Apply Bootstrap’s navbar and/or nav to the navigation list thatlinks to other pages. Make the current menu item for the currentpage ‘active’. Fix the navigation bar to always stay at the top ofthe page.
- Style your favorite quote with any appropriate class, e.g.blockquote.
- Modify your footer section to also include links to your socialmedia accounts, e.g. fb, LinkedIn, twitter etc. Then applyBootstrap’s page-footer to the footer element.
- Apply a 2-column layout to your ‘image’ and the ‘about me’section only when the screen size is 992px orhigher.
- For the ‘My Skill’ page, style your document according to thefollowing specification.
- Apply Bootstrap’s navbar to the navigation list that links toother pages. Make the current menu item for the current page‘active’. Fix the navigation bar to always stay at the top of thepage.
- Apply a 2-column layout to your ‘technical and the‘non-technical’ skills only when the screen sizeis 992px or higher.
- For ‘Courses Completed’ page, style your document according tothe following specification.
- Apply Bootstrap’s navbar to the navigation list that links toother pages. Make the current menu item for the current page‘active’. Fix the navigation bar to always stay at the top of thepage.
- Apply ‘table’ class to your table, add zebra-striping to thetable row, make the background color of the <th> differentfrom other rows. Also enable hover state on table rows.
- Make the image on the page to float next to the table (eitheron the left or right side) when the screen size is 992px orhigher.
- For ‘My Gallery’ page, style your document according to thefollowing specification.
- Choose to style your page with either image thumbnails orcarousel. The images need to be responsive images, i.e. they shouldscale with the parent element.
- Create an additional CSS external style sheet. Modify style forat least one ID selector and at least one class selector. Thisneeds to override the Bootstrap’s style.
Expert Answer
Answer to Task1: Style your web pages according to the following requirements: [22 points] For the main page (index.html), style y…
OR