pheXion/gist:8011270

## gistfile1
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="description" content="Fluid IT Solutions for Modern Organizations" />
	<meta name="keywords" content="keywords, separated, by, comma" />
	<title>FluidIT solutions</title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/main.css" />

	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>


</head>


<body>

	<div class="container">
		<header>
			<div class="header">
				<img class="logo" src="img/logo.png" alt="FluidID Logo">
			</div>
		</header>

		<section>

			<div class="promote">
				<ul class="promote-icons">
					<li>
					<i class="glyph-icon flaticon-olive"></i><div class="glyph-text">Showcase Ontario Merit Award</div></li>
					<li><i class="glyph-icon flaticon-medal2"></i><div class="glyph-text">Award-winning online application form</div></li>
					<li><i class="glyph-icon flaticon-thumb34"></i><div class="glyph-text">Tripling the website traffic of a $1 billion US firm</p></li>
					<li><i class="glyph-icon flaticon-person283"></i><div class="glyph-text">Peace conferences speaker and vlogger</div></li>
				</ul>
			</div>

		</section>

		<section class="main clearfix">
			<nav>
				<ul>

					<!-- About box -->
					<li class="box about-image nav-click">
						<div id="about-bg"></div>
						<div class="nav-text nav-about">
							<h2>About FluidIT Solutions</h2>
						</div>
					</li>

					<!-- Learn about Carole box -->
					<li class="box learn-image nav-click">
						<div id="learn-bg"></div>
						<div class="nav-text nav-learn">
							<h2>Learn more about Carole St. Laurent</h2>
						</div>
					</li>

					<!-- Follow Us Box -->
					<li class="box social">
						<div class="nav-social">
							<h2>Follow Us</h2>
							<p>on social networks:</p>
							<div class="social-icons">
								<a href="#"><i class="social-icon flaticon-facebook29"></i></a>
								<a href="#"><i class="social-icon flaticon-twitter14"></i></a>
							</div>
						</div>
					</li>

					<li><?php include "about.php" ?></li
					<li><?php include "learn.php" ?></li>

					<!-- Portfolio box -->
					<li class="box portfolio-image nav-click">
						<div id="portfolio-bg"></div>
						<div class="nav-text nav-portfolio">
							<h2>Portfolio</h2>
						</div>
					</li>

					<!-- Testimonials box -->
					<li class="box nav-testimonials">
						<div class="quote">
							<blockquote>“You’re the best implementer I’ve ever worked with.”</blockquote>
							<cite>Alex Sirota</cite>, Team Lead,<p>Information Management, Ontario Ministry of Research and Innovation</p>
							<a href="#" class="more">See more on LinkedIn</a>
						</div>
					</li>

					<li><?php include "portfolio.php" ?></li>

					<!-- Mission box -->
					<div class="box nav-mission">
						<blockquote>
							<p>You know your <span class="bold">mission</span>.</p>
							<p>We know <span class="bold">technology</span>.</p>
							<p>Together, we can make</p>
							<p>a bigger <span class="bold">difference</span>.</p>
						</blockquote>
					</div>

					<!-- ICTs for Development box -->
					<li class="box ict-image nav-click">
						<div id="ict-bg"></div>
						<div class="nav-text nav-ict">
							<h2>ICTs for Development</h2>
						</div>
					</li>

					<!-- ICTs for Development box -->
					<li class="box contact-image nav-click">
						<div id="contact-bg"></div>
						<div class="nav-text nav-contact">
							<h2>Contact Us</h2>
						</div>
					</li>


					<li><?php include "ict.php" ?></li>
					<li><?php include "contact.php" ?></li>


				</ul>
			</nav>
		</section>

		<footer class="footer">
			<p>Copyright © 2009-<?php echo date('Y');?> <span class="bold">FluidIT solutions</span></p>
		</footer>
	</div>


<script src="js/main.js"></script>

</body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="description" content="Fluid IT Solutions for Modern Organizations" />
	<meta name="keywords" content="keywords, separated, by, comma" />
	<title>FluidIT solutions</title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/main.css" />

	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>



	</head>


	<body>

	<div class="container">
	<header>
	<div class="header">
	<img class="logo" src="img/logo.png" alt="FluidID Logo">
	</div>
	</header>

	<section>

	<div class="promote">
	<ul class="promote-icons">
	<li>
	<i class="glyph-icon flaticon-olive"></i><div class="glyph-text">Showcase Ontario Merit Award</div></li>
	<li><i class="glyph-icon flaticon-medal2"></i><div class="glyph-text">Award-winning online application form</div></li>
	<li><i class="glyph-icon flaticon-thumb34"></i><div class="glyph-text">Tripling the website traffic of a $1 billion US firm</p></li>
	<li><i class="glyph-icon flaticon-person283"></i><div class="glyph-text">Peace conferences speaker and vlogger</div></li>
	</ul>
	</div>

	</section>

	<section class="main clearfix">
	<nav>
	<ul>

	<!-- About box -->
	<li class="box about-image nav-click">
	<div id="about-bg"></div>
	<div class="nav-text nav-about">
	<h2>About FluidIT Solutions</h2>
	</div>
	</li>

	<!-- Learn about Carole box -->
	<li class="box learn-image nav-click">
	<div id="learn-bg"></div>
	<div class="nav-text nav-learn">
	<h2>Learn more about Carole St. Laurent</h2>
	</div>
	</li>

	<!-- Follow Us Box -->
	<li class="box social">
	<div class="nav-social">
	<h2>Follow Us</h2>
	<p>on social networks:</p>
	<div class="social-icons">
	<a href="#"><i class="social-icon flaticon-facebook29"></i></a>
	<a href="#"><i class="social-icon flaticon-twitter14"></i></a>
	</div>
	</div>
	</li>

	<li><?php include "about.php" ?></li
	<li><?php include "learn.php" ?></li>

	<!-- Portfolio box -->
	<li class="box portfolio-image nav-click">
	<div id="portfolio-bg"></div>
	<div class="nav-text nav-portfolio">
	<h2>Portfolio</h2>
	</div>
	</li>

	<!-- Testimonials box -->
	<li class="box nav-testimonials">
	<div class="quote">
	<blockquote>“You’re the best implementer I’ve ever worked with.”</blockquote>
	<cite>Alex Sirota</cite>, Team Lead,<p>Information Management, Ontario Ministry of Research and Innovation</p>
	<a href="#" class="more">See more on LinkedIn</a>
	</div>
	</li>

	<li><?php include "portfolio.php" ?></li>

	<!-- Mission box -->
	<div class="box nav-mission">
	<blockquote>
	<p>You know your <span class="bold">mission</span>.</p>
	<p>We know <span class="bold">technology</span>.</p>
	<p>Together, we can make</p>
	<p>a bigger <span class="bold">difference</span>.</p>
	</blockquote>
	</div>

	<!-- ICTs for Development box -->
	<li class="box ict-image nav-click">
	<div id="ict-bg"></div>
	<div class="nav-text nav-ict">
	<h2>ICTs for Development</h2>
	</div>
	</li>

	<!-- ICTs for Development box -->
	<li class="box contact-image nav-click">
	<div id="contact-bg"></div>
	<div class="nav-text nav-contact">
	<h2>Contact Us</h2>
	</div>
	</li>


	<li><?php include "ict.php" ?></li>
	<li><?php include "contact.php" ?></li>


	</ul>
	</nav>
	</section>

	<footer class="footer">
	<p>Copyright © 2009-<?php echo date('Y');?> <span class="bold">FluidIT solutions</span></p>
	</footer>
	</div>


	<script src="js/main.js"></script>

	</body>
	</html>