<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TheResilienceCheckIn</title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/main.css">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
	<script type="text/javascript" src="js/jquery.main.js" defer></script>
</head>
<body>
	<div id="wrapper">
		<header id="header" class="clearfix">
			<div class="logo">
				<a href="#">
					<img src="images/logo.png" height="33" width="29" alt="r">
				</a>
			</div>
			<nav class="nav-area js-nav-block text-uppercase clearfix">
				<a href="#" class="nav-opener hidden-lg hidden-md"><span class="hidden-md hidden-sm hidden-lg">menu</span></a>
				<div class="nav-holder clearfix">
					<div class="nav-frame clearfix">
						<div class="slide-holder">
							<div class="slide-frame">
								<div class="slide-content">
									<a href="#" class="nav-close"><i class="icon-delete"></i></a>
									<ul id="target-menu" class="list-unstyled"></ul>
									<ul class="social-networks list-unstyled list-inline">
										<li><a href="#"><i class="icon-linkedin"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="nav-block js-nav-holder" data-sub-nav="#target-menu">
							<ul id="nav" class="list-unstyled js-nav">
								<li class="active"><a href="#">Home</a></li>
								<li><a href="#">Resources</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Make a booking</a></li>
								<li><a href="#">About John</a></li>
								<li><a href="#">FAQ</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</header>
		<section class="banner clearfix">
			<div class="image">
				<div class="img-holder">
					<div class="img-frame">
						<picture>
							<!--[if IE 9]><video style="display: none;"><![endif]-->
							<source srcset="images/img01-small.jpg, images/img01-small@2x.jpg 2x" media="(max-width: 767px)">
							<source srcset="images/img01-medium.jpg, images/img01-medium@2x.jpg 2x" media="(max-width: 1024px)">
							<source srcset="images/img01-large.jpg, images/img01-large@2x.jpg 2x">
							<!--[if IE 9]></video><![endif]-->
							<img src="images/img01-large.jpg" alt="image description">
						</picture>
					</div>
				</div>
			</div>
			<div class="caption-holder">
				<div class="caption-frame">
					<div class="caption container">
						<div class="resilience-logo">
							<a href="#">
								<img src="images/resilience-logo.png" height="109" width="252" alt="the resilience check in">
							</a>
						</div>
						<h1 class="separator">
							<span>Enhancing</span>Resilience for <span>Individuals &amp;</span> Organisations
						</h1>
					</div>
				</div>
			</div>
		</section>
		<main id="main" role="main">
			<div class="container">
				<div class="block clearfix">
					<div class="row intro">
						<div class="col-sm-6 col-md-5 col-lg-4 booked-area">
							<strong class="title"><i>The Resilience Check In</i> exists to enhance the natural human ability to thrive when faced with complexity, change, threat and opportunity.</strong>
							<p>Your one-on-one consultation with John will focus on identifying your Resilience Profile and guide you as you enhance your thriving skills, and assist you to develop your coping abilities to meet all the challenges of life.</p>
							<a href="#" class="btn btn-default"><span>Book your <br>Resilince Check-in</span></a>
							<div class="clearfix">
								<a href="#" class="btn btn-info text-uppercase">learn more</a>
							</div>
						</div>
						<div class="col-sm-6 col-md-7 col-lg-8 person">
							<div class="person-detail clearfix">
								<div class="image">
									<picture>
										<!--[if IE 9]><video style="display: none;"><![endif]-->
										<source srcset="images/img02-small.jpg, images/img02-small@2x.jpg 2x" media="(max-width: 767px)">
										<source srcset="images/img02-medium.jpg, images/img02-medium@2x.jpg 2x" media="(max-width: 1024px)">
										<source srcset="images/img02-large.jpg, images/img02-large@2x.jpg 2x">
										<!--[if IE 9]></video><![endif]-->
										<img src="images/img02-large.jpg" alt="image description">
									</picture>
								</div>
								<div class="name-holder">
									<strong class="name text-uppercase">John Fawcett</strong>
								</div>
							</div>
							<div class="title-info hidden-sm">
								<p>A really resilient person will not just re-bound but will jump higher and shout with joy, not just bend in the wind but spread their wings and fly, capturing all the energy of the storm to ride the updrafts, curve around the clouds and land, breathless but energised, on the other side.</p>
							</div>
						</div>
					</div>
					<div class="row video-block">
						<div class="col-sm-12 col-md-7 col-md-push-5">
							<div class="video">
								<a href="#">
									<img src="images/video-placeholder.jpg" height="480" width="800" alt="image description">
								</a>
							</div>
							<div class="video-detail">
								<strong class="title text-uppercase">Video</strong>
								<div class="detail">
									<strong class="name"><a href="#">John Fawcett</a></strong>
									<p>What is a resilience profile?</p>
									<span class="minutes">[ 2 minutes ]</span>
								</div>
							</div>
						</div>
						<div class="col-sm-6 col-md-5 col-md-pull-7">
							<div class="info-list">
								<strong class="title text-uppercase">What we do</strong>
								<ul class="list list-unstyled">
									<li><a href="#">The Resilience Check In</a></li>
									<li><a href="#">The Resilience Interview</a></li>
									<li><a href="#">Individual Coaching</a></li>
									<li>
										<a href="#">Organisational Staff <br>Support Services</a>
										<ul class="list-unstyled">
											<li><a href="#">Resilience Training and Workshops</a></li>
											<li><a href="#">Staff Support Capacity Building</a></li>
											<li><a href="#">Strategy review and development</a></li>
											<li><a href="#">Operational Planning</a></li>
											<li><a href="#">Program mentoring and coaching</a></li>
											<li><a href="#">Team Building and Team Coaching</a></li>
										</ul>
									</li>
									<li>
										<a href="#">Advisory Services</a>
										<ul class="list-unstyled">
											<li><a href="#">Resource identification</a></li>
											<li><a href="#">Networking</a></li>
											<li><a href="#">Research</a></li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
						<div class="title-info col-sm-5 hidden-xs hidden-md hidden-lg col-sm-offset-1">
							<p>A really resilient person will not just re-bound but will jump higher and shout with joy, not just bend in the wind but spread their wings and fly, capturing all the energy of the storm to ride the updrafts, curve around the clouds and land, breathless but energised, on the other side.</p>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-9 col-sm-offset-3 col-md-7 col-md-offset-5 col-lg-6 col-lg-offset-6">
							<div class="newsletter-holder">
								<form class="newsletter">
									<fieldset>
										<div class="title-holder">
											<strong class="title text-uppercase">newsletter</strong>
										</div>
										<div class="content-holder">
											<div class="holder">
												<h2>Want to learn more?</h2>
												<p>Sign up to receive updates when new resilience videos &amp; resources are published</p>
												<div class="input-holder">
													<input type="text" class="form-control" placeholder="First Name">
												</div>
												<div class="input-holder">
													<input type="text" class="form-control" placeholder="Last Name">
												</div>
												<div class="input-holder">
													<input type="email" class="form-control" placeholder="Email address">
												</div>
											</div>
											<button type="submit" class="btn btn-primary"><span>Sign Up</span></button>
										</div>
									</fieldset>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="resources-block">
					<div class="header clearfix">
						<h2>Latest<br> Resources</h2>
						<div class="link-holder">
							<a href="#" class="btn btn-more text-uppercase">See all resources</a>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="info-col clearfix">
								<div class="title-caption clearfix">
									<div class="time-holder text-uppercase">
										<time datetime="2016-02-24">24 February 2016</time>
									</div>
									<div class="image-caption">
										<div class="img-holder">
											<picture>
												<!--[if IE 9]><video style="display: none;"><![endif]-->
												<source srcset="images/img03-small.jpg, images/img03-small@2x.jpg 2x" media="(max-width: 767px)">
												<source srcset="images/img03-medium.jpg, images/img03-medium@2x.jpg 2x" media="(max-width: 1024px)">
												<source srcset="images/img03-large.jpg, images/img03-large@2x.jpg 2x">
												<!--[if IE 9]></video><![endif]-->
												<img src="images/img03-large.jpg" alt="image description">
											</picture>
										</div>
										<strong class="title text-uppercase text-center">definition of resilience</strong>
									</div>
								</div>
								<div class="detail">
									<h3><a href="#">My Definition Of Resilience</a></h3>
									<p>Dr. J. Galen Buckwalter discusses the basics of resilience as emphasized by psychological and brain research.</p>
									<a href="#" class="btn btn-info text-uppercase">Read more</a>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="info-col clearfix">
								<div class="title-caption clearfix">
									<div class="time-holder text-uppercase">
										<time datetime="2016-02-08">08 February 2016</time>
									</div>
									<div class="image-caption">
										<div class="img-holder">
											<picture>
												<!--[if IE 9]><video style="display: none;"><![endif]-->
												<source srcset="images/img04-small.jpg, images/img04-small@2x.jpg 2x" media="(max-width: 767px)">
												<source srcset="images/img04-medium.jpg, images/img04-medium@2x.jpg 2x" media="(max-width: 1024px)">
												<source srcset="images/img04-large.jpg, images/img04-large@2x.jpg 2x">
												<!--[if IE 9]></video><![endif]-->
												<img src="images/img04-large.jpg" alt="image description">
											</picture>
										</div>
										<strong class="title text-uppercase text-center">Relationships &amp; resilience</strong>
									</div>
								</div>
								<div class="detail">
									<h3><a href="#">Relationships and Humanitarian Work</a></h3>
									<p>Relational styles influence how we give and receive social support and also influence how we engage with conflict resolution...</p>
									<a href="#" class="btn btn-info text-uppercase">Read more</a>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="info-col clearfix">
								<div class="title-caption clearfix">
									<div class="time-holder text-uppercase">
										<time datetime="2016-01-13">13 January 2016</time>
									</div>
									<div class="image-caption">
										<div class="img-holder">
											<picture>
												<!--[if IE 9]><video style="display: none;"><![endif]-->
												<source srcset="images/img05-small.jpg, images/img05-small@2x.jpg 2x" media="(max-width: 767px)">
												<source srcset="images/img05-medium.jpg, images/img05-medium@2x.jpg 2x" media="(max-width: 1024px)">
												<source srcset="images/img05-large.jpg, images/img05-large@2x.jpg 2x">
												<!--[if IE 9]></video><![endif]-->
												<img src="images/img05-large.jpg" alt="image description">
											</picture>
										</div>
										<strong class="title text-uppercase text-center">Humanitarian Emergencies</strong>
									</div>
								</div>
								<div class="detail">
									<h3><a href="#">How to Get Good Sleep in a Disaster Response Context</a></h3>
									<p>In this video from Dr. Rick Williamson, he gives some helpful tips on how to approach sleep...</p>
									<a href="#" class="btn btn-info text-uppercase">Read more</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</main>
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-5 col-sm-push-6 col-md-push-7">
						<div class="contact-info">
							<strong class="title text-uppercase"><span>Contact</span></strong>
							<ul class="list-unstyled">
								<li>skype:<a href="#">johnfawcett</a></li>
								<li><a href="mailto:&#106;&#111;&#104;&#110;&#064;&#114;&#101;&#115;&#105;&#108;&#105;&#101;&#110;&#099;&#101;&#099;&#104;&#101;&#099;&#107;&#105;&#110;&#046;&#099;&#111;&#109;">&#106;&#111;&#104;&#110;&#064;&#114;&#101;&#115;&#105;&#108;&#105;&#101;&#110;&#099;&#101;&#099;&#104;&#101;&#099;&#107;&#105;&#110;&#046;&#099;&#111;&#109;</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-6 col-md-7 col-sm-pull-6 col-md-pull-5">
						<ul class="logos-info list-unstyled clearfix">
							<li>
								<div class="logo-holder">
									<a href="#"><img src="images/logo.png" height="33" width="29" alt="r"></a>
								</div>
								<div class="holder">
									<p>&copy; 2016 <a href="#">The Resilience Check-in</a> <br>by <a href="#">John Fawcett</a></p>
								</div>
							</li>
							<li>
								<div class="logo-holder">
									<a href="#"><img src="images/vo2-logo.png" height="32" width="69" alt="vo2"></a>
								</div>
								<div class="holder">
									<p>Web <br>Design</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
	</div>
</body>
</html>