-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbom.html
117 lines (110 loc) · 4.82 KB
/
bom.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
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
<!DOCTYPE html>
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MARYHILL GIRLS HIGH SCHOOL</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="menu">
<div class="menu-icon" ><i class="bi bi-list" onclick="showmenu()"></i></div>
</section>
<section class="bom-header">
<div class="sub-box">
<h1>BOARD OF MANAGEMENT</h1>
</div>
<nav>
<a href="#"> </a>
<img src="#">
<div class="nav-links" id="navlink">
<i class="bi bi-x" onclick="hidemenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about us.html">ABOUT US</a></li>
<li><a href="location.html">LOCATION</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="bom.html">BOM</a></li>
</ul>
</div>
<i class="bi bi-list" onclick="showmenu()"></i>
</nav>
</section>
<section class="bom-part">
<div class="bog-row">
<div class="bogone-col">
<img src="PICTURES/bog.jpg">
</div>
<div class="bog-col">
<h1>BOARD of MANAGEMENT</h1>
<P>Our school benefits from the dedicated management of a Board of Management(BOM) that is deeply committed to fostering a positive and effective learning environment for all our students here in Maryhill Girls High School.
Their commitment is evident in their consistent efforts to ensure the smooth running of the school, the well-being of our students and staff, and the continuous improvement of our academic and extracurricular program.
</P>
<button>learn more</button>
</div>
</div>
</section>
<section class="footer">
<h1> MARYHILL <span class="auto-type"></span></h1>
<P>toil for excellence</P>
<div class="footer-row">
<div class="footer-links">
<h2>Quick Links</h2>
</a><a class="footer-link" href="index.html">
<span class="icon"><i class="bi bi-house-door-fill"></i></span>
<span class="description">Home</span>
</a>
<a class="footer-link" href="about us.html">
<span class="icon"><i class="bi bi-file-earmark-person-fill"></i></span>
<span class="description">ABOUT US</span>
</a>
<a class="footer-link" href="gallery.html">
<span class="icon"><i class="bi bi-images"></i></span>
<span class="description">Gallery</span>
</a>
<a class="footer-link" href="location.html">
<span class="icon"><i class="bi bi-geo-alt-fill"></i></span>
<span class="description">LOCATION</span>
</a>
<a class="footer-link" href="BOM.html">
<span class="icon"><i class="bi bi-people-fill"></i></span>
<span class="description">BOM</span>
</a>
</div>
<div class="footer-links">
<h2>FOLLOW US ON SOCIAL MEDIA</h2>
<div class="social-link">
<i class="bi bi-facebook"></i>
<i class="bi bi-youtube"></i>
<i class="bi bi-instagram"></i>
</div>
</div>
</div>
</section>
<section class="copy-right">
<div class="copy-statement"><h1>Maryhill Girls</h1><span><i class="bi bi-c-circle"></i></span><p>2025.</p></div>
</section>
<script>
var navlink = document.getElementById("navlink");
function showmenu(){
navlink.style.right = "0";
}
function hidemenu(){
navlink.style.right = "-200px";
}
</script>
<script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
<script>
var typed = new Typed(".auto-type",{
strings:["GIRLS","HIGH","SCHOOL"],
typespeed:150,
backspeed:150,
loop:true
})
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>