diff --git a/assets/css/style.css b/assets/css/style.css
index be159d0..d60701a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1 +1,17 @@
-/*wait why is this empty? */
\ No newline at end of file
+/*wait why is this empty? */
+nav h1{
+    color: aqua;
+}
+
+image{
+    height: 200
+}
+
+#italy{
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    display:block;
+  margin-left:auto;
+  margin-right:auto;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 633197a..e975700 100644
--- a/index.html
+++ b/index.html
@@ -8,15 +8,16 @@
         <title>A Bootstrap Website</title>
         <!-- Favicon-->
         <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
-
-        
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+        <link rel="stylesheet" href="/LetsBuildAWebsite/assets/css/style.css">
+       
         
     </head>
     <body>
         <!-- Responsive navbar-->
         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
             <div class="container">
-                <a class="navbar-brand" href="#!">Your Name Here</a>
+                <a class="navbar-brand" href="#!">Tom Ricca</a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
@@ -28,10 +29,11 @@
             </div>
         </nav>
         <!-- Header - set the background image for the header in the line below-->
-        <header class="py-1 bg-image-full" style="background-image: url('https://t4.ftcdn.net/jpg/03/61/82/93/360_F_361829357_WuN8yt1I8PEYSnx8P6IvfYLlRZZWW2ts.jpg')">
+        <header class="py-1 bg-image-full" style="background-image: url('https://images.pexels.com/photos/1205301/pexels-photo-1205301.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2')">
             <div class="text-center my-1">
-                <img class="img-fluid rounded-circle mb-4" src="https://newmediarockstars.com/wp-content/uploads/2014/07/femcat.png" alt="..." />
-                <h1 class="text-white fs-3 fw-bolder">My First Website</h1>
+       <!--         <img class="img-fluid rounded-circle mb-4" src="https://newmediarockstars.com/wp-content/uploads/2014/07/femcat.png" alt="..." /> -->
+       <img src="" alt="">
+                <h1 class="text-white fs-3 fw-bolder">Tom's Website</h1>
                 <p class="text-white-50 mb-0">Using Bootstrap Templates</p>
             </div>
         </header>
@@ -48,7 +50,7 @@ <h2>Bootstrap Makes Things Simple</h2>
             </div>
         </section>
         <!-- Image element - set the background image for the header in the line below-->
-        <div class="py-1 bg-image-full" style="background-image: url('https://t4.ftcdn.net/jpg/03/61/82/93/360_F_361829336_GWe1wR8L92MnIKcCIyrwaZQp0rG36XJC.jpg')">
+        <div class="py-1 bg-image-full" style="background-image: url('https://images.pexels.com/photos/1205301/pexels-photo-1205301.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2')">
             <!-- Put anything you want here! The spacer below with inline CSS is just for demo purposes!-->
             <div style="height: 20rem"></div>
         </div>
@@ -60,13 +62,19 @@ <h2>Bootstrap Makes Things Simple</h2>
                         <h2>Bootstrap Has It ALL</h2>
                         <p class="lead">Did you know bootstrap can run on top of other front end frameworks like React?</p>
                         <p class="mb-0">I can't tell you how many people say they were turned off from Bootstrap because of all the classes. If they just gave it a chance, they would have the full capabilities of CSS in their hands.</p>
+                        <img id="italy" src="https://cdn.pixabay.com/photo/2021/04/05/18/02/villa-balbiano-6154200_1280.jpg" alt="Lake Como">
                     </div>
                 </div>
             </div>
         </section>
         <!-- Footer-->
+      <!--  <header class="py-1 bg-image-full" style="background-image: url('https://t4.ftcdn.net/jpg/03/61/82/93/360_F_361829357_WuN8yt1I8PEYSnx8P6IvfYLlRZZWW2ts.jpg')">
+            -->
         <footer class="py-5 bg-dark">
             <div class="container"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2022</p></div>
         </footer>
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
+
     </body>
 </html>
