backend/proctor/page_about.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Proctor - by Creligent </title>
<link href="favicon1.ico" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="css/lib/bootstrap/bootstrap.css" />
<link rel="stylesheet" href="css/lib/perfectscrollbar/perfect-scrollbar.css" />
<link rel="stylesheet" href="css/lib/font-awesome/font-awesome.min.css">
<link rel="stylesheet" href="css/lib/ionicons/ionicons.min.css">
<link rel="stylesheet" href="css/styles.css" id="theme-css" />
</head>
<body>
<section class="page-header-section" style="background: url('images/about.2.jpg');">
<nav class="navbar navbar-default navbar-transparent-dark navbar-white">
<div class="container" id="nav-container">
<div class="navbar-header">
<button class="navbar-toggle" data-target="#top-navbar" data-toggle="collapse" type="button">
<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 logo" href="#">
<img src="images/logo_white.fw.png" alt="App logo" width="175">
</a>
</div>
<div class="collapse navbar-collapse" id="top-navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="page_home.html">Features</a></li>
<li><a href="page_pricing.html">Pricing</a></li>
<li class="active"><a href="page_about.html">About Us</a></li>
<li><a href="page_contact.html">Contact Us</a></li>
<li><a href="app_login.html"><strong>Sign in</strong></a></li>
</ul>
</div>
</div>
</nav>
<div class="container container-padded text-white">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h2>Get to know Proctor</h2>
<p class="lead">We believe that how you see something is just as important as what you see.</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container container-padded">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body panel-body-lg">
<div class="panel-desc">About Proctor</div>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<hr class="small">
<div class="panel-body panel-body-lg">
<div class="panel-desc">Who we are</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
</div>
<hr class="small">
<div class="panel-body panel-body-lg">
<div class="panel-desc">
Come join us
</div>
<p>The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<a href="#">See current openings</a>
</div>
</div>
</div>
<div class="col-md-6 text-center">
<div class="panel panel-plain">
<div class="panel-body">
<div class="row m-bot25">
<div class="col-xs-6 col-sm-6">
<img src="images/56.jpg" alt="team-member-1" class="member-img m-bot5">
<br>
<p><strong>James Connor</strong>, CEO</p>
<ul class="list-inline m-bot0">
<li><a><i class="fa fa-twitter"></i></a></li>
<li><a><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-6">
<img src="images/59.jpg" alt="team-member-2" class="member-img m-bot5">
<br>
<p><strong>Red Chief</strong>, Developer</p>
<ul class="list-inline m-bot0">
<li><a><i class="fa fa-linkedin"></i></a></li>
<li><a><i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6">
<img src="images/87.jpg" alt="team-member-3" class="member-img m-bot5">
<br>
<p><strong>Blue Moon</strong>, Designer</p>
<ul class="list-inline m-bot0">
<li><a><i class="fa fa-linkedin"></i></a></li>
<li><a><i class="fa fa-dribbble"></i></a></li>
<li><a><i class="fa fa-github"></i></a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-6">
<img src="images/21.jpg" alt="team-member-3" class="member-img m-bot5">
<br>
<p><strong>Regina Hanson</strong>, Designer</p>
<ul class="list-inline m-bot0">
<li><a><i class="fa fa-linkedin"></i></a></li>
<li><a><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="list-inline">
<li><a href="#">About Us</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Blog</a></li>
</ul>
<ul class="list-inline">
<li><small>&copy; Proctor by Creligent</small></li>
<li><small><a href="#">Privacy</a></small></li>
<li><small><a href="#">Security</a></small></li>
<li><small><a href="#">Terms of use</a></small></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="js/lib/jquery/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/lib/bootstrap/bootstrap.min.js" type="text/javascript"></script>
<script src="js/pages/front_end.js" type="text/javascript"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-45950338-1', 'creligent.com');
  ga('send', 'pageview');

</script></body>
</html>