diff --git a/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/flower.jpg b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/flower.jpg
new file mode 100644
index 0000000..7e7029a
Binary files /dev/null and b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/flower.jpg differ
diff --git a/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/goal.png b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/goal.png
new file mode 100644
index 0000000..dd702dc
Binary files /dev/null and b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/goal.png differ
diff --git a/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/index.html b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/index.html
new file mode 100644
index 0000000..3326190
--- /dev/null
+++ b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/index.html	
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Bootstrap</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
+   integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
+  <style>
+    /* TODO 4: Use flexbox to center the card in the vertical and horizontal center. */
+  </style>
+</head>
+
+<body>
+  <div class="flex-container">
+    <!-- TODO 2: Add the Bootstrap Prebuilt Card here -->
+    <!-- TODO 3: Change the image src to display the flower.jpg image. -->
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/solution.html b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/solution.html
new file mode 100644
index 0000000..5e52ad2
--- /dev/null
+++ b/Visual Studio Code Projects/11.0+Bootstrap+Intro/11.0 Bootstrap Intro/solution.html	
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Bootstrap demo</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+  <style>
+    .flex-container {
+      display: flex;
+      height: 100vh;
+      justify-content: center;
+      align-items: center;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="flex-container">
+    <div class="card" style="width: 18rem;">
+      <img src="./flower.jpg" class="card-img-top" alt="sunflower">
+      <div class="card-body">
+        <h5 class="card-title">Card title</h5>
+        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
+          content.
+        </p>
+        <a href="#" class="btn btn-primary">Go somewhere</a>
+      </div>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
