HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!   Take the following static web page application with illustrated output, and modify it so that it produces the second illustrated output. You need to add and position  two new red div elements, put the image inside the outer enclosing orange div, and place the same  image inside the red divs. You can use any other image you have on file if you can’t locate the godaddy image         Welcome to: webhamster.com  This Web page is parked Free courtesy of  GoDaddy.com    Want to buy webhamster.com ? GoDaddy.com       Learn How                               Search Ads           THE CSS FILE   FA19MID4L.css   .aclass1{color:purple;}   .span2{color:green;            font-size: 20px;}   .div1{      border-radius:5px;      position:absolute;       left: 850px;       top:185px;       width: 75px;       height:25px;        background-color:green;}   .aclass2{color:white;}   button{ position:absolute; top:325px; margin-left:400px;}      .enclose{     border:solid green 2px;      width:50%;

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!

 

Take the following static web page application with illustrated output, and modify it so that it produces the second illustrated output. You need to add and position  two new red div elements, put the image inside the outer enclosing orange div, and place the same  image inside the red divs. You can use any other image you have on file if you can’t locate the godaddy image

 

<! DOCTYPE html>

 

<html>

<head>

<link rel= "stylesheet" href= "FA19MID4L.css">

</head>

 

<body>

<img src= "GoDaddy.png"/>

 

<div class ="enclose">

<p> Welcome to: <strong>webhamster.com</strong> </br>

 This Web page is parked <strong>Free </strong>courtesy of

 <a class = "aclass1" href="https://www.godaddy.com">GoDaddy.com</a></p> 

 

<h1>Want to buy <span class="span2">webhamster.com ?</span> </h1>

<a  class="class3" href="https://www.godaddy.com">GoDaddy.com</a>

</div>

 

  <div class ="div1">

  <a class = "aclass2" href="https://www.godaddy.com">Learn How</a>

       </div>    

   

 

 

 </hr>

 

 

 

 <button> Search Ads </button>

 

 

 

</body>

</html>

 

 

THE CSS FILE   FA19MID4L.css

 

.aclass1{color:purple;}

 

.span2{color:green;

           font-size: 20px;}

 

.div1{

     border-radius:5px;

     position:absolute;

      left: 850px;

      top:185px;

      width: 75px;

      height:25px;

       background-color:green;}

 

.aclass2{color:white;}

 

button{

position:absolute;

top:325px;

margin-left:400px;}

    

.enclose{

    border:solid green 2px;

     width:50%;

GODaddy
Welcome to: webhamster.com
This Web page is parked Free
courtesy of GoDaddy.com
Want to buy webhamster.com ? Learn How
GoDaddy.com
Search Ads
REVISED AND MODIFIED APPLICATION
GoDaddy
to: webhamster.com
This Web page is parked Free
courtesy of GoDaddy.com
GoDaddy
GODaddy
Want to buy webhamster.com ?
Learn How
GoDaddy.com
Transcribed Image Text:GODaddy Welcome to: webhamster.com This Web page is parked Free courtesy of GoDaddy.com Want to buy webhamster.com ? Learn How GoDaddy.com Search Ads REVISED AND MODIFIED APPLICATION GoDaddy to: webhamster.com This Web page is parked Free courtesy of GoDaddy.com GoDaddy GODaddy Want to buy webhamster.com ? Learn How GoDaddy.com
Expert Solution
steps

Step by step

Solved in 2 steps with 1 images

Blurred answer
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY