Skip to content

Instantly share code, notes, and snippets.

@edprince

edprince/index.html

Created July 15, 2015 16:00
Show Gist options
  • Save edprince/2181f924fe87741fe66d to your computer and use it in GitHub Desktop.
Save edprince/2181f924fe87741fe66d to your computer and use it in GitHub Desktop.
Download ZIP
Lost index file from Wellacre site
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link href='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css' rel='stylesheet' />
<link href='style.css' type='text/css' rel='stylesheet' />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300, 200' rel='stylesheet' type='text/css'/>
<script src='https://code.jquery.com/jquery-2.1.4.min.js' type='text/javascript'></script>
<script src='main.js' type='text/javascript'></script>
</head>
<body>
<div id='arrow-target' class='wrapper'>
<div class='nav'>
<div class='row'>
<div class='small-12.columns medium-6 large-6 columns'>
<img src='images/logo.png'></img>
</div>
<div class='nav-menu small-12.columns medium-6 large-6 columns'>
<ul>
<li><i class='fa fa-home'></i></li>
<li><i class='fa fa-search'></i></li>
<li><i class='fa fa-twitter'></i></li>
<li><i class='fa fa-facebook'></i></li>
<li><i class='fa fa-envelope'></i></li>
<li id='menu'>Menu <i id='menu-icon'class='fa fa-bars'></i></li>
</ul>
</div>
</div>
</div>
<div class='menu-div'>
<div class='row'>
<div class='small-12.columns medium-2 large-2 columns'>
<p class='menu-header'>Our Academy</p>
<ul>
<li>Message from the principal</li>
<li>Academy Vision</li>
<li>The Governing Body</li>
<li>Students Council</li>
<li>Wellacre policies</li>
<li>Old Boys Association</li>
<li>Vacancies</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Academy Finance</li>
<li>Our Staff</li>
<li>Contact Us</li>
</ul>
</div>
<div class='small-12.columns medium-2 large-2 columns'>
<p class='menu-header'>Our Academy</p>
<ul>
<li>Populating a list</li>
<li>Some more data</li>
<li>Old Boys Association</li>
<li>Vacancies</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
</ul>
</div>
<div class='small-12.columns medium-2 large-2 columns'>
<p class='menu-header'>Our Academy</p>
<ul>
<li>Old Boys Association</li>
<li>Old Boys Association</li>
<li>Old Boys Association</li>
<li>Vacancies</li>
<li>Community and Lettings</li>
<li>Community and Lettings</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Vacancies</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Populating a list</li>
<li>Some more data</li>
<li>Some more data</li>
</ul>
</div>
<div class='small-12.columns medium-2 large-2 columns'>
<p class='menu-header'>Our Academy</p>
<ul>
<li>Populating a list</li>
<li>Some more data</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Populating a list</li>
<li>Some more data</li>
<li>Some more data</li>
</ul>
</div>
<div class='small-12.columns medium-2 large-2 columns'>
<p class='menu-header'>Our Academy</p>
<ul>
<li>Populating a list</li>
<li>Some more data</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
</ul>
</div>
<div class='small-12.columns medium-2 large-2 columns'>
<p class='menu-header'>Our Academy</p>
<ul>
<li>Populating a list</li>
<li>Some more data</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Populating a list</li>
<li>Some more data</li>
<li>Some more data</li>
</ul>
</div>
</div>
</div>
<div class='content'>
<div class='banner'>
<div class='row'>
<div class='small-12.columns medium-12 large-12 columns'>
<p>Bringing out the <b><i>best</i></b> in boys</p>
</div>
</div>
</div>
<div class='row' id='content-wrapper'>
<div class='small-3.columns medium-3 large-3 columns'>
<h4 class='nav-heading'>Our Academy</h4>
<ul>
<li>Message from the principal</li>
<li>Academy Vision</li>
<li>The Governing Body</li>
<li>Students Council</li>
<li>Wellacre policies</li>
<li>Old Boys Association</li>
<li>Vacancies</li>
<li>Community and Lettings</li>
<li>Pupil, catchup & literacy premium</li>
<li>Ofsted Reports</li>
<li>Examination Results</li>
<li>Academy Finance</li>
<li>Our Staff</li>
<li>Contact Us</li>
</ul>
</div>
<div class='welcome-message small-6.columns medium-6 large-6 columns'>
<h3 class='page-title'>Welcome to Wellacre</h3>
<h4 class='subtitle'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis est, qui
non oderit libidinosam, protervam adolescentiam.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis est, qui non oderit libidinosam,
protervam adolescentiam. Ne discipulum abducam, times. Piso igitur hoc modo, vir optimus tuique,
ut scis, amantissimus. Prioris generis est docilitas, memoria; Illa tamen simplicia, vestra versuta. Quid
censes in Latino fore? Non dolere, inquam, istud quam vim habeat postea videro; Cum autem in quo
sapienter dicimus, id a primo rectissime dicitur.</p>
<p>Quae cum magnifice primo dici viderentur, considerata minus probabantur. Ne discipulum abducam,
times. Piso igitur hoc modo, vir optimus tuique, ut scis, amantissimus. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Quis est, qui non oderit libidinosam, protervam adolescentiam. Ne
discipulum abducam, times. Piso igitur hoc modo, vir optimus tuique, ut scis, amantissimus. Prioris
generis est docilitas, memoria; Illa tamen simplicia, vestra versuta.</p>
<p>Quid censes in Latino fore? Non dolere, inquam, istud quam vim habeat postea videro; Cum autem in
quo sapienter dicimus, id a primo rectissime dicitur. Quae cum magnifice primo dici viderentur,
considerata minus probabantur. Ne discipulum abducam, times. Piso igitur hoc modo, vir optimus
tuique, ut scis, amantissimus.</p>
</div>
<div class='small-3.columns medium-3 large-3 columns content-image'>
<img src='images/news2.png'></img>
</div>
</div>
</div>
<div class='upper-footer'>
<div class='row footer-lists'>
<div class='small-12.columns medium-6 large-6 columns'>
<h3>Latest Tweets</h3>
<ul>
<li id='top' class='tweet'>
<p id='tweet-title'>Wellacre Academy @Wellacre Academy</p>
<p id='tweet-body'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis est, qui non oderit libidinosam, protervam adolescentiam.</p>
<ul id='tweet-options'>
<li id='time left'>1 day ago</li>
<li>Retweet</li>
<li>Follow</li>
</ul>
</li>
<li class='tweet'>
<p id='tweet-title'>Wellacre Academy @Wellacre Academy</p>
<p id='tweet-body'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis est, qui non oderit libidinosam, protervam adolescentiam.</p>
<ul id='tweet-options'>
<li id='time left'>1 day ago</li>
<li>Retweet</li>
<li>Follow</li>
</ul>
</li>
</ul>
</div>
<div class='small-12.columns medium-6 large-6 columns upcoming-events'>
<h3>Upcoming Events <i id='upcoming-events-toggle' class='fa fa-circle-thin upcoming-toggle'></i><i id='upcoming-sports-toggle' class='fa fa-circle-thin upcoming-toggle'></i></h3>
<ul>
<li>
<p id='event-title'>New Event Title</p>
<p id='event-description'>New event description<i id='event-arrow' class='fa fa-angle-right'></i></p>
<p id='event-date'><span id='start'>9:00 - </span><span id='end'>11:00</span>
</li>
<li>
<p id='event-title'>New Event Title</p>
<p id='event-description'>New event description<i id='event-arrow' class='fa fa-angle-right'></i></p>
<p id='event-date'><span id='start'>9:00 - </span><span id='end'>11:00</span>
</li>
<li id='bottom-event'>
<p id='event-title'>New Event Title</p>
<p id='event-description'>New event description<i id='event-arrow' class='fa fa-angle-right'></i></p>
<p id='event-date'><span id='start'>9:00 - </span><span id='end'>11:00</span>
</li>
</ul>
</div>
</div>
<div class='arrow-wrapper'>
<div class='arrow-up'><a href=''><i id='arrow-up' class='fa fa-angle-up'></i></a></div>
</div>
</div>
<div class='lower-footer'>
<div class='row'>
<div class='footer-links small-12.columns medium-7 large-7 columns'>
<ul>
<li>Sitemap</li>
<li>Terms of use</li>
<li>Privacy Policy</li>
<li>Cookie Usage</li>
<li>ParentPay</li>
<li>Staff Email</li>
</ul>
<p id='cpr'><i class='fa fa-copyright'></i> 2015 Wellacre Academy | School website design by Glove Marketing</p>
</div>
<div id='info' class='small-12.columns medium-5 large-5 columns'>
<p>Wellacre Academy, Irlam Road, Flixton, Manchester M41 6AP</p>
<p>Tel: 0161 748 5011 Fax: 0161 755 3234</p>
<p>Email: [email protected]</p>
<p>Twitter: @WellacreAcademy Facebook: /Wellacre</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment