Code-Flow-Project/history.html at main · afthab123456/Code-Flow-Project · 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html>

<head>

    <title>History - Royal College</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="images/3.png">
    <script src="https://kit.fontawesome.com/4f78745e26.js" crossorigin="anonymous"></script>
    <link
        href="https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@200&family=Source+Sans+Pro:wght@200;300;400&display=swap"
        rel="stylesheet">

    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">


<body>
    <div class="loader_bg">
        <div class="loader"></div>
    </div>
    <header>

        <nav class="history">
            <section class="sticky" id="navLinks">
                <i class="fa fa-times" ondblclick="hideMenu()"></i>
                <ul>
                    <h2>
                        <center>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="history.html">History</a></li>
                            <li><a href="news.html">News</a></li>
                            <li class="logo"><a href="index.html">College Logo</a></li>
                            <li><a href="sports.html">Sports</a></li>
                            <li><a href="clubs_societies.html">Clubs</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </center>
                    </h2>
                </ul>
                </div>

            </section>
            <i class="fa fa-bars" onclick="showMenu()"></i>
        </nav>

        </Section>
    </header>

    <section class="history_heading">
        <h1>College History</h1>


    </section>

    <section class="history">
        <center>
            <img src="images/founder.jpg" alt="Founder Sir Robert Wilmot-Horton, the Governor of Ceylon">

        </center>
        <p>In 1835, Rev. Joseph Marsh started a private school at the back verandah of the church called the
            Hill Street Academy for twenty students from the upper class community situated at Hill Street, Pettah.
        </p>
        <p>Then in the following year in 1836, Sir Robert Wilmot-Horton, the British Governor of Ceylon, based on the
            recommendations of the Colebrooke Commission, established the Colombo Academy,
            as an English public school modeled on Eton College, with Rev. Joseph Marsh continuing as headmaster on
            government pay. It was the oldest public school on the island and had the governor as its patron.
            It gave the children of leading Ceylonese families an education which would make them fit to be citizens of
            the British Empire and served as the principal public school and a model for other government schools that
            were to be built in Ceylon.
            In 1836 the school was moved to San Sebastian Hill, Pettah, (prior to which it was at Maradana, next to
            Hulftsdorp); it would stay there for another 75 years before being shifted to Thurstan Road.
            Even though the college had close ties to Anglicanism in its early years since 1836 it has remained a
            secular school.
        </p>
        <p>In 1859 the Queen's College, Colombo was established as the first institution of higher education in Ceylon.
            Affiliated to the University of Calcutta,
            it prepared students from the Colombo Academy for entrance examinations of English universities.
            In 1865 the Morgan Committee of inquiry into education recommended that it be reorganized and that
            scholarships should be awarded to study at the University of Oxford,
            and as a result in 1869, Queen's College was amalgamated with the Colombo Academy.
        </p>
        <p>
            The first hostel of the Colombo Academy was established in San Sebastian in 1868, establishing it as one of
            the first boarding schools in Ceylon.
        </p>
        <p>
            In 1881 it was renamed Royal College Colombo with the royal consent of Queen Victoria.
            The Gazette notification giving Her Majesty's approval to change the name of the school appeared on 31 July
            1881.
            The same year the first cadet battalion in Ceylon was formed at the college, attached to the Ceylon Light
            Infantry.
            The Royal College Union was formed in 1891 as the first alumni society in the country.
        </p>
        <p>
            In 1911, work commenced on a new building for the school on Reid Avenue.
            On November 1911 during construction of this building, it was hit by an aircraft that was trying the
            establish the record for the first flight over Ceylon in November 1911.
            On 27 August 1913 the school was moved to thin new building at Reid Avenue (which is now the main building
            of the University of Colombo).
            Ten years later on 10 October 1923, the school moved, this time to the newly constructed Victorian styled
            building further down Reid Avenue, which it continues to occupy.
            This move was due to the suggestion made by a higher education committee in 1914, that Royal College should
            be converted into a University college.
            Due to the objections made by past pupils of the Royal College Union, especially by the speeches made by
            Frederick Dornhorst, KC, the then Governor of Ceylon,
            Lord Chalmers instead created a separate University College, University College Colombo, at the school's
            former premises which became the University of Colombo in the later years.
        </p>
        <p>
            With the introduction of free education in Ceylon in 1931, Royal stopped charging fees from its students,
            thus proving education free of charge to this day.
        </p>
        <center>
            <img src="images/old college building.jpg" alt="old college building">
            <img src="images/the oldest building in school.jpg" alt="the oldest building in school">
        </center>
    </section>


    <! -- Footer starts-->
        <hr>
        <section class="footer">
            <h4>Join us with our social networks</h4>


            <div class="icons">

                <a href="https://www.facebook.com/RoyalCollegeLK/"> <i class="fa fa-facebook"></i></a>
                <a href="https://www.youtube.com/royalcollegelk"> <i class="fa fa-youtube"></i></a>
                <a href="https://twitter.com/royalcollegelk/"> <i class="fa fa-twitter"></i></a>
                <a href="https://www.instagram.com/royalcollegelk/"> <i class="fa fa-instagram"></i></a>

            </div>
            <p> Designed by: Afthab Ahamed for CodeFlow Competition by Ananda College ICT Society - March 2022</p>
        </section>

        <! -- Footer ends-->


            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

            <script>
                setTimeout(function () {
                    $('.loader_bg').fadeToggle();
                }, 1500);
            </script>

            <! javascript for Toggle Menu -->
                <script>

                    var navLinks = document.getElementById("navLinks");

                    function showMenu() {
                        navLinks.style.right = "0";
                    }

                    function hideMenu() {
                        navLinks.style.right = "-200px";
                    }

                </script>
                <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


</body>


</html>