SchoolWebsite/index.html at master · edkennedy50/SchoolWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
    <title>Mount Sion CBS Secondary School</title>
    <link href="./assets/favicon.ico" rel="icon" type="image/x-icon">
    <link href="semantic/out/semantic.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js">
    </script>
    <script src="semantic/out/semantic.min.js">
    </script>
      <script>
          $(document).ready(function() {
              $('#navbar').load('assets/html-navbar-footer/navigation.html');
              $('#footer').load('assets/html-navbar-footer/footer.html');
          });
        </script>
</head>
<body>
    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.2';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <div class="ui divbg container">
        <img class="ui centered image" height="128px" src="assets/images/logo.jpg">
        <div class="ui container">
            <div id="navbar"></div>
            <div class="ui basic padded segment">
                <div class="slideshow-container">
                    <div class="slides fade">
                    <div class="numbertext">
                        1 / 7
                    </div><img src="assets/images/1.jpg" style="width:100%"></div>
                    <div class="slides fade">
                    <div class="numbertext">
                        2 / 7
                    </div><img src="assets/images/2.jpg" style="width:100%"></div>
                    <div class="slides fade">
                    <div class="numbertext">
                        3 / 7
                    </div><img src="assets/images/3.jpg" style="width:100%"></div>
                    <div class="slides fade">
                    <div class="numbertext">
                        4 / 7
                    </div><img src="assets/images/4.jpg" style="width:100%"></div>
                    <div class="slides fade">
                    <div class="numbertext">
                        5 / 7
                    </div><img src="assets/images/5.jpg" style="width:100%"></div>
                    <div class="slides fade">
                    <div class="numbertext">
                        6 / 7
                    </div><img src="assets/images/6.jpg" style="width:100%"></div>
                    <div class="slides fade">
                    <div class="numbertext">
                        7 / 7
                    </div><img src="assets/images/7.jpg" style="width:100%"></div>
                </div><br>
                <div style="text-align:center">
                    <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span>
                </div>
            </div>
            <div class="ui basic padded segment">
              <div style="width: 645px; height: 520px;" class="ui segment">
                <div class="ui header">
                   Mount Sion CBS Latest News
                 </div>
                 <p>Below this message is our news page, powered by <a href="https://www.blogger.com/">Blogger</a>. Latest news about the school, such as unexpected closures, sports information, or student life will be published here as quick access for parents.</p>
               <iframe style="width: 612px; height: 384px;" src="http://www.mountsioncbs.blogspot.com"></iframe>
               </div>
                <div class="ui stackable grid">
                    <div class="twelve wide column">
                        <div class="ui stackable grid">
                            <div class="ui row">
                                <div class="ui column">
                                    <div class="ui segment">
                                        <div class="ui header">
                                            Welcome to Mount Sion C.B.S.
                                        </div>
                                        <p>This website is a continous project between transition year students of Mount Sion C.B.S and RedHat. It is a learning opportunity where students get industry standard advice and
                                        direction while gaining exposure to the best practises in web design and development. View the existing site <a href="http://mountsioncbssecondary.ie" target="_blank">here</a>, which will
                                        remain in place while this site continues it's development.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="ui row">
                                <div class="six wide column">
                                     <img src="assets/images/principal-welcome.jpg">
                                </div>

                                <div class="ten wide column">

                                    <h2>Principal's welcome</h2>
                                    <p>You are very welcome to the website of the world's first Christian Brothers Secondary School.</p>
                                    <p>Our school's ethos is one which puts pupils first, promotes a safe, caring environment and fosters a sense of respect and concern for others. Our excellent teachers provide the highest
                                    standards of teaching through their commitment to and use of progressive, innovative methodologies.</p>
                                    <p>Mount Sion CBS promotes a sense of a whole school community and to that end parents and pupils inform new developments within the school.</p>
                                    <p>The school is proud of its long tradition of excellence in education. We always seek to revise and develop our procedures and policies to maintain and enhance that long-standing
                                    tradition.</p>
                                    <p>John McArdle</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="fb-page" data-href="https://www.facebook.com/mountsioncbs/" data-tabs="timeline" data-width="250" data-height="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/mountsioncbs/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/mountsioncbs/">Mount Sion CBS Secondary School</a></blockquote></div>
                </div>
            </div>
        </div>
        <div id="footer"></div>
    </div>
    <script>
               var slideIndex = 0;
               showSlides();

               function showSlides() {
                   var slides = document.getElementsByClassName("slides");
                   var dots = document.getElementsByClassName("dot");
                   for (i = 0; i < slides.length; i++) {
                       slides[i].style.display = "none";
                   }
                   slideIndex++;
                   if (slideIndex > slides.length) { slideIndex = 1 }
                   for (var i = 0; i < dots.length; i++) {
                       dots[i].className = dots[i].className.replace(" active", "");
                   }
                   slides[slideIndex - 1].style.display = "block";
                   dots[slideIndex - 1].className += " active";
                   setTimeout(showSlides, 4000); // Change image every 4 seconds
               }
    </script>
</body>
</html>