WV7 done

259dd0da · AB0410 · 1b3c9794 · 259dd0da · 259dd0da · 259dd0da
Commit 259dd0da authored 2 years ago by AB0410
--- a/WV7/Strawberry_ice_cream_cone_(5076899310).jpg
+++ b/WV7/Strawberry_ice_cream_cone_(5076899310).jpg
--- a/WV7/responsive.html
+++ b/WV7/responsive.html
+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+</head>
+
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="#">WV7 Bootstrap</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">About</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <div class="text-center my-5">
+        <h1 class="display-4">Welcome to our website!</h1>
+        <p class="lead">We are excited to have you here. Our website is designed to provide you with the best user experience possible. We pride ourselves on offering a great selection of products and services, as well as easy navigation and helpful customer support. Thank you for visiting!</p>
+      </div>
+      
+
+    <div class="container">
+        <form>
+            <div class="form-group">
+                <label for="exampleInputName">Name</label>
+                <input type="text" class="form-control" id="exampleInputName">
+            </div>
+            <div class="form-group">
+                <label for="exampleInputAddress">Address</label>
+                <input type="text" class="form-control" id="exampleInputAddress">
+            </div>
+            <div class="form-group">
+                <label for="exampleInputPhone">Phone Number</label>
+                <input type="tel" class="form-control" id="exampleInputPhone">
+            </div>
+            <div class="form-group">
+                <label for="exampleInputAge">Age</label>
+                <input type="number" class="form-control" id="exampleInputAge">
+            </div>
+            <button type="submit" class="btn btn-primary">Submit</button>
+        </form>
+    </div>
+
+    <div class="container">
+        <img src="Strawberry_ice_cream_cone_(5076899310).jpg" class="img-fluid" alt="Responsive image" style="scale: 50%;">
+    </div>
+
+    <footer class="bg-dark text-white py-3">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-4">
+              <h4>Contact Information</h4>
+              <ul class="list-unstyled">
+                <li>Email: contact@example.com</li>
+                <li>Phone: 555-555-5555</li>
+                <li>Address: Johndoe st.</li>
+              </ul>
+            </div>
+            <div class="col-md-4">
+              <h4>About Us</h4>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
+            </div>
+            <div class="col-md-4">
+              <h4>Follow Us</h4>
+              <ul class="list-unstyled">
+                <li><a href="#" class="text-white">Facebook</a></li>
+                <li><a href="#" class="text-white">Twitter</a></li>
+                <li><a href="#" class="text-white">Instagram</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </footer>      
+    
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.
--- a/WV7/styles.css
+++ b/WV7/styles.css
+*{
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 1rem/1.5 var(--bs-font-sans-serif);
+  }
\ No newline at end of file