Skip to content

Instantly share code, notes, and snippets.

@pheXion

pheXion/gist:8011270

Last active December 31, 2015 16:09
Show Gist options
  • Save pheXion/8011270 to your computer and use it in GitHub Desktop.
Save pheXion/8011270 to your computer and use it in GitHub Desktop.
Download ZIP
HTML: Base HTML 2
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment