diff --git a/app/assets/images/placeholder-user.jpg b/app/assets/images/placeholder-user.jpg
new file mode 100644
index 00000000..a1ec3424
Binary files /dev/null and b/app/assets/images/placeholder-user.jpg differ
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 0ba8de4b..a212757b 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -68,6 +68,19 @@ html, body {
   background-color: $rule-color;
 }
 
+.thumbnail {
+  height: 60%;
+  width: auto;
+}
+
+.client-icon {
+  height: 100px;
+  width: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .container-fluid {
   height: 100%;
 }
diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb
index c33a1c9a..46e3b05b 100644
--- a/app/controllers/users_controller.rb
+++ b/app/controllers/users_controller.rb
@@ -17,9 +17,14 @@ class UsersController < ApplicationController
     end
   end
 
+  # GET /settings
+  def settings
+    redirect_to root_path unless current_user
+  end
+
   private
 
   def user_params
     params.require(:user).permit(:name, :email, :username, :password, :password_confirmation)
   end
-end
\ No newline at end of file
+end
diff --git a/app/models/user.rb b/app/models/user.rb
index 585e8a15..520c43be 100644
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -26,7 +26,7 @@ class User < ApplicationRecord
       user.name = send("#{auth['provider']}_name", auth)
       user.username = send("#{auth['provider']}_username", auth)
       user.email = send("#{auth['provider']}_email", auth)
-      
+      user.image = send("#{auth['provider']}_image", auth)
       user.save!
       user
     end
@@ -51,6 +51,10 @@ class User < ApplicationRecord
       auth['info']['email']
     end
 
+    def twitter_image(auth)
+      auth['info']['image']
+    end
+
     def google_name(auth)
       auth['info']['name']
     end
@@ -62,6 +66,19 @@ class User < ApplicationRecord
     def google_email(auth)
       auth['info']['email']
     end
+
+    def google_image(auth)
+      auth['info']['picture']
+    end
+  end
+
+  def subtitle
+    case provider
+    when "greenlight", "google", "twitter"
+      "User"
+    else
+      "Unknown"
+    end
   end
 
   private
diff --git a/app/views/main/index.html.erb b/app/views/main/index.html.erb
index a4644d5f..7ed62eb0 100644
--- a/app/views/main/index.html.erb
+++ b/app/views/main/index.html.erb
@@ -9,7 +9,7 @@
   <%= render "shared/features" %>
 </div>
 
-<%= render "shared/video_modal" %>
+<%= render "shared/modals/video_modal" %>
 
 <script>
 $(window).on('load',function(){
diff --git a/app/views/rooms/sessions.html.erb b/app/views/rooms/sessions.html.erb
index 2e1ae635..2179516b 100644
--- a/app/views/rooms/sessions.html.erb
+++ b/app/views/rooms/sessions.html.erb
@@ -1,3 +1,43 @@
+<div class="container">
+  <div class="col-lg-10">
+    <div class="card">
+      <table class="table card-table table-vcenter">
+        <tbody>
+        <% 3.times do %>
+          <tr>
+            <td>
+              <!--<i class="fas fa-users fa-2x"></i>-->
+              <img class="thumbnail" src="http://test-install.blindsidenetworks.com/presentation/b622495d927cd99e9898b0601c2b18a5424a0627-1527259102285/presentation/d2d9a672040fbde2a47a10bf6c37b6a4b5ae187f-1527259102298/thumbnails/thumb-1.png">
+            </td>
+            <td class="text-left">
+              <h4>Introduction to Dinosaurs</h4>
+              <p><i>June 21, 2017 (about 3 hours ago)</i></p>
+            </td>
+            <td class="text-center d-none d-md-table-cell text-nowrap">
+              <h6 class="text-uppercase"><strong>Users</strong></h6>
+              <h5>3</h5>
+            </td>
+            <td class="text-center d-none d-md-table-cell text-nowrap">
+              <h6 class="text-uppercase"><strong>Length</strong></h6>
+              <h5>2 hours</h5>
+            </td>
+            <td class="text-center d-none d-md-table-cell text-nowrap">
+              <h6 class="text-uppercase"><strong>Visbility</strong></h6>
+              <h5>Unlisted</h5>
+            </td>
+            <td>
+              <button type="button" class="btn btn-icon btn-success"><i class="fas fa-video"></i></button>
+              <button type="button" class="btn btn-icon btn-primary"><i class="fas fa-chart-bar"></i></button>          
+              <button type="button" class="btn btn-icon btn-warning"><i class="fas fa-podcast"></i></button>
+            </td>
+          </tr>
+        <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
 Sessions
 <br><br>
 <%= @meeting.recordings %>
diff --git a/app/views/shared/_footer.html.erb b/app/views/shared/_footer.html.erb
index 7ca0198d..987f1fef 100644
--- a/app/views/shared/_footer.html.erb
+++ b/app/views/shared/_footer.html.erb
@@ -1,3 +1,3 @@
 <div class="footer">
-  <h5 class="text-center">Powered by BigBlueButton.</h5>
+  <h5 class="text-center">Powered by <a target="_blank" href="http://bigbluebutton.org/">BigBlueButton</a>.</h5>
 </div>
diff --git a/app/views/shared/_header.html.erb b/app/views/shared/_header.html.erb
index faa8b949..7528dfe2 100644
--- a/app/views/shared/_header.html.erb
+++ b/app/views/shared/_header.html.erb
@@ -9,17 +9,20 @@
 				<% if current_user %>
 					<div class="dropdown">
 						<a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
-							<span class="avatar" style="background-image: url({{ site.base }}/{{ user.photo }})"></span>
+							<% if current_user.image.nil? %>
+								<span class="avatar"><%= current_user.name.first %></span>
+							<% else %>
+								<span class="avatar" style="background-image: url(<%= current_user.image %>)"></span>
+							<% end %>
 							<span class="ml-2 d-none d-lg-block">
-								<span class="text-default">{{ user.name }} {{ user.surname }}</span>
-								<small class="text-muted d-block mt-1">Administrator</small>
+								<span class="text-default"><%= current_user.name %></span>
+								<small class="text-muted d-block mt-1"><%= current_user.subtitle %></small>
 							</span>
 						</a>
 					</div>
 				<% else %>
 					<button type="submit" class="btn btn-pill btn-outline-primary ml-auto" data-toggle="modal" data-target="#loginModal">Login</button>
-
-					<%= render "shared/login_modal" %>
+					<%= render "shared/modals/login_modal" %>
 				<% end %>
 			</div>
 		</div>
diff --git a/app/views/shared/_start_meeting.html.erb b/app/views/shared/_start_meeting.html.erb
index 21d583e3..f26803fa 100644
--- a/app/views/shared/_start_meeting.html.erb
+++ b/app/views/shared/_start_meeting.html.erb
@@ -1,12 +1,14 @@
 <div class="card text-center">
   <div class="card-body">
     <div class="col-8 offset-2 form-group">
-      <div class="input-group">
-        <input type="text" class="form-control" placeholder="Enter a meeting name to start!">
-        <span class="input-group-append">
-          <button class="btn btn-primary" type="button">Start Meeting</button>
-        </span>
-      </div>
+      <%= form_for(:meeting, url: create_meeting_path) do |f| %>
+        <div class="input-group">
+          <%= f.text_field :name, class: "form-control", placeholder: "Enter a meeting name to start!" %>
+          <span class="input-group-append">
+            <%= f.submit "Start Meeting", class: "btn btn-primary" %>
+          </span>
+        </div>
+      <% end %>
     </div>
   </div>
   <div class="card-footer">
diff --git a/app/views/shared/_login_modal.html.erb b/app/views/shared/modals/_login_modal.html.erb
similarity index 69%
rename from app/views/shared/_login_modal.html.erb
rename to app/views/shared/modals/_login_modal.html.erb
index a14c9a82..2d417612 100644
--- a/app/views/shared/_login_modal.html.erb
+++ b/app/views/shared/modals/_login_modal.html.erb
@@ -16,10 +16,20 @@
 
           <hr>
           <div class="form-group">
-            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
+            <div class="input-icon">
+              <span class="input-icon-addon">
+                <i class="fas fa-at"></i>
+              </span>
+              <input type="email" class="form-control" placeholder="Email">
+            </div>
           </div>
           <div class="form-group">
-            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+            <div class="input-icon">
+              <span class="input-icon-addon">
+                <i class="fas fa-key"></i>
+              </span>
+              <input type="password" class="form-control" placeholder="Password">
+            </div>
           </div>
           <div class="form-footer">
             <button type="submit" class="btn btn-outline-primary btn-block btn-pill">Login</button>
diff --git a/app/views/shared/modals/_select_client_modal.html.erb b/app/views/shared/modals/_select_client_modal.html.erb
new file mode 100644
index 00000000..7aec9250
--- /dev/null
+++ b/app/views/shared/modals/_select_client_modal.html.erb
@@ -0,0 +1,32 @@
+<div class="modal fade" id="selectClientModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content text-center">
+      <div class="modal-body">
+        <div class="card-body p-6">
+          <div class="card-title text-primary">
+            <h3>Which client would you like to use?</h3>
+          </div>
+
+          <hr class="small-rule">
+          <div class="form-group">
+            <div class="selectgroup selectgroup-pills">
+              <label class="selectgroup-item">
+                <input type="radio" name="icon-input" value="1" class="selectgroup-input" checked="">
+                <span class="selectgroup-button selectgroup-button-icon client-icon p-2"><i class="fab fa-html5 fa-3x"></i></span>
+                <p>HTML5</p>
+              </label>
+              <label class="selectgroup-item">
+                <input type="radio" name="icon-input" value="2" class="selectgroup-input">
+                <span class="selectgroup-button selectgroup-button-icon client-icon"><i class="fas fa-bolt fa-3x"></i></span>
+                <p>Flash</p>
+              </label>
+            </div>
+         </div>
+          <div class="card-footer">
+            <p>We recommend you use the HTML5 client for the best experience.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/app/views/shared/_video_modal.html.erb b/app/views/shared/modals/_video_modal.html.erb
similarity index 94%
rename from app/views/shared/_video_modal.html.erb
rename to app/views/shared/modals/_video_modal.html.erb
index c16c8054..649e56c4 100644
--- a/app/views/shared/_video_modal.html.erb
+++ b/app/views/shared/modals/_video_modal.html.erb
@@ -4,7 +4,7 @@
       <div class="modal-body">
         <div class="card-body p-6">
           <div class="card-title text-primary">
-            <h3>Welcome</h3>
+            <h3>Welcome to Greenlight</h3>
           </div>
           <hr class="small-rule">
 
diff --git a/app/views/users/settings.html.erb b/app/views/users/settings.html.erb
new file mode 100644
index 00000000..19188144
--- /dev/null
+++ b/app/views/users/settings.html.erb
@@ -0,0 +1,93 @@
+<div class="container">
+
+  <div class="form-group">
+    <div class="selectgroup selectgroup-pills">
+      <label class="selectgroup-item">
+        <input type="radio" name="icon-input" value="1" class="selectgroup-input" checked="">
+        <span class="selectgroup-button selectgroup-button-icon"><i class="fas fa-user"></i> Account</span>
+      </label>
+      <label class="selectgroup-item">
+        <input type="radio" name="icon-input" value="2" class="selectgroup-input">
+        <span class="selectgroup-button selectgroup-button-icon"><i class="fas fa-pencil-alt"></i> Design </span>
+      </label>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label class="form-label">Background</label>
+    <div class="row gutters-xs">
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="azure" class="colorinput-input">
+          <span class="colorinput-color bg-azure"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="indigo" class="colorinput-input" checked="">
+          <span class="colorinput-color bg-indigo"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="purple" class="colorinput-input">
+          <span class="colorinput-color bg-purple"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="pink" class="colorinput-input">
+          <span class="colorinput-color bg-pink"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="red" class="colorinput-input">
+          <span class="colorinput-color bg-red"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="orange" class="colorinput-input">
+          <span class="colorinput-color bg-orange"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="yellow" class="colorinput-input">
+          <span class="colorinput-color bg-yellow"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="lime" class="colorinput-input">
+          <span class="colorinput-color bg-lime"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="green" class="colorinput-input">
+          <span class="colorinput-color bg-green"></span>
+        </label>
+      </div>
+      <div class="col-auto">
+        <label class="colorinput">
+          <input name="color" type="radio" value="teal" class="colorinput-input">
+          <span class="colorinput-color bg-teal"></span>
+        </label>
+      </div>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label class="form-label">Name</label>
+    <input type="text" class="form-control" value="<%= current_user.name %>" readonly="">
+
+    <label class="form-label">Email</label>
+    <input type="text" class="form-control" value="<%= current_user.email %>" readonly="">
+
+    <label class="form-label">Account Provider</label>
+    <input type="text" class="form-control" value="<%= current_user.provider.capitalize %>" readonly="">
+  </div>
+  
+</div>
diff --git a/config/routes.rb b/config/routes.rb
index e381b8f7..fa6a0cb4 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -21,6 +21,9 @@ Rails.application.routes.draw do
   get '/signup', to: 'users#new'
   post '/signup', to: 'users#create'
 
+  # User settings.
+  get '/settings', to: 'users#settings'
+
   # Handles login of greenlight provider accounts.
   post '/login',  to: 'sessions#create', as: :create_session
 
diff --git a/db/migrate/20180504131648_create_users.rb b/db/migrate/20180504131648_create_users.rb
index e03d7742..5bcb6b34 100644
--- a/db/migrate/20180504131648_create_users.rb
+++ b/db/migrate/20180504131648_create_users.rb
@@ -6,6 +6,7 @@ class CreateUsers < ActiveRecord::Migration[5.0]
       t.string :name
       t.string :username
       t.string :email
+      t.string :image
       t.string :password_digest, index: { unique: true }
 
       t.timestamps
diff --git a/db/schema.rb b/db/schema.rb
index 2fb5b1f1..433b72d9 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -38,6 +38,7 @@ ActiveRecord::Schema.define(version: 20180504131713) do
     t.string   "name"
     t.string   "username"
     t.string   "email"
+    t.string   "image"
     t.string   "password_digest"
     t.datetime "created_at",      null: false
     t.datetime "updated_at",      null: false