aboutsummaryrefslogtreecommitdiff
path: root/views/user_profile_alt.hbs
diff options
context:
space:
mode:
Diffstat (limited to 'views/user_profile_alt.hbs')
-rw-r--r--views/user_profile_alt.hbs251
1 files changed, 251 insertions, 0 deletions
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