How would I create a CSS file to link to my HTML homepage and my second New Orleans page? Homepage:       Public Restroom Locator         Public Restroom Locator     Find restrooms near you with ease               Search for Restrooms               Location:                 Accessibility:                                                                 Search                     Restroom Listings                           © 2023 Public Restroom Locator     New Orleans page:

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

How would I create a CSS file to link to my HTML homepage and my second New Orleans page?

Homepage:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Public Restroom Locator</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>Public Restroom Locator</h1>
    <p>Find restrooms near you with ease</p>
  </header>

  <main>
    <section class="search-section">
      <h2>Search for Restrooms</h2>
      <form id="search-form">
        <label for="location">Location:</label>
        <input type="text" id="location" name="location" placeholder="Enter an address or landmark">
        <label for="accessibility">Accessibility:</label>
        <select id="accessibility" name="accessibility">
          <option value="all">All</option>
          <option value="wheelchair-accessible">Wheelchair Accessible</option>
          <option value="hearing-accessible">Hearing Accessible</option>
          <option value="visually-accessible">Visually Accessible</option>
        </select>
        <button type="submit">Search</button>
      </form>
    </section>

    <section class="restroom-listings">
      <h2>Restroom Listings</h2>
      <ul id="restroom-list">
        </ul>
    </section>
  </main>

  <footer>
    <p>&copy; 2023 Public Restroom Locator</p>
  </footer>

  <script src="script.js"></script>
</body>
</html>

New Orleans page:

 

 

Expert Solution
steps

Step by step

Solved in 3 steps

Blurred answer
Knowledge Booster
Properties of CSS
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
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education