l file, find the p element with the class attributes of tel-link round and add the mobile class attribute as well. Do not overwrite the current class attribute values. Immediately following the tel-link round mobile p element, Insert a new paragraph element with the tab-desk class. Wrap the phone number, (814) 555-8989, within this paragraph element --My contact.html

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter7: Designing A Web Form: Creating A Survey Form
Section: Chapter Questions
Problem 14CP3
icon
Related questions
Question

1) In the contact.html file, find the p element with the class attributes of tel-link round and add the mobile class attribute as well. Do not overwrite the current class attribute values.

Immediately following the tel-link round mobile p element, Insert a new paragraph element with the tab-desk class. Wrap the phone number, (814) 555-8989, within this paragraph element

--My contact.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Wild Rescues: Contact</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Emblema+One&family=Lora:ital,wght@0,
  400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
</head>
<body>
    <header>
      <div class="tab-desk">
      <div class="mobile">
        <h1>&#128062; Wild Rescues</h1> <h3>Rescue. Rehabilitate. Release.</h3>
        <a href="index.html"> <img src="images/baby-hawk.jpg" alt="rescued baby hawk"> </a>
      </div>
      </div>
    </header>

    <nav>
      <ul> 
        <li><a href="index.html">Home</a></li>      
        <li><a href="about.html">About Us</a></li>    
        <li><a href="partnership.html">Partnership</a><li
        <li><a href="gallery.html">Gallery</a></li>      
        <li><a href="faqs.html">FAQs</a></li>       
        <li><a href="contact.html">Contact</a></li>
      </ul> 
    </nav>
<!-- Use the main area to add the main content to the webpage -->
  <main>
        
       <div id="contact">
            <h2>You can reach us at: </h2>
            <p class="tel-link round">Contact:<a href="">(814) 555-8989</a></p>
            <p>Email: <a href="mailto:contact@wildrescue.net">contact@wildrescue.net</a></p>
            <p>Address: <a href="" target="_blank">8989 Rescue Drive, Ocala, FL 34471</a></p>
        </div>
  </main>
    <footer>
      <p>&copy; Copyright 2021. All Rights Reserved.</p>
      <p> <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a></p>
    </footer>
  </body>
</html>
 
How do I do this?

 

Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

Blurred answer
Knowledge Booster
Lists
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L