Page 296 - Web Applications (803) Class 12
P. 296

</html>
              File3: Contact.html

                  <html>
                  <head>

                      <link rel=”stylesheet” href=”styles.css”>
                      <script src=”script.js”></script>
                      <title>Contact</title>
                  </head>

                  <body>
                      <header>
                          <h1>Contact Page</h1>

                          <nav>
                              <ul>
                                  <li><a href=”index.html”>Home</a></li>
                                  <li><a href=”about.html”>About</a></li>

                                  <li><a href=”contact.html”>Contact</a></li>
                              </ul>
                          </nav>

                      </header>
                      <main>
                          <p>Contact us for any inquiries or feedback.</p>

                      </main>
                  </body>
                  </html>
              CSS File: Styles.css

                  /* You can define your CSS styles here */
                  body {
                      font-family: Times New Roman, sans-serif;

                      margin: 0;
                      padding: 0;
                      background-color: cyan;

                  }
                  header {
                      background-color: red;
                      color: white;

                      text-align: center;
                      padding: 1rem;
                  }


                294   Touchpad Web Applications-XII
   291   292   293   294   295   296   297   298   299   300   301