diff --git a/WV7/Strawberry_ice_cream_cone_(5076899310).jpg b/WV7/Strawberry_ice_cream_cone_(5076899310).jpg
new file mode 100644
index 0000000000000000000000000000000000000000..209d8999d6c2bd6321cd79e794a0c5d54db1c1ea
Binary files /dev/null and b/WV7/Strawberry_ice_cream_cone_(5076899310).jpg differ
diff --git a/WV7/responsive.html b/WV7/responsive.html
new file mode 100644
index 0000000000000000000000000000000000000000..33ed5b9803a191e800ce5a16ae4b3219392115ab
--- /dev/null
+++ b/WV7/responsive.html
@@ -0,0 +1,89 @@
+<!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.
diff --git a/WV7/styles.css b/WV7/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..b16827f7d884eed53175b1b345d1a5c32cc9f182
--- /dev/null
+++ b/WV7/styles.css
@@ -0,0 +1,8 @@
+*{
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font: 1rem/1.5 var(--bs-font-sans-serif);
+ }
\ No newline at end of file