aboutsummaryrefslogtreecommitdiff
path: root/user_profile_alt.html
diff options
context:
space:
mode:
authorkumar <kumar.damani@mail.utoronto.ca>2016-07-11 22:05:49 +0000
committerkumar <kumar.damani@mail.utoronto.ca>2016-07-11 22:05:49 +0000
commite86e66f1f68d491cf6569e1c4d0cb7119239e0e9 (patch)
treedfd6d56fe2fd437a4cb194171998209b3f3aac52 /user_profile_alt.html
parent0378bb5c25ecb9d7e2548fbe67b1df2d092042e5 (diff)
pages bootstraped and alternate profile pages added
Diffstat (limited to 'user_profile_alt.html')
-rw-r--r--user_profile_alt.html286
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> &ndash;&gt;-->
+ </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">
+
+ &lt;!&ndash; <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>
+&ndash;&gt;
+
+ </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 &amp; 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
generated by cgit v1.2.3 (git 2.25.1) at 2026-08-02 10:33:02 +0000