diff --git a/about.html b/about.html
new file mode 100644
index 0000000..05ba74e
--- /dev/null
+++ b/about.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset='utf-8' />
+        <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+        <meta name="description" content="MiniProfiler: A simple but effective mini-profiler for .NET and Ruby" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
+        <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
+        <link rel="nuget" type="application/rsd+xml" href="https://www.myget.org/Discovery/Feed/miniprofiler/" />
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+        <title>MiniProfiler: A simple but effective mini-profiler for .NET and Ruby</title>
+      </head>
+<body>
+    <nav class="navbar navbar-default">
+        <div class="container-fluid">
+            <div class="row dark-row">
+                <header class="col-md-8 col-md-offset-2">
+                    <h1>MiniProfiler</h1>
+                </header>
+            </div>
+          <ul class="nav navbar-nav">
+            <li ><a href="index.html">Home</a></li>
+        
+            <li><a href="about.html">About Devs</a></li>
+          </ul>
+        </div>
+      </nav>
+      <div class="container-fluid" style="background-color: rgba(212, 172, 172, 0.548); padding: 40px;">
+      <div class="col-lg-6"   style="padding: 20px; background-color: rgba(69, 248, 53, 0.425);">
+        <img style="border-radius: 10px;"  src="https://avatars3.githubusercontent.com/u/85714?s=96&v=4" alt="">
+        <a href="https://github.com/mjibson"><span style="font-size: medium; color: rgb(83, 82, 82);">	Matt Jibson
+          mjibson</span ></a>
+        </div>
+    <div class="col-lg-6"  style="padding: 20px; background-color: rgb(240, 255, 155);">
+      <img style="border-radius: 10px;" src="https://avatars1.githubusercontent.com/u/41181?s=96&v=4" alt="">
+      	 <a href="https://github.com/NickCraver"><span style="font-size: medium; color: rgb(66, 65, 65);">	Nick Craver
+      NickCraver</span ></a>
+    </div>
+    <div class="col-lg-6"  style="padding: 20px; background-color: rgba(104, 43, 245, 0.616);">
+      <img style="border-radius: 10px;" src="https://avatars0.githubusercontent.com/u/454813?s=96&v=4" alt="">
+      <a href="https://github.com/SamSaffron"><span style="font-size: medium; color: rgb(36, 35, 35);">	Sam SamSaffron</span ></a>
+    </div>
+    <div class="col-lg-6"  style="padding: 20px; background-color: rgb(255, 118, 237);">
+          <img style="border-radius: 10px;"  src="https://avatars1.githubusercontent.com/u/5213?s=96&v=4" alt="" >
+          <a href="https://github.com/yellis"><span style="font-size: medium; color: rgb(70, 68, 68);">	Yaakov Ellis
+          yellis</span ></a>
+        </div>
+        <div class="col-lg-6"  style="padding: 20px; background-color: rgba(8, 223, 205, 0.452);">
+        <img style="border-radius: 10px;" src="https://avatars2.githubusercontent.com/u/750257?s=96&v=4" alt="">
+        <a href="https://github.com/sklivvz"><span style="font-size: medium; color: rgb(73, 72, 72);">	Marco Cecconi sklivvz </span ></a>
+       </div>
+       <div class="col-lg-6"  style="padding: 20px; background-color: rgba(243, 97, 40, 0.562);">
+         <img style="border-radius: 10px;" height="97" width="97" src="https://avatars0.githubusercontent.com/u/1366941?s=96&v=4" alt="">
+       <a href="https://github.com/dixon"><span style="font-size: medium; color: rgb(78, 73, 73);">Jarrod Dixon dixon</span ">	</a>
+    
+     </div>
+    </div>
+       
+
+       
+       
+
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index b6ad2cc..2c2822c 100644
--- a/index.html
+++ b/index.html
@@ -9,14 +9,30 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
     <link rel="nuget" type="application/rsd+xml" href="https://www.myget.org/Discovery/Feed/miniprofiler/" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
     <title>MiniProfiler: A simple but effective mini-profiler for .NET and Ruby</title>
   </head>
   <body>
-    <div class="row dark-row">
+    <!-- <div class="row dark-row">
         <header class="col-md-8 col-md-offset-2">
             <h1>MiniProfiler</h1>
         </header>
-    </div>
+    </div> -->
+    <nav class="navbar navbar-default">
+        <div class="container-fluid">
+            <div class="row dark-row">
+                <header class="col-md-8 col-md-offset-2">
+                    <h1>MiniProfiler</h1>
+                </header>
+            </div>
+          <ul class="nav navbar-nav">
+            <li class="active"><a href="index.html">Home</a></li>
+            <li><a href="about.html">About Devs</a></li>
+          </ul>
+        </div>
+      </nav>
 
     <div class="row">
         <div class="col-md-8 col-md-offset-2">
@@ -32,10 +48,10 @@ <h3>What does it profile?</h3>
             <p>Simple. Fast. Pragmatic. Useful. Here's an example of what MiniProfiler for .NET looks like:</p>
             <div class="row">
                 <div class="col-md-6 col-sm-12">
-                    <img src="https://miniprofiler.com/dotnet/images/Popup.png" />
+                    <img height="500" width="800" src="https://miniprofiler.com/dotnet/images/Popup.png" />
                 </div>
                 <div class="col-md-6 col-sm-12">
-                    <img src="https://miniprofiler.com/dotnet/images/Timings.png" />
+                    <img height="500" width="800" src="https://miniprofiler.com/dotnet/images/Timings.png" />
                 </div>
             </div>
 
diff --git a/stylesheets/stylesheet.css b/stylesheet.css
similarity index 98%
rename from stylesheets/stylesheet.css
rename to stylesheet.css
index e3fe273..0e3c9ac 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheet.css
@@ -96,7 +96,7 @@ ul li {
 }
 
 img {
-  width: 100%;
-  max-width: 100%;
+
+  max-width: 200%;
   box-shadow: 2px 2px 10px #adadad;
 }
\ No newline at end of file
