Edited CSS of the whole website.

parkinglot/app/assets/stylesheets/bootstrap-theme.css

@@ -584,4 +584,14 @@ fieldset[disabled] .btn-danger.active {
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
 }
+.do{
+  margin: 0;
+  background-color: transparent;
+  text-align: center;
+}
+.bg{
+  font-weight: 20px;
+  background-color: white;
+  padding: 2em;
+}
 /*# sourceMappingURL=bootstrap-theme.css.map */

parkinglot/app/assets/stylesheets/bootstrap.css

@@ -11,6 +11,10 @@ html {
 }
 body {
   margin: 0;
+  background-image: url(carbg.jpg);
+  background-size: auto auto;
+  background-opacity: 0.1; 
+
 }
 article,
 aside,
@@ -6757,4 +6761,5 @@ button.close {
     display: none !important;
   }
 }
+
 /*# sourceMappingURL=bootstrap.css.map */

parkinglot/app/views/car_logs/index.html.erb

-<table class="table table-hover">
+<div class="bg">	
+	<table class="table table-hover">
 		<thead>
 			<tr>
 				<th>Plate Number</th>
@@ -30,8 +31,9 @@
 				</tr>
 			<% end %>
 		</tbody>
-</table>
-<hr>
-<a href= "/car_logs/new"><button>Add New Car</button></a>
-<hr>
-<a href= "/">Go back to Homepage</a>
+	</table>
+	<hr>
+	<a href= "/car_logs/new"><button type="button" class="btn btn-primary">Add New Car</button></a>
+	<hr>
+	<a href= "/"><button type="button" class="btn btn-secondary">Go back to Homepage</button></a>
\ No newline at end of file
+</div>
\ No newline at end of file

parkinglot/app/views/car_logs/new.html.erb

-<h1>Add Car</h1>
-<%= form_tag("/car_logs/add", method: "post") do %>
+<div class="bg">	
+	<h1>New Car Details</h1>
+	<%= form_tag("/car_logs/add", method: "post") do %>
 		<label>Plate Number:</label>
 		<input type= "text" name= "plate_number"/>
 		<hr>
@@ -34,7 +35,9 @@
 			<option value = "Others">Others</option>
 		</select>
 		<hr>
-	<input type= "submit" value= "Add Car"/>
-<% end %>
-<hr>
-<a href= "/car_logs">View All Cars</a>
+		<input type= "submit" class="btn btn-primary" value= "Add Car"/>
+	<% end %>
+	<hr>
+	<a href= "/car_logs"><button type="button" class="btn btn-secondary">
\ No newline at end of file
+	View All Cars</button></a>
+</div>
\ No newline at end of file

parkinglot/app/views/pages/index.html.erb

-<h1>Moshi Moshi Parking</h1>
-<a href="/car_logs">Check out your Cars!</a>
+<div class="bg">
+	<h1 class="text-center">Moshi Moshi Parking</h1>
\ No newline at end of file
+	<h3 class="text-center">This is the Moshi Moshi Parking Lot Tracker!</h3>
+	<h4 class="text-center">Press the button below to Check on your Car!</h4>
+	<div class="do">
+		<a href="/car_logs"><button type="button" class="btn btn-success">Check out your Cars!</button></a>
+	</div>
+
+	<h6 class="text-center">Created by: Alfonso Arvisu, Dean Bardeloza and Bianca Tarun</h6>
+</div>
\ No newline at end of file