Skip to content

Instantly share code, notes, and snippets.

@redhoodie

redhoodie/index.php

Forked from camh96/index.php
Created July 7, 2014 07:41
Show Gist options
  • Save redhoodie/460447c4d03d6dc86271 to your computer and use it in GitHub Desktop.
Save redhoodie/460447c4d03d6dc86271 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Cam">
<title>Oliver Bray Music</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css2/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/nivo-lightbox.css" rel="stylesheet" />
<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" />
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
<style type="text/css">
p.darker {
color:555;
}
.containerface {
height: 100%;
width: 75%;
margin-left:25%;
margin-right:25%;
margin-bottom: 15%;
}
</style>
</head>
<body data-spy="scroll">
<div class="container">
<ul id="gn-menu" class="gn-menu-main">
<li class="gn-trigger">
<a class="gn-icon gn-icon-menu"><span>Menu</span></a>
<nav class="gn-menu-wrapper">
<div class="gn-scroller">
<ol class="gn-menu">
<li><a href="#intro" class="gn-icon gn-icon-download">Home</a></li>
<li><a href="#about" class="gn-icon gn-icon-cog">About</a></li>
<li><a href="#works" class="gn-icon gn-icon-videos">My music</a></li>
<li><a href="#contact" class="gn-icon gn-icon-archive">Contact</a></li>
</ol>
</div><!-- /gn-scroller -->
</nav>
</li>
<li><a href="index.php">OLIVER BRAY MUSIC</a></li>
<li class="social-white"></li>
<li class="social-white"></li>
</ul>
</div>
<!-- Section: intro -->
<section id="intro" class="intro">
<div class="slogan">
<h1>This is Oliver Bray Music</h1>
<p class="darker">Fatback andouille sirloin, capicola meatball hamburger tail ribeye. Drumstick landjaeger chuck short loin meatball.</p>
</div>
</section>
<!-- /Section: intro -->
<!-- Section: about -->
<section id="about" class="home-section text-center bg-gray">
<div class="heading-about marginbot-50">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="section-heading">
<h2>About Me</h2>
<p>Kevin drumstick shank, biltong bresaola kielbasa leberkas rump brisket beef tail prosciutto flank venison shoulder. Ham tail kielbasa cow. Chuck andouille chicken turducken,
venison jowl corned beef cow tri-tip. Jerky sirloin andouille shank pancetta, rump strip steak turducken.</p>
</div>
</div>
</div>
</div>
</div>
<div class="containerface">
<div class="row">
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="team boxed-grey" style="width=100% height=100">
<div class="inner">
<h5>This is me</h5>
<div class="avatar"><img src="img/team/1.jpg" alt="" class="img-responsive" /></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: about -->
<!-- Section: works -->
<section id="works" class="home-section text-center bg-gray">
<div class="heading-works marginbot-50">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="section-heading">
<h2>My music</h2>
<p>Here, you can listen to my music!</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="row gallery-item">
<div class="col-md-3">
<a href="http://bandcamp.com/EmbeddedPlayer/album=3093645592/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/%22" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/[email protected]">
<img src="img/works/11.jpg" class="img-responsive" alt="img">
</a>
</div>
<div class="col-md-3">
<a href="http://bandcamp.com/EmbeddedPlayer/album=1372108846/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/[email protected]">
<img src="img/works/12.jpg" class="img-responsive" alt="img">
</a>
</div>
<div class="col-md-3">
<a href="http://bandcamp.com/EmbeddedPlayer/album=227903429/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/[email protected]">
<img src="img/works/13.jpg" class="img-responsive" alt="img">
</a>
</div>
<div class="col-md-3">
<img src="img/works/18.jpg" class="img-responsive" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: works -->
<!-- Section: contact -->
<section id="contact" class="home-section text-center">
<div class="heading-contact marginbot-50">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="section-heading">
<h2>Get in touch</h2>
<p>Contact me using the form below and i'll try get back to you within a day!</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-offset-2">
<?php if (array_key_exists('success', $_GET)): ?>
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<strong>Thanks!</strong> We got it!
</div>
<?php endif; ?>
<div class="boxed-grey">
<form method="post" action="scripts/contact.php" id="contact-form">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Enter name" required="required" />
</div>
<div class="form-group">
<label for="email">Email Address</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter email" required="required" />
</div>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" placeholder="Enter subject" required="required" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="name">Message</label>
<textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required" placeholder="Message"></textarea>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-skin pull-right" id="btnContactUs">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: contact -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<p>Copyright &copy; 2014 Oliver Bray Music</p>
</div>
</div>
<div id="social-footer">
</div>
</div>
</footer>
<!-- Core JavaScript Files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/gnmenu.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/stellar.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment