edprince/index.html

## 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: admin@wellacre.org</p>
            <p>Twitter: @WellacreAcademy Facebook: /Wellacre</p>
          </div>
      </div>
    </div>
  </body>
</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: admin@wellacre.org</p>
	<p>Twitter: @WellacreAcademy Facebook: /Wellacre</p>
	</div>
	</div>
	</div>
	</body>
	</html>