From e31e3106da7a9a2c142142aaf339c6018d4a74e5 Mon Sep 17 00:00:00 2001
From: Vivek Dhiman <53940939+THINKandroid01@users.noreply.github.com>
Date: Wed, 19 May 2021 19:23:21 +0530
Subject: [PATCH] Create 1905415_Practical_6_WEB_TECH.html

---
 1905415_Practical_6_WEB_TECH.html | 137 ++++++++++++++++++++++++++++++
 1 file changed, 137 insertions(+)
 create mode 100644 1905415_Practical_6_WEB_TECH.html
diff --git a/1905415_Practical_6_WEB_TECH.html b/1905415_Practical_6_WEB_TECH.html
new file mode 100644
index 0000000..02ef89c
--- /dev/null
+++ b/1905415_Practical_6_WEB_TECH.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Practical 6</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
+      integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body style="padding: 50px">
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+      <a class="navbar-brand" href="#">Navbar</a>
+      <button
+        class="navbar-toggler"
+        type="button"
+        data-toggle="collapse"
+        data-target="#navbarTogglerDemo02"
+        aria-controls="navbarTogglerDemo02"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+      >
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
+        <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
+          <li class="nav-item active">
+            <a class="nav-link" href="#"
+              >Home <span class="sr-only">(current)</span></a
+            >
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Link</a>
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link disabled"
+              href="#"
+              tabindex="-1"
+              aria-disabled="true"
+              >Disabled</a
+            >
+          </li>
+        </ul>
+        <form class="form-inline my-2 my-lg-0">
+          <input
+            class="form-control mr-sm-2"
+            type="search"
+            placeholder="Search"
+          />
+          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">
+            Search
+          </button>
+        </form>
+      </div>
+    </nav>
+    <br />
+    <div class="alert alert-success" role="alert">
+      <h4 class="alert-heading">Well done!</h4>
+      <p>
+        Aww yeah, you successfully read this important alert message. This
+        example text is going to run a bit longer so that you can see how
+        spacing within an alert works with this kind of content.
+      </p>
+      <hr />
+      <p class="mb-0">
+        Whenever you need to, be sure to use margin utilities to keep things
+        nice and tidy.
+      </p>
+    </div>
+
+    <br />
+
+    <form class="needs-validation" novalidate style="margin: 0 50px">
+      <div class="form-row">
+        <div class="col-md-6 mb-3">
+          <label for="validationTooltip01">First name</label>
+          <input
+            type="text"
+            class="form-control"
+            id="validationTooltip01"
+            placeholder="Mark"
+            required
+          />
+          <div class="valid-tooltip">Looks good!</div>
+        </div>
+        <div class="col-md-6 mb-3">
+          <label for="validationTooltip02">Last name</label>
+          <input
+            type="text"
+            class="form-control"
+            id="validationTooltip02"
+            placeholder="Zukerberg"
+            required
+          />
+          <div class="valid-tooltip">Looks good!</div>
+        </div>
+      </div>
+      <div class="form-row">
+        <div class="col-md-6 mb-3">
+          <label for="validationTooltip03">City</label>
+          <input
+            type="text"
+            class="form-control"
+            id="validationTooltip03"
+            required
+          />
+          <div class="invalid-tooltip">Please provide a valid city.</div>
+        </div>
+        <div class="col-md-3 mb-3">
+          <label for="validationTooltip04">State</label>
+          <select class="custom-select" id="validationTooltip04" required>
+            <option selected disabled value="">Choose...</option>
+            <option>...</option>
+          </select>
+          <div class="invalid-tooltip">Please select a valid state.</div>
+        </div>
+        <div class="col-md-3 mb-3">
+          <label for="validationTooltip05">Zip</label>
+          <input
+            type="text"
+            class="form-control"
+            id="validationTooltip05"
+            required
+          />
+          <div class="invalid-tooltip">Please provide a valid zip.</div>
+        </div>
+      </div>
+      <button class="btn btn-primary" type="submit">Submit form</button>
+    </form>
+  </body>
+</html>
