-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsolution.html
24 lines (24 loc) · 4.17 KB
/
solution.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>The Solution</title><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300"><link rel="stylesheet" href="css/main.css"><link rel="stylesheet" href="css/pages/solution.css"></head><body><header><nav class="navbar-inverse navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#main-navbar" class="navbar-toggle collapsed"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="home" class="navbar-brand">The Fellowship</a></div><div id="main-navbar" class="collapse navbar-collapse"><ul class="nav navbar-nav navbar-right"><li><a href="home">Home</a></li><li><a href="open">Open Campus</a></li><li><a href="indep">Independent Study</a></li><li class="active"><a href="solution">Full Film and Solution</a></li></ul></div></div></nav></header><main><div id="solution"><div class="container"><div class="text-center"><br><h1>Solution</h1><br><p class="lead">Our solution consists of a study hall programs that gives students more autonomy. </p></div><div class="row"><div class="col-sm-7"><p>As shown in our page on independent study, there are a plethora of benefits and
ways education can be improved with implementation in high schools. In our
solution, students would be allowed to conduct their own independent studies with
no restrictions from the teacher (ex. silence) during study hall class time.
Students would be able to focus on their passions.</p><p>The second aspect of our solution is that students would also be allowed to
leave campus during the study hall period and go wherever they please both on
or off campus to give them a greater control over their environment. As explained
in our video, leaving the open campus privilege exclusive to higher achieving
students would prevent any irresponsible students from taking advantage of a
greater level of autonomy that others could benefit from.</p></div><div class="col-sm-5"><img src="https://i.imgur.com/QEMgvyG.png" class="img-thumbnail img-responsive"></div></div><br><br><div class="text-center"><a href="#film" class="btn btn-lg">View The Full Film »</a></div><br><br><br></div><div id="film" class="jumbotron flex-center"><div class="container"><div class="solution-text"><h1>The Film</h1><br><p>"Greatest film of the year" –Anonymous</p><br><div id="countdown" class="row"><div class="col-sm-6 col-sm-offset-3"><div class="col-xs-3"><h1 id="days">0</h1><p>days</p></div><div class="col-xs-3"><h1 id="hours">0</h1><p>hours</p></div><div class="col-xs-3"><h1 id="minutes">0</h1><p>minutes</p></div><div class="col-xs-3"><h1 id="seconds">0</h1><p>seconds</p></div></div><div class="col-xs-12"><br><p>Drop date is 11AM Eastern, June 1, 2016</p></div></div><iframe id="full-movie" data-wow-delay="1.2s" width="560" height="315" src="https://www.youtube.com/embed/XA58gtFIpRo" frameborder="0" allowfullscreen class="hidden"></iframe></div></div></div></div></main><footer><nav class="navbar-inverse"><div class="container-fluid"><div class="footer-content"><p class="text-center">© 2016 AA x SK x NL | <a href="cited">Works Cited »</a></p></div></div></nav></footer><script src="https://code.jquery.com/jquery-2.2.3.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script><script src="js/main.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script><script src="js/solution.js"></script><script>// smooth scroll
$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});</script></body></html>