You are on page 1of 6

<!

DOCTYPE html>
<html>
<head>

<title>Holy Trinity Academy of LOay</title>


<link rel="shortcut icon" type="image/x-icon" href="/img/htaloayseal.ico" />
<style>
a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active {
text-decoration: underline;
}
.classy {
position: absolute;
width: 662px;
height: 707px;
left: 3px;
top: 19px;
}

#content_header {
position: absolute;
width: 685px;
height: 740px;
left: 446px;
top: 169px;
background-image: url(/img/bin.jpg);
}
#div_BGROUND {
position: absolute;
width: 200px;
height: 115px;
z-index: 3;
left: 152px;
top: 261px;
}
#left_menu {
position: absolute;
width: 212px;
height: 288px;
background-color: #00FFFF;
left: 228px;
top: 189px;

.leftmenu {
position: relative;
width: 212px;
background-color: #00FFFF;
left: 228px;
}
</style>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
font-family: calibri;
font-size: 14px;
}

li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}

li a.active {
background-color: #4CAF50;
color: white;
}

.divcolor {

background-color: #4CAF50;

li a:hover:not(.active) {
background-color: #555;
color: white;
}

</style>

<style>
.dropbtn {
background-color: #10d2c3;
color: black;
padding: 5px;
font-size: 15px;
border: none;
cursor: pointer;
font-family: calibri;
width: 176px;
font-weight: 600;
}

.dropdown {
position: relative;
display: inline-block;
font-family: calibri;
font-size: 14px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color: black;
padding: 8px 5x;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
#f_logo {
position: absolute;
width: 130px;
height: 29px;
z-index: 4;
left: 681px;
top: 56px;
}
#contact_link {
position: absolute;
width: 200px;
height: 39px;
z-index: 5;
left: 803px;
top: 63px;
}
#school_logo {
position: absolute;
width: 200px;
height: 115px;

left: 551px;
top: 227px;
}
</style>
<body style="padding:0px; margin:0px; background-color:#fff;font-family:'Open
Sans',sans-serif,arial,helvetica,verdana">
<div id="contact_link"><font size = 2><a href = "#">[Contact Us]</a></font></div>
<center><img src="/img/header.jpg" alt="" width="900" height="90"></center>
<hr size = 3/>
<center>
<div class="dropdown">
<button class="dropbtn"><a href = "https://htaloay-
edu.000webhostapp.com/">Home</a></button>
</div>
<div class="dropdown">
<button class="dropbtn">About HTA</button>
<div class="dropdown-content">
<a href="/About HTA/history"><center>Historical Sketch</center></a>
<hr />
<a href="/About-HTA/School-Seal-and-Motto"><center>The School Seal and
Motto</center></a>
<hr />
<a href="About HTA/The HTA Philosophy"><center>The HTA
Philosophy</center></a>
<hr />
<a href="About HTA/VMOV"><center>Vision-MIssion-Objectives and
Values(VMOV)</center></a>
<hr />
</div>
</div>

<div class="dropdown">
<button class="dropbtn">Academic Services</button>
<div class="dropdown-content">
<a href="Academic Services/jhs"><center>Junior High School
Programs</center></a>
<hr />
<a href="Academic Services/shs"><center>Senior High School
Programs</center></a>
<hr />
<a href="Academic Services/curricular"><center>Curriculum and <br> Co-
Curricular Offering</center></a>
<hr />
<a href="Academic Services/SAP"><center>Student Activity Program</center></a>
<hr />
<a href="Academic Services/specialized"><center>Specialized
Programs</center></a>
<hr />
<a href="Academic Services/k12"><center>K to 12 Program</center></a>
</div>
</div>

<div class="dropdown">
<button class="dropbtn">Services</button>
<div class="dropdown-content">
<a href="Services/admission"><center>Admission</center></a>
<hr />
<a href="Services/student services"><center>Student Services</center></a>
<hr />

</div>
</div>
<div class="dropdown">
<button class="dropbtn">Log In</button>
<div class="dropdown-content">
<a href="#"><center>Faculty</center></a>
<hr />
<a href="#"><center>Student</center></a>
<hr />

</div>
</div>
</center>

<br>

<div id="content_header">
<div class = 'classy' align = "justify">School Motto: Truth in Love<br>
School seal
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Symbols:<br>
The inner circle represents the HTA school world where formation and growth
take place. The equilateral triangle symbolizes the Triune God dwelling in
everyone's heart.<br>
The flame on top of the Bible is the symbol of the Holy Spirit, the Spirit
of TRUTH in LOVe. The Bible stands for THE WORD nourishing the school community and
through which each member<br>
is called to live.<br>
The outer circle represents the wider world where the students go to
proclaim the Good News of God's Love. And as they plan their individual role as
fruitful members of the church they bring light<br>
to the world (symbolized by the rays of light surrounding the outer
cirlcle)<br>
The school's seal and motto serve as a reminder of our Christian vocation
to live actively as witnesses to TRUTH and LOVE - so that the HOLY TRIUNE GOD LIVE
IN OUR HEARTS AND IN THE HEARTS OF ALL PEOPLE.<br>
</p>
</div>
</div>

<br>
<div id="f_logo"><a href="https://www.facebook.com/Holytrinityacademy/"
target="new">
<img src="/img/FacebookLogo.jpg" alt="" width="86" height="27"></a>
</a></div>
<br>
<div class="leftmenu">
<ul>
<li><a href="About HTA/history">Historical Sketch</a></li>
<li><a class="active" href="/About-HTA/School-Seal-and-Motto">The School Seal and
Motto</a></li>
<li><a href="htaphilo.html">The HTA Philosophy</a></li>
<li><a href="vmvo.html">Vision-MIssion-Objectives and Values(VMOV)</a></li>
</ul>

</div>
<br>
<div id="school_logo"><img src="/img/logo.gif" width="504" height="360"></div>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br>

<font size = 1 face = verdana>


<center>
Copyright 2016 All rights reserved.<br>
<font color = "orange"><b>HOLY TRINITY ACADEMY OF LOAY</b></font><br>
Poblacion Ubos,Loay, Bohol, Philippines<br>
Telephone Nos. +63 (38) (Globelines) 538 9112 . Email:
Holytrinityacademyloay@yahoo.com <br>

Last updated: (GMT+0800) April 10, 2017. <br><br><br>

</body>
</html>

<style>
div.relative {
position: relative;
left: 228px;
top: 189px;
width: 212px;
border: 3px solid #73AD21;
}
</style>

You might also like