From c1ce89359a7b54ec97b54ce577e5534c180c5c4b Mon Sep 17 00:00:00 2001
From: HumairAK <humair88@hotmail.com>
Date: Mon, 18 Jul 2016 06:49:16 -0400
Subject: Various fixes, see changelog for details.

---
 views/user_profile_alt.hbs | 251 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 251 insertions(+)
 create mode 100644 views/user_profile_alt.hbs

(limited to 'views/user_profile_alt.hbs')

diff --git a/views/user_profile_alt.hbs b/views/user_profile_alt.hbs
new file mode 100644
index 0000000..624e2c6
--- /dev/null
+++ b/views/user_profile_alt.hbs
@@ -0,0 +1,251 @@
+<main id="solutions-main">
+    <div class="container user-info-content">
+        <div class="row">
+
+            <!-- User Profile details -->
+            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0
+            col-sm-offset-0 col-md-offset-3 col-lg-offset-3 toppad prf-details">
+
+                <!-- User Profile Menu -->
+                <nav class="navbar navbar-custom">
+                    <div class="container-fluid">
+                        <div class="navbar-header">
+                            <button type="button" class="navbar-toggle"
+                                    data-toggle="collapse" data-target="#profile-nav">
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                            </button>
+                        </div>
+                        <div class="collapse navbar-collapse" id="profile-nav">
+                            <ul class="nav navbar-nav " >
+                                <li><a href="#" class="prf-page">General</a></li>
+                                <li><a href="#" class="prf-page">Follows</a></li>
+                                <li><a href="#" class="prf-page">Friends</a></li>
+                                <li><a href="#" class="prf-page">Inbox</a></li>
+                                <li><a href="#" class="prf-page">Comments</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </nav>
+
+                <div class="rounded">
+                    <div class="panel panel-info rounded">
+                        <div class="panel-heading">
+                            <h3 class="panel-title">Walter White</h3>
+                        </div>
+                        <div class="panel-body">
+                            <!--- User-Profile Pages -->
+                            <div class="row" id="profile-general">
+                                <!-- User Image -->
+                                <div class="col-md-3 col-lg-3 " align="center">
+                                    <img alt="User Pic" src="assets/images/avatar.png"
+                                         class="img-circle img-responsive">
+                                </div>
+                                <!-- User Details -->
+                                <div class=" col-md-9 col-lg-9 ">
+                                    <table class="table table-user-information">
+                                        <tbody>
+                                        <tr>
+                                            <td>Univeristy:</td>
+                                            <td>U of T</td>
+                                        </tr>
+                                        <tr>
+                                            <td>Department:</td>
+                                            <td>CS</td>
+                                        </tr>
+                                        <tr>
+                                            <td>Answered:</td>
+                                            <td>50</td>
+                                        </tr>
+                                        <tr>
+                                        <tr>
+                                            <td>Messages:</td>
+                                            <td>25</td>
+                                        </tr>
+                                        <tr>
+                                            <td>Comments:</td>
+                                            <td>100</td>
+                                        </tr>
+                                        <tr>
+                                            <td>Email:</td>
+                                            <td><a href="mailto:info@support.com">info@support.com</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>Phone Number:</td>
+                                            <td>111-111-1111(Mobile)</td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="row" id="profile-follows">
+                                <h3>You are following:</h3>
+                                <div class="col-xs-offset-1 col-sm-offset-3 col-xs-10 col-sm-6">
+                                    <table class="table-condensed">
+                                        <tbody>
+                                        <tr>
+                                            <th>
+                                                <img class="img-circle img-responsive"
+                                                     src="assets/images/misc/user1.jpeg" alt="avatar">
+                                            </th>
+                                            <th>
+                                                <h4>The Dude</h4>
+                                                <p>3 comments</p>
+                                            </th>
+
+                                        </tr>
+                                        <tr>
+                                            <th>
+                                                <img class="img-circle img-responsive"
+                                                     src="assets/images/misc/user2.jpeg" alt="avatar">
+                                            </th>
+                                            <th>
+                                                <h4>He-Man</h4>
+                                                <p>20 comments</p>
+                                            </th>
+                                        </tr>
+                                        <tr>
+                                            <th>
+                                                <img class="img-circle img-responsive"
+                                                     src="assets/images/misc/user3.jpeg" alt="avatar">
+                                            </th>
+                                            <th>
+                                                <h4>Lady Lips</h4>
+                                                <p>56 comments</p>
+                                            </th>
+                                        </tr>
+                                        </tbody>
+
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="row" id="profile-friends">
+                                <h3>Friends</h3>
+                                <div class="col-xs-offset-1 col-sm-offset-3 col-xs-10 col-sm-6">
+                                    <table class="table-condensed">
+                                        <tbody>
+                                        <tr>
+                                            <th>
+                                                <img class="img-circle img-responsive"
+                                                     src="assets/images/misc/user2.jpeg" alt="avatar">
+                                            </th>
+                                            <th>
+                                                <h4>He-Man</h4>
+                                                <p>20 comments</p>
+                                            </th>
+                                        </tr>
+                                        <tr>
+                                            <th>
+                                                <img class="img-circle img-responsive"
+                                                     src="assets/images/misc/user5.jpeg" alt="avatar">
+                                            </th>
+                                            <th>
+                                                <h4>Jay Leno</h4>
+                                                <p>5 comments</p>
+                                            </th>
+                                        </tr>
+                                        <tr>
+                                            <th>
+                                                <img class="img-circle img-responsive"
+                                                     src="assets/images/misc/user6.jpeg" alt="avatar">
+                                            </th>
+                                            <th>
+                                                <h4>Lisa Simpson</h4>
+                                                <p>658 comments</p>
+                                            </th>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="row" id="profile-inbox">
+                                <h3>Inbox</h3>
+                                <div class="col-sm-10 col-sm-offset-1 prf-tables">
+                                    <table class="table">
+                                        <thead>
+                                        <tr>
+                                            <th>Date</th>
+                                            <th>Subject</th>
+                                            <th>Sender</th>
+                                        </tr>
+                                        </thead>
+                                        <tbody>
+                                            <tr>
+                                                <td>2016-05-01</td>
+                                                <td>Great Solution!1</td>
+                                                <td>The Dude</td>
+                                            </tr>
+                                            <tr>
+                                                <td>2016-04-05</td>
+                                                <td>Woah look at this</td>
+                                                <td>Lady Lips</td>
+                                            </tr>
+                                            <tr>
+                                                <td>2016-02-30</td>
+                                                <td>I don't get this, help!</td>
+                                                <td>The Dude</td>
+                                            </tr>
+                                            <tr>
+                                                <td>2016-01-15</td>
+                                                <td>I solved your problem</td>
+                                                <td>Lisa</td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="row" id="profile-comments">
+                                <h3>Comment History</h3>
+                                <div class="col-sm-10 col-sm-offset-1 prf-tables">
+                                <table class="table">
+                                    <thead>
+                                    <tr>
+                                        <th>Date</th>
+                                        <th>Comment</th>
+                                        <th>Exam</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    <tr>
+                                        <td>2016-05-01</td>
+                                        <td>Use BFS! Not DFS!</td>
+                                        <td>CSC148 > Winter 2014</td>
+                                    </tr>
+                                    <tr>
+                                        <td>2016-04-05</td>
+                                        <td>Use a heap!</td>
+                                        <td>CSC263 > Fall 2015</td>
+                                    </tr>
+                                    <tr>
+                                        <td>2016-02-30</td>
+                                        <td>I love python!</td>
+                                        <td>CSC108 > Winter 2015</td>
+                                    </tr>
+                                    <tr>
+                                        <td>2016-01-15</td>
+                                        <td>I hate verilog!</td>
+                                        <td>CSC258 > Fall 2015</td>
+                                    </tr>
+                                    </tbody>
+
+                                </table>
+                                </div>
+                            </div>
+
+                            <!-- Date, Edit, Logout (new row) -->
+                            <div class="col-md-12 prf-sign-off">
+                                <p class=" text-info"> July 4 2016 </p>
+                                <a href="#">Edit Profile</a>
+                                <a href="#">Logout</a>
+                                <br>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+</main>
\ No newline at end of file
-- 
cgit v1.2.3