diff --git a/.gitignore b/.gitignore
index 48fb168..d586603 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,3 +15,4 @@
 
 # Ignore Byebug command history file.
 .byebug_history
+.idea/
diff --git a/app/views/comments/index.html.erb b/app/views/comments/index.html.erb
index 5545d48..7aa0e4c 100644
--- a/app/views/comments/index.html.erb
+++ b/app/views/comments/index.html.erb
@@ -2,7 +2,7 @@
 
 <h1>Comments</h1>
 
-<table>
+<table class="table">
   <thead>
     <tr>
       <th>Description</th>
diff --git a/app/views/comments/show.html.erb b/app/views/comments/show.html.erb
index d6c665a..890c457 100644
--- a/app/views/comments/show.html.erb
+++ b/app/views/comments/show.html.erb
@@ -1,6 +1,6 @@
 <p id="notice"><%= notice %></p>
 
-<p>
+<p class="text-info">
   <strong>Description:</strong>
   <%= @comment.description %>
 </p>
diff --git a/app/views/images/_form.html.erb b/app/views/images/_form.html.erb
index 3fabe7b..7b8481a 100644
--- a/app/views/images/_form.html.erb
+++ b/app/views/images/_form.html.erb
@@ -1,20 +1,22 @@
 <%= form_for(image, :url => comment_images_path(params[:comment_id])) do |f| %>
   <% if image.errors.any? %>
-    <div id="error_explanation">
-      <h2><%= pluralize(image.errors.count, "error") %> prohibited this image from being saved:</h2>
+    <div id="error_explanation" class="">
+      <h2 class="text-danger"><%= pluralize(image.errors.count, "error") %> prohibited this image from being saved:</h2>
 
       <ul>
       <% image.errors.full_messages.each do |message| %>
-        <li><%= message %></li>
+        <li class="text-danger"><%= message %></li>
       <% end %>
       </ul>
     </div>
   <% end %>
 
-  <div class="field">
-    <%= f.label :image %>
-    <%= f.text_area :image %>
-  </div>
+    <div class="form-group">
+      <div class="field">
+        <%= f.label :image %>
+        <%= f.text_area :image %>
+      </div>
+    </div>
 
   <div class="actions">
     <%= f.submit %>
diff --git a/app/views/images/index.html.erb b/app/views/images/index.html.erb
index 031b66c..295d4c4 100644
--- a/app/views/images/index.html.erb
+++ b/app/views/images/index.html.erb
@@ -1,8 +1,8 @@
 <p id="notice"><%= notice %></p>
 
-<h1>Images</h1>
+<h1 class="text-info">Images</h1>
 
-<table>
+<table class="table">
   <thead>
     <tr>
       <th>Image</th>
diff --git a/app/views/images/new.html.erb b/app/views/images/new.html.erb
index 54da409..5f699b9 100644
--- a/app/views/images/new.html.erb
+++ b/app/views/images/new.html.erb
@@ -1,4 +1,4 @@
-<h1>New Image</h1>
+<h1 class="text-info">New Image</h1>
 
 <% if params.has_key?(:comment_id)%>
   <%= render 'form', image: @image %>
diff --git a/app/views/images/show.html.erb b/app/views/images/show.html.erb
index 23e266d..5413b2d 100644
--- a/app/views/images/show.html.erb
+++ b/app/views/images/show.html.erb
@@ -1,4 +1,4 @@
-<p id="notice"><%= notice %></p>
+<p id="notice" class="text-info"><%= notice %></p>
 
 <p>
   <strong>Image:</strong>
diff --git a/app/views/pages/index.html.erb b/app/views/pages/index.html.erb
index 182fab2..d731d37 100644
--- a/app/views/pages/index.html.erb
+++ b/app/views/pages/index.html.erb
@@ -1,8 +1,10 @@
 <p id="notice"><%= notice %></p>
-<h1>SE2 UNAL</h1>
-<h1>Welcome to our gitworkflow practice</h1>
+<h1 class="red-text text-center">SE2 UNAL</h1>
+<h1 class="text-center">Welcome to our gitworkflow practice</h1>
 <h3>During this pracrice you will understand the basics of Git workflows</h3>
-<p><%= link_to 'Users', users_path%></p>
-<p><%= link_to 'Posts', posts_path%></p>
-<p><%= link_to 'Comments', comments_path%></p>
-<p><%= link_to 'Images', images_path%></p>
+
+
+<p class="btn btn-danger btn-lg"><%= link_to 'Users', users_path%></p>
+<p class="btn btn-info btn-lg"><%= link_to 'Posts', posts_path%></p>
+<p class="btn btn-success btn-lg"><%= link_to 'Comments', comments_path%></p>
+<p class="btn btn-warning btn-lg"><%= link_to 'Images', images_path%></p>
diff --git a/app/views/posts/index.html.erb b/app/views/posts/index.html.erb
index 4e23922..ed2c914 100644
--- a/app/views/posts/index.html.erb
+++ b/app/views/posts/index.html.erb
@@ -2,7 +2,7 @@
 
 <h1>Posts</h1>
 
-<table>
+<table class="table table-hover">
   <thead>
     <tr>
       <th>Name</th>
@@ -14,8 +14,10 @@
 
   <tbody>
     <% @posts.each do |post| %>
-      <tr>
-        <td><%= post.name %></td>
+    
+      <tr >
+        
+        <td><%= post.name  %></td>
         <td><%= post.description %></td>
         <td><%= post.user %></td>
         <td><%= link_to 'Show', post %></td>
diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb
index 5106754..d84ec70 100644
--- a/app/views/users/index.html.erb
+++ b/app/views/users/index.html.erb
@@ -2,7 +2,7 @@
 
 <h1>Users</h1>
 
-<table>
+<table class="table">
   <thead>
     <tr>
       <th>Name</th>
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index 65d6741..2037cd9 100644
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -1,6 +1,6 @@
 <p id="notice"><%= notice %></p>
 
-<p>
+<p class="text-info">
   <strong>Name:</strong>
   <%= @user.name %>
 </p>
diff --git a/config/database.yml b/config/database.yml
index 4ffe105..9ceddf7 100644
--- a/config/database.yml
+++ b/config/database.yml
@@ -24,8 +24,10 @@ default: &default
 development:
   <<: *default
   database: gitworkflow_development
-  username: gitworkflow
-  password: 123456789
+
+   username: gitworkflow
+   password: 123456789
+
 
   # The specified database role being used to connect to postgres.
   # To create additional roles in postgres see `$ createuser --help`.