diff options
| author | kumar <kumar.damani@mail.utoronto.ca> | 2016-07-11 22:05:49 +0000 |
|---|---|---|
| committer | kumar <kumar.damani@mail.utoronto.ca> | 2016-07-11 22:05:49 +0000 |
| commit | e86e66f1f68d491cf6569e1c4d0cb7119239e0e9 (patch) | |
| tree | dfd6d56fe2fd437a4cb194171998209b3f3aac52 | |
| parent | 0378bb5c25ecb9d7e2548fbe67b1df2d092042e5 (diff) | |
pages bootstraped and alternate profile pages added
| -rw-r--r-- | user_profile_alt.html | 286 |
1 files changed, 286 insertions, 0 deletions
diff --git a/user_profile_alt.html b/user_profile_alt.html new file mode 100644 index 0000000..aea99d6 --- /dev/null +++ b/user_profile_alt.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Solutions Repo</title> + + <!--ORDER IS IMPORTANT DO NOT SHIFT--> + + <!--Custom CSS Files--> + <link href="assets/css/style.css" rel="stylesheet" type="text/css"> + + <!--Bootstrap File--> + <link rel="stylesheet" href="assets/css/bootstrap.min.css"> + <link rel="stylesheet" href="assets/css/creative.css"> + + <!--Fonts--> + <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> + <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> + + <!--JS--> + <script src="assets/js/jquery-2.2.4.min.js"></script> + <script src="assets/js/bootstrap.min.js"></script> +</head> +<body> + + <nav id="mainNav" class="navbar navbar-default navbar-fixed-top" > + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" + data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span> <span + class="icon-bar"></span> <span class="icon-bar"></span> <span + class="icon-bar"></span> + </button> + <a class="navbar-brand page-scroll" href="index.html"> ENTER OUR NAME HERE</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" + id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li><a href="user_solutions.html">Solutions Page</a></li> + <li><a href="user_profile.html">Profile Page</a></li> + <li><a href="questions.html">Questions Page</a></li> + <li><a href="exams.html">Exams Pages</a></li> + + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Courses <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li class="dropdown-submenu"> + <a tabindex="-1" href="#">First Year<i class="fa fa-chevron-right"></i></a> + <ul class="dropdown-menu"> + <li><a tabindex="-1" href="#">CSC108</a></li> + <li><a href="#">CSC148</a></li> + <li><a href="#">CSC165</a></li> + </ul> + </li> + <li><a href="#">Second Year</a></li> + <li><a href="#">Third Year</a></li> + <li><a href="#">Fourth Year</a></li> + </ul> + </li> + <li><a href="#">Register</a></li> + <li><a href="#">Log In</a></li> + + <!--<li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> –>--> + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container-fluid --> +</nav> + +<main id="solutions-main"> + <!--made the id in to a class--> + + <!--<div class="container"> + <div class="row"> + <section id="user-profile-content" class="col-md-1"> + <section id="user-menu-container"> + <section id="user-menu"> + <div id="user-avatar"> + <img src="assets/images/avatar.png" alt="avatar"> + </div> + <div id="user-photo-edit"> + <button class="menu-button menu-button-first menu-button-last" + id="bt-edit-photo">Edit Photo</button> + </div> + <div id="user-options"> + <button class="menu-button-first" id="bt-general">General info</button> + <button class="menu-button" id="bt-follows">Follows</button> + <button class="menu-button" id="bt-friends">Friends</button> + <button class="menu-button" id="bt-inbox">Inbox</button> + <button class="menu-button-last" id="bt-history">Comment History</button> + </div> + </section> + + </section> + <section id="user-info-container" class="col-md-11"> + + <div id="user-info"> + <div id="user-name"> + <h1>Walter White</h1> + </div> + + <div id="user-content"> + <h2>Account info:</h2> + <p><em>Username:</em><span id="edit-name">theSmith1985</span></p> + + <p><em>e-mail:</em><span id="edit-email">smithy@gmail.com</span></p> + <h2>Personal Info: </h2> + <p><em>First name:</em><span id="edit-fname">Walter</span></p> + <p><em>Last name:</em><span id="edit-lname">White</span></p> + <p><em>University:</em><span id="edit-uni">University of Toronto</span></p> + <p><em>Campus:</em><span id="edit-camp">St. George</span></p> + <p><em>Program:</em><span id="edit-prog">Computer Science</span></p> + <p><em>Age:</em><span id="edit-age">50</span></p> + </div> + <button class="edit-button" style="vertical-align:middle"><span>Edit Personal Info </span></button> + </div> + </section> + </section> + + </div> + + </div>--> + + <!-- <div class="container"> + <div class="row" style="width: 60%; padding-left: 15%; padding-right: 15%"> + <div class="col-md-3"> + <img src="assets/images/avatar.png" alt="avatar"> + <div class="btn-group-vertical"> + <button type="button" class="btn btn-primary">Edit Photo</button> + <button type="button" class="btn btn-primary">General info</button> + <button type="button" class="btn btn-primary">Follows</button> + <button type="button" class="btn btn-primary">Friends</button> + <button type="button" class="btn btn-primary">Inbox</button> + <button type="button" class="btn btn-primary">Comment History</button> + </div> + </div> + <div class="col-lg-9"> + + <!– <h1>Walter White</h1> + <h2>Account info:</h2> + + <p><em>Username:</em><span id="edit-name">theSmith1985</span></p> + + <p><em>e-mail:</em><span id="edit-email">smithy@gmail.com</span></p> + <h2>Personal Info: </h2> + <p><em>First name:</em><span id="edit-fname">Walter</span></p> + <p><em>Last name:</em><span id="edit-lname">White</span></p> + <p><em>University:</em><span id="edit-uni">University of Toronto</span></p> + <p><em>Campus:</em><span id="edit-camp">St. George</span></p> + <p><em>Program:</em><span id="edit-prog">Computer Science</span></p> + <p><em>Age:</em><span id="edit-age">50</span></p> + + <button class="edit-button" style="vertical-align:middle"><span>Edit Personal Info </span></button> +–> + + </div> + + </div> + + </div>--> + + <div class="container"> + <div class="row"> + <div class="col-md-5 toppad pull-right col-md-offset-3 "> + <a href="#">Edit Profile</a> + <a href="#">Logout</a> + <br> + <p class=" text-info"> July 4 2016 </p> + </div> + <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" > + + <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"> + <div class="row"> + <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> + + + <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> + <td>Phone Number:</td> + <td>111-111-1111(Mobile) + </td> + + </tr> + + </tbody> + </table> + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + + + +</main> + + <footer> + <!--<div id="footer-container" class="container-fluid">--> + <!--<nav>--> + <!--<a href="#">Contact</a>--> + <!--<a href="#">About Us</a>--> + <!--<a href="#">Terms of Use</a>--> + <!--</nav>--> + <!--<h6>Copyright 2016</h6>--> + <!--</div>--> + <div class="navbar navbar-default navbar-fixed-bottom"> + <div class="container-fluid"> + <div class="navbar-collapse collapse" id="footer-body"> + <ul class="nav navbar-nav"> + <li><a href="#">About Us</a></li> + <li><a href="#">Contact Us</a></li> + <li><a href="#">Terms & Conditions</a></li> + <li><a href="#">Privacy Policy</a></li> + </ul> + </div> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#footer-body"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + </div> + + </div> + </div> + </footer> + + <script> + $(document).ready(function() { + + // For the Second level Dropdown menu, highlight the parent + $( ".dropdown-menu" ) + .mouseenter(function() { + $(this).parent('li').addClass('active'); + }) + .mouseleave(function() { + $(this).parent('li').removeClass('active'); + }); + + }); + </script> + +</body> +</html>
\ No newline at end of file |