diff --git a/app/main.py b/app/main.py
index d27cebc..f2a237a 100644
--- a/app/main.py
+++ b/app/main.py
@@ -19,3 +19,9 @@ def index():
 def dashboard():
     """Dashboard Page"""
     return render_template('main/dashboard.jinja2')
+
+
+@main_blueprint.route('/profile')
+def profile():
+    """Profile Page"""
+    return render_template('main/profile.jinja2')
diff --git a/app/templates/base.jinja2 b/app/templates/base.jinja2
index 1c214b8..fa5570e 100644
--- a/app/templates/base.jinja2
+++ b/app/templates/base.jinja2
@@ -38,7 +38,10 @@
 
 <footer>
     {# Footer #}
-    {% block footer %}{% endblock %}
+    {% block footer %}
+        <hr class="my-5"/>
+
+    {% endblock %}
 </footer>
 
 
@@ -49,7 +52,7 @@
     <script>
         // set the active nav-link item
         $(function () {
-            let target_nav = '#{{request.endpoint}}'.replace('\.','-');
+            let target_nav = '#{{request.endpoint}}'.replace('\.', '-');
             $(target_nav).addClass('active');
         });
     </script>
diff --git a/app/templates/main/dashboard.jinja2 b/app/templates/main/dashboard.jinja2
index 84a04cd..d18c0ea 100644
--- a/app/templates/main/dashboard.jinja2
+++ b/app/templates/main/dashboard.jinja2
@@ -4,7 +4,7 @@
 
 {% block content_before %}
 
-    <div class='jumbotron'>
+    <div class='jumbotron shadow'>
         <div class='container'>
             <h2>Dashboard</h2>
         </div>
@@ -14,20 +14,10 @@
 {% block content %}
 
     {# Profile Card #}
-    <div class='card'>
+    <div class='card shadow'>
         <div class='card-body'>
-            <div class='row'>
-                <div class='col'>
-                    <span class='h3'>Profile</span>
-                </div>
-                <div class='col-md-auto my-auto'>
-                    <a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
-                        Edit profile
-                    </a>
-                </div>
-            </div>
+            <h3 class='card-title'>Profile</h3>
             <hr/>
-
             <p class="mb-1">
                 <b>First name:</b><br/>
                 Bully
@@ -40,29 +30,29 @@
                 <b>netID:</b><br/>
                 bb123
             </p>
+        </div>
 
+        <div class='card-footer'>
+            <a href='{{ url_for('main.profile') }}' class='btn btn-outline-primary mt-2 mt-sm-0'>
+                View my profile
+            </a>
         </div>
     </div>
 
     {# TODO: user type check #}
     {# Submissions Card #}
     {% if true %}
-        <div class='card my-4'>
+        <div class='card shadow mt-5'>
             <div class='card-body'>
-                <div class='row'>
-                    <div class='col'>
-                        <span class='h3'>Submissions</span>
-                    </div>
-                    <div class='col-md-auto my-auto'>
-                        <a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
-                            New submission
-                        </a>
-                    </div>
-                </div>
+                <h3 class='card-title'>Submissions</h3>
                 <hr/>
-
                 <p>You don't have any submissions!<br/><a href=''>Create one now?</a></p>
+            </div>
 
+            <div class='card-footer'>
+                <a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
+                    Create a submission
+                </a>
             </div>
         </div>
     {% endif %}
diff --git a/app/templates/main/profile.jinja2 b/app/templates/main/profile.jinja2
new file mode 100644
index 0000000..2b92dfe
--- /dev/null
+++ b/app/templates/main/profile.jinja2
@@ -0,0 +1,41 @@
+{% extends 'base.jinja2' %}
+
+{% block title %}User Profile{% endblock %}
+
+{% block content %}
+
+    {# Profile Card #}
+    <div class='card mx-auto mt-5 col-lg-6 col-12 shadow'>
+        <div class='card-body'>
+            <div class='row justify-content-center mb-3'>
+                <i class='display-1 mx-auto text-muted fas fa-user-circle'></i>
+            </div>
+
+            {# user name / classification #}
+            <div class='row justify-content-center'>
+                <span class='h3'>Bully Bulldog</span>
+            </div>
+            <div class='row justify-content-center'>
+                <span class='h5'>Student</span>
+            </div>
+            <hr/>
+
+            {# TODO: dynamic data #}
+            {# user data #}
+            <p class='text-lg-left'>
+                <b>Email:</b><br/>
+                bb123@msstate.edu
+                <br/><br/>
+                <b>Phone:</b><br/>
+                662-325-5555
+            </p>
+            <hr/>
+
+            {# edit profile button #}
+            <div class='col text-center'>
+                <a href='' class='btn btn-primary px-5'>Edit profile</a>
+            </div>
+        </div>
+    </div>
+
+{% endblock %}