diff options
author | Thomas <tgrif81@tscstudents.net> | 2017-03-20 18:09:29 +0000 |
---|---|---|
committer | Thomas <tgrif81@tscstudents.net> | 2017-03-20 18:09:29 +0000 |
commit | 64d318e697265c75bbd90efa9ece3d73fef0e309 (patch) | |
tree | b50ab7a62aaee81543f46d5cccb5d2135d6202cf /post.html | |
parent | 532d7e7e8dd32b8d4df70588b567fa2e9db9cc75 (diff) |
blog
Diffstat (limited to 'post.html')
-rw-r--r-- | post.html | 218 |
1 files changed, 218 insertions, 0 deletions
diff --git a/post.html b/post.html new file mode 100644 index 0000000..f75a056 --- /dev/null +++ b/post.html @@ -0,0 +1,218 @@ +<!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>McCutcheon Robotics</title> + + <!-- Bootstrap Core CSS --> + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + + <!-- Theme CSS --> + <link href="css/clean-blog.min.css" rel="stylesheet"> + + <!-- Custom Fonts --> + <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> + <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'> + <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> + + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> + <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> + <![endif]--> +<style> +.carousel-inner { + background-color: #80000B; +} + +.carousel-caption { + font-size: 2em; + right: 10%; + left: 60%; + top: 30%; + bottom: 30%; + text-align: left; + text-shadow: none; + color:#FFD700 ; + } +.carousel-indicators{ + font-size: 2em; + bottom: -1%; + text-align: left; + text-shadow: none; + } +</style> +</head> + +<body> + + <!-- Navigation --> + <nav class="navbar navbar-default navbar-custom navbar-fixed-top"> + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header page-scroll"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span> + Menu <i class="fa fa-bars"></i> + </button> + <a class="navbar-brand" href="index.html">Team 4272</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li> + <a href="index.html">Home</a> + </li> + <li> + <a href="about.html">About</a> + </li> + <li> + <a href="post.html">Sponsorships</a> + </li> + <li> + <a href="contact.html">Contact</a> + </li> + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container --> + </nav> + + <!-- Page Header --> + <!-- Set your background image for this header on the line below. --> + <header class="intro-header" style="background-image: url('img/download.jpeg')"> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <div class="post-heading"> + <h1>Under Construction..</h1> + + </div> + </div> + </div> + </div> + </header> + + <div class="container"> +<!--The main div for carousel--> +<div id="carousel-demo" class="carousel slide" data-ride="carousel" data-interval="2000"> + <!-- Indicators --> + <ol class="carousel-indicators"> + <li data-target="#carousel-demo" data-slide-to="0" class="active"></li> + <li data-target="#carousel-demo" data-slide-to="1"></li> + <li data-target="#carousel-demo" data-slide-to="2"></li> + <li data-target="#carousel-demo" data-slide-to="3"></li> + </ol> + + <!-- Sliding images statring here --> + <div class="carousel-inner"> + <div class="item active"> + <img src="img/subaru.jpeg" alt="banana"> + <div class="carousel-caption"> + <h3>Sponsor???</h3> + <p></p> + </div> + </div> + <div class="item"> + <img src="img/subaru.jpeg" alt="currant"> + <div class="carousel-caption"> + <h3>Sponsor???</h3> + <p></p> + </div> + </div> + <div class="item"> + <img src="img/subaru.jpeg" alt="mango"> + <div class="carousel-caption"> + <h3>Sponsor</h3> + <p></p> + </div> + </div> + <div class="item"> + <img src="img/subaru.jpeg" alt="strawberries"> + <div class="carousel-caption"> + <h3>Sponsor???</h3> + <p></p> + </div> + </div> + + </div> + + <!-- Next / Previous controls here --> + <a class="left carousel-control" href="#carousel-demo" data-slide="prev"> + <span class="icon-prev"></span> + </a> + <a class="right carousel-control" href="#carousel-demo" data-slide="next"> + <span class="icon-next"></span> + </a> + <div> +</div> +</div> +</div> + + <hr> + + <!-- Footer --> + <footer> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <ul class="list-inline text-center"> + <li> + <a href="#"> + <span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span> + </a> + </li> + <li> + <a href="#"> + <span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x fa-inverse"></i> + </span> + </a> + </li> + <li> + <a href="#"> + <span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> + </span> + </a> + </li> + </ul> + <p class="copyright text-muted">Copyright © www.team4272.com 2016</p> + <br> + <p class="copyright text-muted">Created by Noah Gaeta</p> + </div> + </div> + </div> + </footer> + + <!-- jQuery --> + <script src="vendor/jquery/jquery.min.js"></script> + + <!-- Bootstrap Core JavaScript --> + <script src="vendor/bootstrap/js/bootstrap.min.js"></script> + + <!-- Contact Form JavaScript --> + <script src="js/jqBootstrapValidation.js"></script> + <script src="js/contact_me.js"></script> + + <!-- Theme JavaScript --> + <script src="js/clean-blog.min.js"></script> + +</body> + +</html> |