diff --git a/website.html b/website.html
index 6eb087b..b733146 100644
--- a/website.html
+++ b/website.html
@@ -1,22 +1,55 @@
-<!DOCTYPE html>
-<html>
-   <link rel="stylesheet" type="text/css" href="theme.css">
-   <head>
-      <h1>Lindsey's Website</h1>
-      <nav>
-	<ul>
-              <li><a href="aboutme.html">about</a></li>
-              <li><a href="photos.html">photos</a></li>
-        </ul>
-      </nav>
-   </head>
-
-   <body>
-      <h3>Welcome to My First Ever Website!</h3>
-         <p>As a computer science major, I am exploring my interests within the field. I'm currently exploring my interest in web development, hence the creation of this website!</p>
-
-      <center><img src="https://static.tumblr.com/34227005c521455763d58466e0a0bf61/qljaxu9/3vtn68qeq/tumblr_static_5984898397_d35bdf6126_z.jpg"></center>
+<!doctype html>
+<html lang="en">
+  <head>
+  
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+  </head>
+  <body>
+    <h1>Lindsey's Website  </h1>
+
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+  <a class="navbar-brand" href="#">Welcome</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="aboutme.html">About <span class="sr-only">(current)</span></a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="photos.html">Photos</a>
+      </li>
+    </ul>
+    
+  </div>
+</nav>
+    <h3>  Welcome to My First Ever Website!</h3>
+         <p>As a computer science major, <br>I am exploring my interests within the field. <br>I'm currently exploring my interest in web development, hence the creation of this website!</p>
+
+<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img class="d-block w-100 col-md-6 p-100 mx-auto grey" src="https://source.unsplash.com/1600x900/?Study" alt="First slide">
+    </div>
+    
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>
+
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
   </body>
 
   <footer>
@@ -24,4 +57,3 @@ <h3>Welcome to My First Ever Website!</h3>
   </footer>
 
 </html>
-
