<!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>␊ |