Mockup for Harlow Ballet site
This commit is contained in:
warlordjones
101
harlowballet/index.html
Normal file
101
harlowballet/index.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
|
||||
|
||||
<!-- Compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
|
||||
|
||||
<!-- Compiled and minified JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
|
||||
|
||||
<link rel='stylesheet' href='/css/main.css'>
|
||||
|
||||
<script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Roboto Slab', serif;
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: #e1bee7;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$(".button-collapse").sideNav();
|
||||
})
|
||||
</script>
|
||||
|
||||
<title>Harlow Ballet</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay" class="white">
|
||||
<div class="center" style="width: 100%; text-align: center;">
|
||||
<div class="center" style="height: 100%;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;">
|
||||
<div class="container purple lighten-4">
|
||||
<header>
|
||||
<div class="grey lighten-4">
|
||||
<img src="/images/hb/school.png">
|
||||
<img src="/images/hb/association.png">
|
||||
<h1 style="margin-top: -5px;font-weight:700" class="purple-text text-lighten-4">Harlow Ballet School and Association</h1>
|
||||
<h4 class="center-align purple-text text-lighten-4">Taught by professionals for future professionals and <em>for fun!</em></h4>
|
||||
<hr>
|
||||
</div>
|
||||
<nav>
|
||||
<div class="nav-wrapper purple">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<ul class="hide-on-med-and-down">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#">Melody Bear</a></li>
|
||||
<li><a href="#">School</a></li>
|
||||
<li><a href="#">Timetable</a></li>
|
||||
<li><a href="#">Association</a></li>
|
||||
<li><a href="#">The Cecchetti Method</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
<li><a href="#">Contact Us</a></li>
|
||||
<li><a href="#">Other</a></li>
|
||||
</ul>
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<div class="grey" style="padding:30px">
|
||||
<h5>Welcome to the Harlow Ballet School and the Harlow Ballet Association</h5>
|
||||
<p class="flow-text">The Harlow Ballet consists of two quite separate organisations. The Harlow Ballet Association is a democratic organisation that <em>"exists to enable the presentation of dance performances in which those appearing shall principally (though not exclusively) be students of the Harlow Ballet School"</em>. The Harlow Ballet School is a legally constituted Partnership that teaches children and adults to dance. The Harlow Ballet School has had its home in The Playhouse, Harlow since it opened in 1971. The Harlow Ballet Association and Harlow Ballet School join forces from time to time to provide intensive courses culminating in special Gala performances at The Playhouse.</p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="grey darken-1">
|
||||
<br>
|
||||
<img src="http://ricardslodge.merton.sch.uk/wp-content/uploads/2012/05/jack_petchey.gif" height="100px">
|
||||
<h6>The Harlow Ballet Association is both proud and grateful to be sponsored by <span style="font-weight:700"><a href="http://www.jackpetcheyfoundation.org.uk/">The Jack Petchy Foundation</a></span></h6>
|
||||
<div class="center">
|
||||
<a href="http://materializecss.com/">Materialize CSS by Google </a>
|
||||
</div>
|
||||
Handcoded by <a href="http://aronajones.com">Arona Jones</a>.
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
images/hb/association.jpg
Normal file
BIN
images/hb/association.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
images/hb/association.png
Normal file
BIN
images/hb/association.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
images/hb/school.jpeg
Normal file
BIN
images/hb/school.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/hb/school.png
Normal file
BIN
images/hb/school.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Reference in New Issue
Block a user