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 ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 26, 2024

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

Step: 1

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

Step: 3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Beginning Databases With PostgreSQL From Novice To Professional

Authors: Richard Stones, Neil Matthew

2nd Edition

1590594789, 978-1590594780

More Books

Students also viewed these Databases questions

Question

★★★★★

List and briefly explain each of the Auditing Standards Boards management assertions. List at least one key question that auditors must answer with evidence related to each management assertion.

Answered: 1 week ago

Question

★★★★★

What is the probability that no As are showing? We are considering two special 6 -sided dice. Each face is labeled with a number and a letter: the first die has faces \(1 A, 1 B, 2 A, 2 C, 4 A, 4...

Answered: 1 week ago

Question

★★★★★

4. Identify some patterns of how people consume popular culture.

Answered: 1 week ago

Question

★★★★★

ABC Tire Corp. hires Arnez as a traveling salesperson and assigns him a geographic area and time schedule in which to solicit orders and service customers. Arnez is given a company car to use in...

Answered: 1 week ago

Question

★★★★★

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 */...

Answered: 1 week ago

Question

★★★★★

Two alternatives, code-named X and Y, are under consideration at Guyer Corporation. Costs associated with the alternatives are listed below. Are the materials costs and processing costs relevant in...

Answered: 1 week ago

Question

★★★★★

Question: What happens when the final keyword is applied to a method in Java? A) The method cannot be overridden by subclasses. B) The method can only be called once during the program's execution....

Answered: 1 week ago

Question

★★★★★

Question: What is the effect of declaring a constructor as private in Java? A) The class cannot have any instances. B) The class can only be instantiated from within the class itself. C) The class is...

Answered: 1 week ago

Question

★★★★★

Question: What happens when the synchronized keyword is applied to a method in Java? A) The method can only be executed by one thread at a time. B) The method becomes immutable and its logic cannot...

Answered: 1 week ago

Question

★★★★★

1.What is zygote ? 2.explain cell differentiation? 3. What are the stem cell? 4. Tissue means?

Answered: 1 week ago

Question

★★★★★

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?

Answered: 1 week ago

Question

★★★★★

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?

Answered: 1 week ago

Question

★★★★★

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

Answered: 1 week ago

Previous Question Next Question