Please convert the html code below to java servlet Page Title box sizing border box Style the body body font family Arial, Helvetica, sans serif margin 0 Header logo Title header padding 80px text align center background 1abc9c color white Increase the font size of the heading header h1 font size 40px Sticky navbar toggles between relative and fixed, depending on the scroll position It is positioned relative until a given offset position is met in the viewport then it sticks in place (like position fixed) The sticky value is not supported in IE or Edge 15 and earlier versions However, for these versions the navbar will inherit default position navbar overflow hidden background color 333 position sticky position webkit sticky top 0 Style the navigation bar links navbar a float left display block color white text align center padding 14px 20px text decoration none Right aligned link navbar a right float right Change color on hover navbar a hover background color ddd color black Active current link navbar a active background color 666 color white Column container row display ms flexbox IE10 display flex ms flex wrap wrap IE10 flex wrap wrap Create two unequal columns that sits next to each other Sidebar left column side ms flex 30 IE10 flex 30 background color f1f1f1 padding 20px Main column main ms flex 70 IE10 flex 70 background color white padding 20px Fake image, just for this example fakeimg background color aaa width 100 padding 20px Footer footer padding 20px text align center background ddd Responsive layout when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other media screen and (max width 700px) row flex direction column Responsive layout when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other media screen and (max width 400px) navbar a float none width 100 My Website A responsive website created by me Home Link Link Link About Me Photo of me Image Some text about me in culpa qui officia deserunt mollit anim More Text Lorem ipsum dolor sit ame Image Image Image TITLE HEADING Title description, Dec 7, 2017 Image Some text Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco TITLE HEADING Title description, Sep 2, 2017 Image Some text Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco Footer

The Answer is in the image, click to view ...

Question: Please convert the html code below to java servlet Page Title * { box-sizing: border-box; } /* Style the body */ body { font-family: Arial,

Please convert the html code below to java servlet

Page Title

My Website

A responsive website created by me.

Home Link Link Link

About Me

Photo of me:

Image

Some text about me in culpa qui officia deserunt mollit anim..

More Text

Lorem ipsum dolor sit ame.

Image

TITLE HEADING

Title description, Dec 7, 2017

Image

Some text..

Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

TITLE HEADING

Title description, Sep 2, 2017

Image

Some text..

Footer

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

my css & index.html: css; * { box-sizing: border-box; } body { background-color:#B8DBED; color:#666666; font-family: Arial, Helvetica, sans-serif; } header { background-color: #000033; color:#FFFFFF;...

Page Title * { box-sizing: border-box; } /* Style the body */ body { font-family: Arial, Helvetica, sans-serif; margin: 0; } /* Header/logo Title */ .header { padding: 80px; text-align: center;...

STEP 1: Copy the markup from the tutorial into Notepad++. Name the file index.html. STEP 2: Set up the head to comply with best practices. Add the lang attribute and set it to en-US. Add the charset...

Need help with this exercise! will give thumbs up! Below are the files that I currently already finished. just need help adding this layout! also included below are the indexth.php example that can...

I am giving the html and js code kindly solve it....thank you..i just need the code not the flowchart flowchart was " Devise a flowchart to keep on receiving an integer number from user and output...

Hello can you help me add 3 Javascript or JQuery Dom manipulations to this webpage? They can be anything just 3 of them so i can meet the requierments for the assignment Brand Name Login/Signup...

I am a Web Programming class. The text is Web Programming with HTML5,CSS, ans Javascript by John Dean.. I was to create a webpage identical to the one in the text. Here is my when I run it: The font...

HERE ARE THE FILES: FROM HTML 13 Murfreesboro Regional Soccer League Murfreesboro Regional Soccer League Part of the North American Recreational Soccer Association Upcoming Events 4/23 Open practice...

*********PLEASE READ FIRST******* In this assignment, you will use AJAX to read an external JSON data file from the server. You will convert this external JSON data file into a JavaScript object and...

In this assignment, you will use AJAX to read an external JSON data file from the server. You will convert this external JSON data file into a JavaScript object and then add the data from each...

The financial statements of Apple Inc. and the notes to consolidated financial statements appear in Appendix A. Instructions for accessing and using the companys complete annual report, including the...

The Second Cup Ltd. is Canadas largest specialty coffee caf franchisor (as measured by the number of cafs), with 360 cafs. Exhibits 9-5A to C contain Second Cups statement of financial position, Note...

What is true for a long - term notes payable installment loan?You pay a fixed payment that contains only a principal portionYou pay a fixed payment that contains only an interest portionNone of the...

The answer for B is not 0.718 nor 0,2 nor 0.102 nor 0.13 The answer for C is not 0.997 nor 0,2 For a protein with two ligand binding sites the binding polynomial has the general form:...

In the Data Source View in Visual Studio, what option is available to view data in any Source View Table? What are the primary uses this capability?

What Microsoft Analysis Services Extension for Visual Studio 2017 needs to be installed before beginning work on a Multidimensional OLAP Cube Project? How can the installation be verified?

Why would the FedScope Employment database be more representative of the General Population in terms of Salary Data than the CPS studies?