aboutsummaryrefslogtreecommitdiff
path: root/user_profile_alt.html
diff options
context:
space:
mode:
Diffstat (limited to 'user_profile_alt.html')
-rw-r--r--user_profile_alt.html466
1 files changed, 0 insertions, 466 deletions
diff --git a/user_profile_alt.html b/user_profile_alt.html
deleted file mode 100644
index 960212a..0000000
--- a/user_profile_alt.html
+++ /dev/null
@@ -1,466 +0,0 @@
-<!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>
- <script src="assets/js/script.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">Solutions.Repo</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_alt.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="exams.html">CSC108</a></li>
- <li><a href="exams.html">CSC148</a></li>
- <li><a href="exams.html">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="#" data-toggle="modal" data-target=".login-window">Log In</a></li>
- <li><a href="#" data-toggle="modal" data-target=".registration-window">Sign up</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Links <span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a tabindex="-1" href="user_solutions.html">Solutions Page</a></li>
- <li><a href="user_profile_alt.html">Profile Page</a></li>
- <li><a href="questions.html">Questions Page</a></li>
- <li><a href="exams.html">Exams Pages</a></li>
- </ul>
-
- </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">
- <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>
-
-<footer>
- <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.html">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>
-
- <!-- POP UP WINDOW FOR LOGIN -->
- <article class="modal fade login-window">
- <div class="modal-dialog">
- <div class="modal-content">
-
- <section class="modal-header">
- <button type="button" class="close" data-dismiss="modal">&times;</button>
- <h4 class="modal-title">Log In</h4>
- </section>
-
- <section class="modal-body">
- <form role="form">
- <div class="form-group">
- <input type="text" class="form-control" placeholder="Username">
- </div>
- <div class="form-group">
- <input type="password" class="form-control" placeholder="Password">
- </div>
- </form>
- </section>
-
- <div class="modal-footer">
- <button class="btn">Submit</button>
- </div>
-
- </div>
- </div>
- </article>
-
- <!-- POP UP WINDOW FOR REGISTRATION -->
- <article class="modal fade registration-window">
- <div class="modal-dialog">
- <div class="modal-content">
-
- <section class="modal-header">
- <button type="button" class="close" data-dismiss="modal">&times;</button>
- <h4 class="modal-title">Sign Up</h4>
- </section>
-
- <section class="modal-body">
- <form role="form">
- <div class="form-group">
- <input type="text" class="form-control" placeholder="First Name">
- </div>
-
- <div class="form-group">
- <input type="text" class="form-control" placeholder="Last Name">
- </div>
-
- <div class="form-group">
- <input type="email" class="form-control" placeholder="Email">
- </div>
-
- <div class="form-group">
- <input type="email" class="form-control" placeholder="New Username">
- </div>
- <div class="form-group">
- <input type="password" class="form-control" placeholder="New Password">
- </div>
-
- <div class="form-group">
- <input type="text" class="form-control" placeholder="University (optional)">
- </div>
-
- <div class="form-group">
- <input type="text" class="form-control" placeholder="Department (optional)">
- </div>
-
- </form>
- </section>
-
- <div class="modal-footer">
- <button class="btn">Submit</button>
- </div>
-
- </div>
- </div>
- </article>
-
-<script>
- $(document).ready(function() {
-
- $(".dropdown").hover(function(){
- $(".dropdown-toggle", this).trigger("click");
- });
-
- $(".dropdown-toggle").click(function() {
- $(this).next(".dropdown-menu").fadeToggle(200);
- });
-
- // 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