<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Page Title</
title
>
</
head
>
<
body
>
<
header
>
<
div
class
=
"container-fluid bg-light p-0 "
style
=
"width: 100%; height: 100px;"
>
<
div
class
=
"row"
>
<
div
class
=
"col-lg-3 col-md-2"
>
<
img
src
=
"../static/images/logo.png"
class
=
"img-fluid ml-5"
style
=
"height: 50%;"
>
</
div
>
<
div
class
=
"col-lg-9 col-md-8 col-12"
>
<
h1
class
=
"text-left ml-5 pt-4"
style="height: 80%; width: 100%; font-size: 4.5em; font-family:
'Cinzel', serif; color: #ff9900;">
UNITED SCHOOL </
h1
>
</
div
>
</
div
>
</
div
>
</
header
>
<
nav
class
=
"navbar navbar-expand-lg navbar-dark bg-dark"
>
<
a
class
=
"navbar-brand"
href
=
"#"
></
a
>
<
button
class
=
"navbar-toggler"
type
=
"button"
data-toggle
=
"collapse"
data-target
=
"#navbarNavAltMarkup"
aria-controls
=
"navbarNavAltMarkup"
aria-expanded
=
"false"
aria-label
=
"Toggle navigation"
>
<
span
class
=
"navbar-toggler-icon"
></
span
>
</
button
>
<
div
class
=
"collapse navbar-collapse"
id
=
"navbarNavAltMarkup"
>
<
div
class
=
"navbar-nav text-center"
>
<
a
class
=
"nav-item nav-link active"
href
=
"#"
>Home <
span
class
=
"sr-only"
>(current)</
span
></
a
>
<
a
class
=
"nav-item nav-link active"
href
=
"#about_us"
>About</
a
>
<
a
class
=
"nav-item nav-link active"
href
=
"#admissions"
>Admissions</
a
>
<
a
class
=
"nav-item nav-link active"
href
=
"#"
>Academics</
a
>
<
a
class
=
"nav-item nav-link active"
id
=
"announcements"
>Annoucements</
a
>
<
a
class
=
"nav-item nav-link active"
href
=
"#services"
>Services</
a
>
<
a
class
=
"nav-item nav-link active"
href
=
"#"
>Facilites</
a
>
<
a
class
=
"nav-item nav-link active"
href
=
"#contact_us"
>Contact Us</
a
>
</
div
>
</
div
>
</
nav
>
<
div
id
=
"carouselExampleIndicators"
class
=
"carousel slide"
data-ride
=
"carousel"
>
<
ol
class
=
"carousel-indicators"
>
<
li
data-target
=
"#carouselExampleIndicators"
data-slide-to
=
"0"
class
=
"active"
></
li
>
<
li
data-target
=
"#carouselExampleIndicators"
data-slide-to
=
"1"
></
li
>
<
li
data-target
=
"#carouselExampleIndicators"
data-slide-to
=
"2"
></
li
>
</
ol
>
<
div
class
=
"carousel-inner"
>
<
div
class
=
"carousel-item active"
>
<
img
src
=
"../static/images/img3.jpg"
class
=
"d-block w-100"
alt
=
"..."
>
</
div
>
<
div
class
=
"carousel-item"
>
<
img
src
=
"../static/images/img4.jpg"
class
=
"d-block w-100"
alt
=
"..."
>
</
div
>
<
div
class
=
"carousel-item"
>
<
img
src
=
"../static/images/img5.jpg"
class
=
"d-block w-100"
alt
=
"..."
>
</
div
>
</
div
>
<
a
class
=
"carousel-control-prev"
href
=
"#carouselExampleIndicators"
role
=
"button"
data-slide
=
"prev"
>
<
span
class
=
"carousel-control-prev-icon"
aria-hidden
=
"true"
></
span
>
<
span
class
=
"sr-only"
>Previous</
span
>
</
a
>
<
a
class
=
"carousel-control-next"
href
=
"#carouselExampleIndicators"
role
=
"button"
data-slide
=
"next"
>
<
span
class
=
"carousel-control-next-icon"
aria-hidden
=
"true"
></
span
>
<
span
class
=
"sr-only"
>Next</
span
>
</
a
>
</
div
>
</
body
>
</
html
>