Code-Flow-Project/contact.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html>

<head>

    <title>Contact Us</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>
        <div class="background_image_contact"></div>
        <nav class="contact">
            <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="contact_heading">
        <h1>Contact Us</h1>


    </section>


    <div class="contact_wrapper">
        <div class="contact-column">

            <img src="images/main_office.jpg">
            <h2>Main Office</h2>
            <h3>Call 011 269 5256 for bookings</h3>
            <p> Main Hall <br>
                Navarangahala <br>
                Main Grounds <br>
                Junior Grounds <br>
                Basketball Courts <br>
                Conference Room <br>
                Whiteboard Room <br>
                Table Tennis Courts <br>
                Tennis Courts<br>
                Computer Labs</p>
        </div>

        <div class="contact-column">

            <img src="images/skills center.jpg">
            <h2>Royal College Union Skills Centre</h2>
            <h3>Call 011 269 5256 for bookings</h3>
            <p>The RCU Skills Centre provide fully furnished, state-of-the-art conference halls and rooms that cater to
                the needs of professional organisations in hosting accommodation for meetings, lectures, workshops and
                other events.</p>
            <p>For more information visit our <a href="http://www.rcuskillscentre.lk">website</a></p>
        </div>


    </div>


    <div class=" contact_wrapper">
        <div class="contact-column">

            <img src="images/swimming pool.jpg">
            <h2>Swimming Pool</h2>
            <h3>Call 011 226 5664 for bookings</h3>
            <p> Pool hours for members – <br><br>

                <b>Weekdays </b>– 5.45 a.m. – 7.00 a.m. and 5.15 p.m. – 8.30 p.m. <br>
                <b>Saturdays</b> – 6.00 a.m. – 12 noon and 3.00 p.m. – 8.30 p.m. <br>
                <b>Sundays / Public Holidays</b> – 6.00 a.m. – 1.30 p.m. <br>and 4.00 p.m. – 8.30 p.m. <br>

            <p>Contact the swimming pool office for membership related information. </p>
        </div>

        <div class="contact-column">

            <img src="images/MAS-Arena.jpg">
            <h2>MAS Arena</h2>
            <h3>Call 077 742 1590 for bookings</h3>
            <p> Monday – 8:30 A.M. – 4.00 P.M. <br>
                Tuesday – 8:30 A.M. – 4.00 P.M.<br>
                Wednesday – 8:30 A.M. – 4.00 P.M.<br>
                Thursday – 8:30 A.M. – 4.00 P.M.<br>
                Friday – 8:30 A.M. – 4.00 P.M.<br>
                Saturday – Closed<br>
                Sunday – Open 24 hours<br> </p>
            <p>For more information visit our <a href="http://royalmasarena.lk">website.</a></p>
        </div>


    </div>

    <div class="contact_wrapper">
        <div class="contact-column">

            <img src="images/sports comples.jpg">
            <h2>Royal College Sports Complex</h2>
            <h3>Call 011 471 9744 for bookings</h3>
            <p> Strategically located amidst colleges, international schools and national sports associations, the Royal
                College Sports Complex caters to the needs of all athletes. </p>
            <p>
                The outdoor stadium facing the main pavilion is used for rugby, soccer, baseball and hockey while the
                indoor stadium provides international standard facilities for badminton, basketball, table tennis,
                volleyball, netball and boxing.</p>
            <p>For more information visit our <a href="https://rcsc.lk/about.php">website.</a></p>
        </div>

        <div class="contact-column" id="contact_last">


            <h2>Call US</h2>
            <h3>
                Main Office – 011 269 5256 <br>

                Vice Principal’s Office – 011 267 3133 <br>

                Junior Section Office – 011 269 5830 <br>

                Middle Section Office – 011 267 3132 <br>

                Royal College Union – 011 768 0700 <br>

                Sports Complex – 011 471 9744 <br>

                Swimming Pool – 0112 265 664 <br>

                MAS Arena – 077 742 1590 <br>
            </h3>

        </div>


    </div>

    <br>


    <iframe
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3960.8808096307635!2d79.85898211472042!3d6.904853895010795!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae25964809ce65d%3A0x279199ab6b495503!2sRoyal%20College!5e0!3m2!1sen!2sqa!4v1647136463901!5m2!1sen!2sqa"
        width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

    <div class="above_form_heading">
        <h3>If you have any query, please fill below form and submit to us. We will be in touch with you soon.</h3>
    </div>
    <section class="contact">

        <div class="contact">

            <form>
                <div class="row">
                    <div class="input-group">
                        <input type="text" id="name" required>
                        <label for="name"><i class="fa-solid fa-user"></i> Your Name</label>
                    </div>

                    <div class="input-group">
                        <input type="text" id="number" required>
                        <label for="number"><i class="fa-solid fa-square-phone"></i> Phone No.</label>
                    </div>

                </div>

                <div class="input-group">
                    <input type="text" id="email" required>
                    <label for="email"><i class="fa-solid fa-envelope"></i> Email Address</label>
                </div>

                <div class="input-group">
                    <textarea id="message" rows="8" required></textarea>
                    <label for="message"><i class="fa-solid fa-message"></i> Your Message</label>
                </div>

                <button type="submit">SUBMIT <i class="fa-solid fa-paper-plane"></i></button>

            </form>

        </div>

    </section>

    <! -- Footer starts-->

        <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>