Skip to content

Instantly share code, notes, and snippets.

@helloCaller

helloCaller/physcomProject3.html

Created March 30, 2016 05:18
Show Gist options
  • Save helloCaller/1ccb149adf94124b2889b0a96697fec2 to your computer and use it in GitHub Desktop.
Save helloCaller/1ccb149adf94124b2889b0a96697fec2 to your computer and use it in GitHub Desktop.
Download ZIP
html code for reactive website
Raw
physcomProject3.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>CLC Landing Page</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/clc.css" rel="stylesheet">
</head>
<body class="full">
<img id="background" class= "img-responsive" src="css/room.jpg">
<!-- Images get added to this div the more busy it gets-->
<div id="ghostImage"></div>
<!-- Navigation -->
<!--nb. A lot of these classes seem superfluous, but they're for bootstrap, and they enable the site to be responsive-->
<nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<!--link to the coleman lemieux website that looks like a button-->
<a href="http://colemanlemieux.com/" class="btn btn-info" role="button" title="Coleman Lemieux Website">Continue on to Coleman Lemieux and Company's main site</a>
</div>
</div>
</div>
</nav>
<!-- On page content -->
<div class="container-fluid">
<div class="row">
<div class="col-md-4 col-sm-12 custom-text">
<!-- On page text-->
<h1>Welcome,</h1>
<p>This is Coleman Lemieux and Company's realtime, updating, landing page. The more activity happening currently at the Citadel, the more this theatre gets filled.</p>
</div>
</div>
</div>
<!-- ---JavaScript Libraries--- -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!--Particle-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/particle-api-js/5.2.6/particle.min.js"></script>
<!--Custom JavaScript-->
<script src="js/clc.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment