| <!doctype html>␊ |
| ␊ |
| <!DOCTYPE html>␊ |
| <html lang="en">␊ |
| <head>␊ |
| ␉<meta charset="UTF-8">␊ |
| ␉<title>Mentconnect Inc</title>␊ |
| ␉<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>␊ |
| ␉{{HTML::style('css/mentconnect.css')}}␊ |
| <meta charset="utf-8">␊ |
| <!-- This file has been downloaded from Bootsnipp.com. Enjoy! -->␊ |
| <title>User Profile - Mentconnect</title>␊ |
| <meta name="viewport" content="width=device-width, initial-scale=1">␊ |
| <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">␊ |
| {{HTML::style('css/userprofile.css')}}␊ |
| <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>␊ |
| <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>␊ |
| </head>␊ |
| <body>␊ |
| ␉<header id="cta" class="background-showcase">␊ |
| ␉␉<div id="nv" class="navbar">␊ |
| ␉␉␉<div class="container">␊ |
| ␉␉␉␉<a class="navbar-brand" href="/">␊ |
| ␉␉␉␉␉<div class="asset logo-white-header">␊ |
| ␉␉␉␉␉␉{{ HTML::image("images/mentconnect.png", "editor", array("width" => "130px", "height" => "44px")) }}␊ |
| ␉␉␉␉␉</div>␊ |
| ␉␉␉␉</a>␊ |
| ␉␉␉␉<ul class=" nav navbar-nav pull-right">␊ |
| ␉␉␉␉␉<li class>␊ |
| ␉␉␉␉␉␉{{HTML::link('partners', 'Partners') }}␊ |
| ␉␉␉␉␉</li>␊ |
| ␉␉␉␉␉<li class>␊ |
| ␉␉␉␉␉␉{{HTML::link('blog', 'Blog') }}␊ |
| ␉␉␉␉␉</li>␊ |
| ␉␉␉␉␉<li class="button">␊ |
| ␉␉␉␉␉␉{{HTML::link('login', 'Sign In') }}␊ |
| ␉␉␉␉␉</li>␊ |
| ␉␉␉␉</ul>␊ |
| ␉␉␉</div>␊ |
| ␉␉</div>␊ |
| ␉</header>␊ |
| ␊ |
| ␉<div id="signup-content">␊ |
| ␉␉{{ Form::open(array('url' => 'users/store', 'class' => 'form-horizontal')) }}␊ |
| <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">␊ |
| <nav class="navbar navbar-inverse container" role="navigation">␊ |
| <div class="container-fluid">␊ |
| <!-- Brand and toggle get grouped for better mobile display -->␊ |
| <div class="navbar-header">␊ |
| <button type="button" class="navbar-toggle" 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" href="#">Mentconnect</a>␊ |
| </div>␊ |
| ␊ |
| ␉␉<div class="container padded">␊ |
| ␉␉␉<div class="container">␊ |
| ␉␉␉␉<legend><h2>Complete Your Registration</h2></legend>␊ |
| ␉␉␉</div>␊ |
| ␉␉␊ |
| ␉␉␉<div class="row">␊ |
| ␉␉␉␉<div class="col-lg-3 col-lg-offset-1">␊ |
| ␉␉␉<h3>Be part of the change!</h3>␊ |
| ␉␉␉<p>Learn from experts who care to share. When you are ready, be free to give back by sharing your skills with others.</p>␊ |
| ␉␉ ␊ |
| ␉␉</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 class="dropdown">␊ |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Welcome... {{ $user->first }}<b class="caret"></b></a>␊ |
| <ul class="dropdown-menu">␊ |
| <li align="center" class="well">␊ |
| {{HTML::image('/'.$user->photo, 'profile', array('class' => 'img-responsive'))}}<a class="change" href="">Change Picture</a></div>␊ |
| </li>␊ |
| </ul>␊ |
| </li>␊ |
| </ul>␊ |
| </div><!-- /.navbar-collapse -->␊ |
| </div><!-- /.container-fluid -->␊ |
| </nav>␊ |
| ␊ |
| ␉␉␉␉<div class="col-lg-8">␊ |
| ␉␉␊ |
| ␉ ␉␉␉<div class="form-group">␊ |
| ␉␉␉␉ <label for="first">First Name</label>␊ |
| ␉␉␉␉ {{Form::text('first', $user->first, array('class' => 'form-control form-control-bordered', 'tabindex' => '1'))}} <span class="pull-right">{{$errors->first('first')}}</span>␊ |
| ␉␉␉␉ </div>␊ |
| ␉ ␉␉␉<div class="form-group">␊ |
| ␉ ␊ |
| ␉ ␉␉␉<label for="last">Last Name</label>␊ |
| ␉ ␉␉␉{{ Form::text('last', $user->last, array('class' => 'form-control form-control-bordered', 'tabindex' => '2')) }} <span class="pull-right"> {{$errors->first('last')}}</span>␊ |
| ␉ ␉␉␉</div>␊ |
| ␉ ␉␉␉<div class="form-group">␊ |
| ␉ ␊ |
| ␉ ␉␉␉<label for="email">Email</label>␊ |
| ␉ ␉␉␉{{ Form::email('email', $user->email, array('class' => 'form-control form-control-bordered', ␊ |
| ␉ ␉␉␉'tabindex' => '3')) }}<span class="pull-right"> {{$errors->first('email') }}</span>␊ |
| ␉ ␉␉␉</div>␊ |
| ␊ |
| ␉ ␉␉␉<div class="row" id="signup-bottom-row">␊ |
| ␉␉␉ <div class="col-lg-3">␊ |
| ␉␉␉ {{Form::submit('Complete My Profile!', array('class' => 'btn btn-success btn-large submit-button'))}}␊ |
| ␉␉␉ <br /><br />␊ |
| ␉␉␉ </div>␊ |
| ␉␉␉ <div class="col-lg-5">␊ |
| ␉␉␉ By clicking "Sign Me Up" you agree to our␊ |
| ␉␉␉ {{HTML::link('tos', 'Terms of Service') }} and {{HTML::link('privacy', 'Privacy Policy.')}}␊ |
| ␉␉␉ ␊ |
| ␉␉␉ </div>␊ |
| ␉␉␉</div>␊ |
| ␉␉</div>␊ |
| ␉␉␉</div>␉␊ |
| ␉␉</div>␊ |
| ␉␉{{ Form::close() }}␊ |
| ␉</div>␊ |
| <div class="container">␊ |
| <div class="row well">␊ |
| <div class="col-md-2">␊ |
| <ul class="nav nav-pills nav-stacked well">␊ |
| <li class="active"><a href="#"><i class="fa fa-envelope"></i> Compose</a></li>␊ |
| <li><a href="#"><i class="fa fa-home"></i> Home</a></li>␊ |
| <li><a href="#"><i class="fa fa-user"></i> Profile</a></li>␊ |
| <li><a href="#"><i class="fa fa-key"></i> Security</a></li>␊ |
| <li><a href="#"><i class="fa fa-sign-out"></i> Logout</a></li>␊ |
| </ul>␊ |
| </div>␊ |
| <div class="col-md-10">␊ |
| <div class="panel">␊ |
| @if(!empty($user->photo))␊ |
| {{HTML::image('/'.$user->photo, 'profile', array('class' => 'pic img-circle'))}}␊ |
| @endif␊ |
| <div class="name"><small>Hello, {{$user->first }}</small></div>␊ |
| <a href="#" class="btn btn-xs btn-primary pull-right" style="margin:10px;"><span class="glyphicon glyphicon-picture"></span> Change cover</a>␊ |
| </div>␊ |
| ␊ |
| <br><br><br>␊ |
| <ul class="nav nav-tabs" id="myTab">␊ |
| <li class="active"><a href="#inbox" data-toggle="tab"><i class="fa fa-envelope-o"></i> Inbox</a></li>␊ |
| <li><a href="#sent" data-toggle="tab"><i class="fa fa-reply-all"></i> Sent</a></li>␊ |
| <li><a href="#assignment" data-toggle="tab"><i class="fa fa-file-text-o"></i> Assignment</a></li>␊ |
| <li><a href="#event" data-toggle="tab"><i class="fa fa-clock-o"></i> Mentor(s)</a></li>␊ |
| </ul>␊ |
| ␊ |
| <div class="tab-content">␊ |
| <div class="tab-pane active" id="inbox">␊ |
| <a type="button" data-toggle="collapse" data-target="#a1">␊ |
| <div class="btn-toolbar well well-sm" role="toolbar" style="margin:0px;">␊ |
| <div class="btn-group"><input type="checkbox"></div>␊ |
| <div class="btn-group col-md-3">{{$user->first}} {{ $user->last }}</div>␊ |
| <div class="btn-group col-md-8"><b>Hi Check this new Bootstrap plugin</b> <div class="pull-right"><i class="glyphicon glyphicon-time"></i> 12:10 PM <button class="btn btn-primary btn-xs" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-share-square-o"> Reply</i></button></div> </div>␊ |
| </div>␊ |
| </a>␊ |
| <div id="a1" class="collapse out well">This is the message body1</div>␊ |
| <br>␊ |
| <button class="btn btn-primary btn-xs"><i class="fa fa-check-square-o"></i> Delete Checked Item's</button>␊ |
| </div>␊ |
| ␊ |
| ␊ |
| <div class="tab-pane" id="sent">␊ |
| <a type="button" data-toggle="collapse" data-target="#s1">␊ |
| <div class="btn-toolbar well well-sm" role="toolbar" style="margin:0px;">␊ |
| <div class="btn-group"><input type="checkbox"></div>␊ |
| <div class="btn-group col-md-3">Kumar</div>␊ |
| <div class="btn-group col-md-8"><b>This is reply from Bootstrap plugin</b> <div class="pull-right"><i class="glyphicon glyphicon-time"></i> 12:30 AM</div> </div>␊ |
| </div>␊ |
| </a>␊ |
| <div id="s1" class="collapse out well">This is the message body1</div>␊ |
| <br>␊ |
| <button class="btn btn-primary btn-xs"><i class="fa fa-check-square-o"></i> Delete Checked Item's</button>␊ |
| </div>␊ |
| ␊ |
| ␊ |
| <div class="tab-pane" id="assignment">␊ |
| <a href=""><div class="well well-sm" style="margin:0px;">Open GL Assignments <span class="pull-right"><i class="glyphicon glyphicon-time"></i> 12:20 AM 20 Dec 2014 </span></div></a> ␊ |
| </div>␊ |
| ␊ |
| <div class="tab-pane" id="event">␊ |
| <div class="media">␊ |
| <a class="pull-left" href="#">␊ |
| <img class="media-object img-thumbnail" width="100" src="http://cfi-sinergia.epfl.ch/files/content/sites/cfi-sinergia/files/WORKSHOPS/Workshop1.jpg" alt="...">␊ |
| </a>␊ |
| <div class="media-body">␊ |
| <h4 class="media-heading">Animation Workshop</h4>␊ |
| 2Days animation workshop to be conducted␊ |
| </div>␊ |
| </div>␊ |
| </div>␊ |
| ␊ |
| ␊ |
| ␊ |
| </div>␊ |
| ␊ |
| ␉<div class="container padded"></div>␊ |
| ␉<div class="container"></div>␊ |
| ␉␊ |
| ␉<div id="sub-footer">␊ |
| ␉␉<div class="container">␊ |
| ␉␉␉<div class="row">␊ |
| ␉␉␉␉<div class="col-lg-4">␊ |
| ␉␉␉␉␉<p id="copyright-section">␊ |
| ␉␉␉␉␉␉Copyright © 2014. Mentconnect Inc. All Rights Reserved.␊ |
| ␉␉␉␉␉</p>␊ |
| ␉␉␉␉</div>␊ |
| </div>␊ |
| </div>␊ |
| ␊ |
| ␊ |
| </div>␊ |
| ␊ |
| ␉␉␉␉<div class="col-lg-4">␊ |
| ␉␉␉␉␉␊ |
| ␉␉␉␉</div>␊ |
| <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">␊ |
| <div class="modal-dialog modal-lg">␊ |
| <div class="modal-content"><br/><br/>␊ |
| <form class="form-horizontal">␊ |
| <fieldset>␊ |
| <!-- Text input-->␊ |
| <div class="form-group">␊ |
| <label class="col-md-2 control-label" for="body">Body :</label> ␊ |
| <div class="col-md-8">␊ |
| <input id="body" name="body" type="text" placeholder="Message Body" class="form-control input-md">␊ |
| ␊ |
| </div>␊ |
| </div>␊ |
| ␊ |
| <!-- Textarea -->␊ |
| <div class="form-group">␊ |
| <label class="col-md-2 control-label" for="message">Message :</label>␊ |
| <div class="col-md-8"> ␊ |
| <textarea class="form-control" id="message" name="message"></textarea>␊ |
| </div>␊ |
| </div>␊ |
| ␊ |
| <!-- Button -->␊ |
| <div class="form-group">␊ |
| <label class="col-md-2 control-label" for="send"></label>␊ |
| <div class="col-md-8">␊ |
| <button id="send" name="send" class="btn btn-primary">Send</button>␊ |
| </div>␊ |
| </div>␊ |
| ␊ |
| </fieldset>␊ |
| </form>␊ |
| ␊ |
| ␉␉␉␉<div class="col-lg-4">␊ |
| ␉␉␉␉␉<p id="love">␊ |
| ␉␉␉␉␉␉Built With Laravel + Bootstrap Frameworks by Elisha Chirchir.␊ |
| ␉␉␉␉␉</p>␊ |
| ␉␉␉␉</div>␊ |
| ␉␉␉</div>␊ |
| ␉␉</div>␊ |
| ␉</div>␊ |
| </div>␊ |
| </div>␊ |
| </div><script type="text/javascript">␊ |
| $(function () {␊ |
| $('#myTab a:last').tab('show')␊ |
| })␊ |
| ␊ |
| </script>␊ |
| </body>␊ |
| </html> |
| </html>␊ |