diff options
Diffstat (limited to 'views/user_profile_alt.hbs')
| -rw-r--r-- | views/user_profile_alt.hbs | 251 |
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 |
