Scribd
Upload
63 views

Webpage

A max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable in the side columns. IE6 does not respect this declaration. /.header background: #6F7D94; margin: 0 auto; / the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the.container's width to 100%.

Uploaded by

Danica Kriszia Vullag
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
63 views

Webpage

A max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable in the side columns. IE6 does not respect this declaration. /.header background: #6F7D94; margin: 0 auto; / the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the.container's width to 100%.

Uploaded by

Danica Kriszia Vullag
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 50

1st Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; } a:link { color:#FFF text-decoration: underline; } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94;

} .content { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { /* clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } body,td,th { color: #FFFFFF; text-align: center; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #apDiv1 { position:absolute; left:100px; top:297px; width:177px; height:70px; z-index:1; } #apDiv2 {

position:absolute; left:350px; top:299px; width:237px; height:217px; z-index:2; font-size: 16px; } .s { font-style: italic; } .s { font-size: 70%; } .s { font-size: 80%; } .s { font-size: 100%; } #apDiv3 { position:absolute; left:649px; top:643px; width:299px; height:317px; z-index:3; } #apDiv4 { position:absolute; left:267px; top:317px; width:10px; height:15px; z-index:4; } #apDiv5 { position:absolute; left:645px; top:355px; width:229px; height:268px; z-index:4; } #apDiv6 { position:absolute; left:719px; top:266px; width:201px;

height:54px; z-index:0; visibility: inherit; } #Layer1 { position:absolute; left:317px; top:358px; width:307px; height:441px; z-index:5; } </style> </head> <body> <div id="apDiv1"><img src="sv.jpg" width="202" height="513" /></div> <div id="apDiv3"> <table width="268" height="340" border="1"> <tr> <td width="274"><p>Vicentian Quote:</p> <p>&quot; <em>You see a great deal of distress that you are unable to relieve. God sees it also. Bear the pains of the poor together with them, doing all you can to give them whatever help they need, and remain in peace.</em>&quot;</p></td> </tr> </table> </div> <div id="apDiv5"><img src="Isabel.jpg" width="274" height="278" /></div> <div id="Layer1"> <p><strong>Basic Education Program </strong></p> <p align="left">- Grade School</p> <p align="left">- High School</p> <p align="left">&nbsp;</p> <p align="center"><strong>Higher Education Program</strong></p> <p align="center">&nbsp;</p> <p align="left"><strong>-</strong>Computer Studies Program</p> <p align="left">-Music Program </p> <p align="left">-Accountancy Program</p> <p align="left">-AB-Education Teacher Program</p> <p align="left">-Bussiness Studies Program</p> <p align="left">-Bachelor of Science in Hotel and Restaurant Management Program </p> <p align="left">&nbsp; </p> </div> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="818" height="173" /></div> <div class="content"> <table width="807" border="1" cellspacing="10" cellpadding="5">

<tr> <td width="150" height="39"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="Untitled-1.html">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul> </div></td> <td width="139"><div align="center"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td> <td width="141"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="118"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a href="#" class="MenuBarItemSubmenu">Saint</a> <ul> <li><a href="saint.html">Patron Saint</a></li> </ul> </li> </ul> </div></td> <td width="137"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a href="#" class="MenuBarItemSubmenu">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td>

</tr> </table> <p></p> <div align="right"><a href="https://www.facebook.com/pages/Santa-Isabel-CollegeManila/198476580198224"><img src="facebook-logo_100182759_s.png" width="30" height="30" border="0" usemap="#Map" /></a> <map name="Map" id="Map"><area shape="rect" coords="2,6,26,29" href="#" /></map> <center> <!-- end .content --> <img src="twitter-logo.jpg" width="30" height="30" border="0" usemap="#Map2" href="https://twitter.com/#!/SIC1995" /> <map name="Map2" id="Map2"><area shape="rect" coords="4,6,27,29" href="#" /></map></div> <p> <div align="center"> <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>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </div> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td width="375"><div align="center"><a href="Home.html">Top</a></div></td> <td width="381"><div align="center"><a href="About.html">Next</a></div></td> <td width="10"><div align="center"></div></td> </tr> </table> <!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2",

{imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 2nd Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Site Map</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; } a img {border: none; } a:link { color:#FFF; text-decoration: underline; } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none;

} .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94; } .content { color:#FFFFFF; padding: 10px 0; bacaground-image:url(600px-Maroon.svg.png); } .content ul, .content ol { padding: 0 15px 15px 40px;} /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .courses { color:#FF0; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head>

<body> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="819" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="148" height="39"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul> </div></td> <td width="153"><div align="center"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td <td width="132"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a href="courses.html" class="MenuBarItemSubmenu">Courses</a> <ul> <li><a href="#">Courses</a></li> </ul> </li> </ul> </div></td> <td width="122"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a href="saint.html" class="MenuBarItemSubmenu">Saints</a> <ul> <li><a href="#">Saints</a></li> </ul> </li> </ul> </div></td> <td width="142"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a href="Facility.html" class="MenuBarItemSubmenu">Facility</a>

<ul> <li><a href="#">Photos</a></li> </ul> </li> </ul> </div></td> </tr> </table> <br /> <br/> <center> <p><img src="sitemap.jpg" /></p> <p>&nbsp;</p> </center> <!-- end .content --></div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="Home.html">Previous Page</a></div></td> <td><div align="center"><a href="Sitemap.html">Top</a></div></td> <td><div align="center"><a href="About.html">Next Page</a></div></td> </tr> </table> <!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 3rd Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>About</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; } a img border: none; } a:link { color:#FFF text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */ } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus text-decoration: none; } .container { width: 80%; max-width: 1260px min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } header { background: #6F7D94; } .content { padding: 10px 0; background-image:url(600px-Maroon.svg.png);

} /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } img { float:left; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .container .content p { font-family: Arial Black, Gadget, sans-serif; } body,td,th { color: #FFF; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div clss="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="815" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="119" height="39"><div align="center"> </div> <ul id="MenuBar1" class="MenuBarHorizontal">

<li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul></td> <td width="121"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td> <td width="158"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li </ul> </li> </ul> </div></td> <td width="123"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Saint</a> <ul> <li><a href="saint.html">Patron Saints</a></li> </ul> </li> </ul> </div></td> <td width="131"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <p align="justify"> <h1 align="center">&nbsp;</h1> <h1 align="justify"><img src="Screenshot.png" width="261" height="423" /></h1>

<h1 align="center"><strong>S</strong>anta Isabel College</h1> <blockquote> <blockquote> <p align="center"> -is a former all girls catholic school and university in Ermita in the city of Manila, Philippines (they are now accepting boys of all levels), offering courses at the primary, secondary, and post-secondary levels. The school is currently operated by the Daughters og Charity.</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="Home.html">Previous Page</a></div></td> <td><div align="center"><a href="About.html">Top</a></div></td> <td><div align="center"><a href="courses.html">Next Page</a></div></td> </tr> </table> <div align="center"> <h5>Copyright&copy;2012</h5> </div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 4th Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>History</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none; } /* ~~ Styling for yoursite's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link { color:#FFF text-decoration: underline; /* unless you stle your links to look extremely unique, it's best to provide underlines for quick visual identification */ } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: none; } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narow.

This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94; } .content { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } img { float:left; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .container .content p { font-family: Arial Black, Gadget, sans-serif; } body,td,th { color: #FFF; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="815" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="119" height="39"><div align="center"> </div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul></td> <td width="121"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td> <td width="158"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="123"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Saint</a> <ul> <li><a href="saint.html">Patron Saints</a></li> </ul> </div></td> <td width="131"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Facility</a>

<ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <p><h1><center>SCHOOL HISTORY</center></p></h1> <p></p> <p position="absolute"><img src="hitory1.jpg" height=300 width=300/> <img src="2_1.jpg" height=300 width=300 /></p> <h4><p>The Colegio de Santa Isabel was founded on October 24, 1632 with the primary purpose of educating Spanish orphans, daughters of the Spanish soldiers in the service of the King. But in the later years its doors were opened to Filipino girls as well. In 1733, by a royal decree of Queen Isabela II, the name of the college was changed to Real Colegio de Santa Isabel.</p></h4> <h4><p>On July 22, 1862, fifteen Daughters of Charity of St. Vincent de Paul arrived in the Philippines from Spain. Two years after, the Daughters of Charity took over the administration of the Real Colegio de Santa Isabel. The College was then in Intramuros until it was totally destroyed by fire during the liberation of Manila. After losing the Colegio, the Sisters sought refuge at St. Ritas College which was fortunately spared from the ravages of war.</p></h4> <h4><p>The Sisters taught in St. Ritas College to support themselves, determined to keep alive the name of this illustrious college. The zealous Sisters left no stone unturned until they found a temporary home for the students. It was through the kindness of the benevolent and compassionate Monsignor Vicente Reyes, then Parish Priest of San Miguel Parish, who offered some rooms in the convent so that the Sisters were able to start anew their apostolate of educating the young. The sisters were not contented with the temporariness of the situation, so these courageous women led by Sr. Juana Zabalza, Superior of the College at that time, and the indefatigable principal Sr. Candida Ocampo, who later became the first Filipina Superior of the College, were able to acquire the former St. Rita at 210 Taft Avenue, Manila. These dedicated Sisters put Santa Isabel College on solid ground again. The post-war Santa Isabel College owes partly its reason for being to them.</p></h4> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="About.html">Previous Page</a></div></td> <td><div align="center"><a href="History">Top</a></div></td> <td><div align="center"><a href="Mission-Vision">Next Page</a></div></td> </tr> </table> <p> </p> <div align="center"> <h5>Copyright&copy;2012</h5> </div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 5th page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mission-Vision</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape frm their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img { /* this selector removes he default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none;

} /* ~~ Styling for yoursite's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link { color:#FFF text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */ } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: none; } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94; } */ .content { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } img { float:left; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right;

margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .container .content p { font-family: Arial Black, Gadget, sans-serif; } body,td,th { color: #FFF; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="815" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="119" height="39"><div align="center"> </div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul></td> <td width="121"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul>

</li> </ul> </div></td> <td width="158"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="123"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Saint</a> <ul> <li><a href="saint.html">Patron Saints</a></li> </ul> </li> </ul> </div></td> <td width="131"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <p></p> <p></p> <p><center><h1><blockquote>VISION-MISSION STATEMENT</h1></Center></p></blockquote> <p><br/><b><I>Vision</I></p> <p></p> <p></p> <blockquote> <blockquote> <blockquote> <p>An audacious Christ-Centered educational institution committed to empowering communities of learners into innerdirected Vincentian leaders and advocates of persons who are poor.</p> </blockquote> </blockquote> </blockquote> <p></p> <p></p> <p><br/><b><I>Mission</I></p> <p></p> <p></p>

<blockquote> <blockquote> <blockquote> <p>At Santa Isabel College, we commit ourselves to:</p> <ul> <li>Courageously pursue value innovative educational programs and services anchored in Christ. <li>Interdependently accelerate leadership and professional development through continuing education and intensive Vincentian Formation. <li>Synergistically facilitate the integral development of the learners towards transformation through current researches, relevant curricular offerings and responsive community extension services. <li>Relentlessly generate a new breed of self-directed, global and environmentally caring Vincentian leaders. <li>Ardently support one another in sustaining the shared mission. </ul></blockquote> </blockquote> </blockquote> <p></p> <p></p> <p><br><b><I>Core Values</I></p> <p></p> <p></p> <blockquote> <blockquote> <blockquote> <p>To ensure the realization of the Santa Isabel College Vision and Mission, the following core values are given focus and integrated in the institutions endeavors.</p> <p><b>ADVOCACY FOR PERSONS WHO ARE POOR</b></p> <ul> <li>Directs us to empower the marginalized sector through ones personal preferential option for the poor in building a society that promotes truth and justice. </ul> <p><b>COMMITMENT TO VINCENTIAN EXCELLENCE</b></p> <ul> <li>Dedication to the highest ideals in the continuing pursuit of global excellence for quality education that motivates and infuses the spirit of St. Vincent de Paul in the learning community. </ul> <p><b>COMPASSIONATE SERVICE</b></p> <ul> <li>Sensitivity to the needs of others and zealous response of caring and sharing with the needy and the disadvantaged, out of loving and humble heart. </ul> <p><b>CO-RESPONSIBILITY</b></p> <ul> <li>Spirit of dialogue, partnership, participation, teamwork and collaboration in all endeavors for the good of all. </ul> <p><b>RESPECT FOR HUMAN DIGNITY</b></p> <ul> <li>Reverence for every person and concern for the promotion of life, human rights and total human development. </ul>

<p><b>SOCIAL COMMITMENT</b></p> <ul> <li>Audacious love of country and dedication to the transformation of communities and society by change of personal attitudes and unjust social structures through peaceful means. </ul><p><b>SIMPLICITY</b></p> <ul> <li>Loving and living out in truth and freedom, honesty and transparency in relationships; modest and simple lifestyle in solidarity with the less-privileged. </ul> <p><b>SOLIDARITY WITH THE POOR</b></p> <ul> <li>Sense of communion with persons, and families centered in the Eucharist, regardless of gender race, color, creed and socio-economic status, and a firm determination to promote the common good. </ul> </blockquote> </blockquote> </blockquote> <p><br/><b><I>ATTRIBUTES OF AN ISABELAN</I></p> <p></p> <p></p> <blockquote> <blockquote> <blockquote> <p> <ul> <li>CHARITABLE <li>COMPASSIONATE <li>CREATIVE <li>COMPETENT <li>CHRIST-CENTERED </p></blockquote> </blockquote> </blockquote> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="History.html">Previous Page</a></div></td> <td><div align="center"><a href="Mission-Vision">Top</a></div></td> <td><div align="center"><a href="Seal.html">Next Page</a></div></td> </tr> </table> <p> </p> <div align="center"> <h5>Copyright&copy;2012</h5> </div> </div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",

{imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 6th Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>School Seal</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img {border: none; }

a:link { color:#FFF text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */ } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: none; } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 80%; max-width: 1260px min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94; } .content { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } img { float:left; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; }

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element followig the last floated div (within the #container) if the #footer is removed or taken out of the #container */ clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .container .content p { font-family: Arial Black, Gadget, sans-serif; } body,td,th { color: #FFF; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="815" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="119" height="39"><div align="center"> </div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul></td> <td width="121"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td>

<td width="158"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="123"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Saint</a> <ul> <li><a href="saint.html">Patron Saints</a></li> </ul> </li> </ul> </div></td> <td width="131"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <p align="justify"> <h1 align="center">THE SANTA ISABEL COLLEGE SEAL</h1> <p></p> <br> <p position="absolute" align="center"> <img src="schoolseal.jpg" align="center" height="200px" width="200"></img> <p></p> <p></p> <p></p> <blockquote> <blockquote><h4>The Cross at the center of Santa Isabel College's seal symbolizes Christ, the Center, whose charity urges the institution in its mission of educating the youth. The even arms of the cross stand for the school's freedom from bias in the choice of her students. In between the arms are inscribed four Latin terms, namely: Caritas-Charity, Humilitas-Humility, Sapientia-Knowledge, and DisiplinaDiscipline. The school instills in the young, benevolent love, humility, and self-control in relation to themselves, their peers, and specially the less-privileged. The students are given equal opportunities to acquire and interpret knowledge of truth about the realities around and most especially, the reality of God's providence to human beings, through the different programs. These four aspects of the seal are integrated in the context of the student's Christian and human development.</blockquote></h4> <blockquote><h4>The colors in the seal are maroon and gold. The cross is coloredgold, and the letters

and lines are maroon. Gold symbolizes the Church dedicated to the cause of Christian Education. Maroon is the symbol of royalty. Santa Isabel College was founded out of the Spanish Queen's unselfish devotion to the welfare of others. She provided free education to the orphaned daughters of the Spanish soldiers and later to deserving Filipino young girls.</blockquote></h4> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> </blockquote> </blockquote> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="Mission-Vision">Previous Page</a></div></td> <td><div align="center"><a href="Seal">Top</a></div></td> <td><div align="center"><a href="EducationalGoals">Next Page</a></div></td> </tr> </table> <p> </p> <div align="center"> <h5>Copyright&copy;2012</h5> </div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 7th Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Educational Goal</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0 padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape frm their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none; } /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link { color:#FFF text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */ } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow.

This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94; } .content { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } img { float:left; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .container .content p { font-family: Arial Black, Gadget, sans-serif; } body,td,th { color: #FFF; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /

</head> <body> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="815" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="119" height="39"><div align="center"> </div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul></td> <td width="121"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td> <td width="158"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="123"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Saint</a> <ul> <li><a href="saint.html">Patron Saints</a></li> </ul> </li> </ul> </div></td> <td width="131"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal">

<li><a class="MenuBarItemSubmenu" href="#">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <p></p> <p><center><b><h1>EDUCATIONAL GOALS</h1></b></center></p> <p></p> <p></p> <p></p> <br/> <p><h4>Santa Isabel College is committed to:</h4></p> <blockquote> <p><ol><h4> <li>The formation of a community of disciples steeped in faith and in values who will radiate Christ and thus become agents of His transforming love. <li>The cultivation of human and Christian attitudes among the members of the school community so that they can responsibly participate in genuinely renewing the groups to which they belong towards total human development-liberation and in animating them with truly Filipino, Christian, and Vincentian values. <li>The fuller integration into the mainstream of the life of the local Church particularly through the organization of the BEC (Basic Ecclesial Communities) and through active participation in its sociopastoral programs. <li>The advancement of the socio-economic goals of the country through the development of self-reliant and productive citizens ready to participate in the basic functions of society and the promotion of those traits and elements in our cultural heritage that are judged desirable in the light of the Gospel. <li>The promotion of pedagogical principles and strategies that encourage creativity, critical reflection and active non- violent involvement in the promotion of justice, solidarity and peace. <li>The promotion of a lifestyle which is Christo-centric, Marian and Vincentian, characterized by love, humility, a spirit of servanthood, simplicity, compassion for, and preferential service for the truly poor. <ol></h4> </p> </blockquote> <p></p> <p align="justify">&nbsp;</p> <p align="justify">&nbsp;</p> </blockquote> </blockquote> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="Seal">Previous Page</a></div></td> <td><div align="center"><a href="About.html">Top</a></div></td> <td><div align="center"><a href="courses.html">Next Page</a></div></td> </tr>

</table> <p> </p> <div align="center"> <h5>Copyright&copy;2012</h5> </div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBa4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 8th Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HED Courses</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */

padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img {border: none; } /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link { color:#FFF text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */ } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: none; } /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } .header { background: #6F7D94 } .content { color:#FFFFFF; padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png) }

/* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } .courses { color:#FF0; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div clss="header"><!-- end .header --><img src="finalbanner.jpg" width="819" height="173" /></div> <div class="content"> <table width="819" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="148" height="39"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul> </div></td> <td width="153"><div align="center"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul>

</li> </ul> </div></td> <td width="132"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a href="courses.html" class="MenuBarItemSubmenu">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="122"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a href="saint.html" class="MenuBarItemSubmenu">Saints</a> <ul> <><a href="saint.html">Patron Saint</a></li> </ul </li> </ul> </div></td> <td width="142"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a href="Facility.html" class="MenuBarItemSubmenu">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <p><h1><center>Courses Offered</center></h1></p> <p> <div class="Courses"> <p> <img src="music.jpg" width="113" height="111" /></p> <blockquote> <blockquote> <blockquote> <p> Music Program</p> <p>- Master of Arts major in Music Education<br /> -Master of Music (MM)</p> <blockquote> <p> Majors in: Composition, Voice, Piano Music Education with concentration in Musicology &amp; Piano Pedagogy </p> </blockquote> <p>- Bachelor of Music </p> <blockquote> <p> Major in: Piano, Voice, Guitar, Violin, Viola, Cello, Clarinet, lute, Saxophone, Marimba,

Kulintang, Percussion, Composition, Conducting <br /> Philippine Music</p> </blockquote> <p>- Bachelor of Arts (AB)</p> <blockquote> <blockquote> <p> Major in: English </p> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> <p><img src="zeal ab.jpg" width="108" height="107" /> </p> <blockquote> <blockquote> <blockquote> <p>Bachelor of Secondary Education (BSEd) </p> <blockquote> <blockquote> <p> Major in: Computer Education, English, Religious Education/Catechetics </p> </blockquote> </blockquote> <p>- Teacher Certificate Program (TCP) for Professionals </p> </blockquote> </blockquote> </blockquote> <p><img src="zeal ba.jpg" width="115" height="108" /> </p> <blockquote> <blockquote> <blockquote> <p>Business Administration Program</p> <p> -Bachelor of Science in Business Administratio (BSBA) </p> <blockquote> <blockquote> <p> Major in: Marketing Management, Financial Management <br /> Human Resource Development Management</p> </blockquote> </blockquote> </blockquote> </blockquote> </blockquote> <p><img src="zeal it.jpg" width="120" height="102" /> </p> <blockquote> <blockquote> <blockquote> <p>COMPUTER STUDIES PROGRAM </p> <p>- Bachelor of Science in Information Technology (BSIT)</p> </blockquote> </blockquote>

</blockquote> <p><img src="zealbsa.jpg" width="116" height="100" /> </p> <blockquote> <blockquote> <blockquote> <p>Accountancy Program </p> <p>- Bachelor of Science in Accountancy (BSA)</p> </blockquote> </blockquote> </blockquote> <p><img src="zealhrm.jpg" width="113" height="91" /></p> <blockquote> <blockquote> <blockquote> <p> Hotel and Restaurant Management Program</p> <p>- Bachelor of Science in Hotel Restaurant Management(BSHRM) </p> <blockquote> <blockquote> <p>&nbsp;</p> <blockquote> <p align="center">&nbsp; </p> <p align="center"><strong><em>EVENING CLASSES</em></strong></p> </blockquote> </blockquote> </blockquote> </blockquote> <p align="justify"> -Bachelor of Science in Hotel Restaurant Management(BSHRM) <br /> - Bachelor of Science in Information Technology (BSIT) <br /> -Bachelor of Science in Business Administration</p> <blockquote> <p align="justify"> Major in: Marketing, Financial Management &amp; Human Resources Management </p> </blockquote> </blockquote> </blockquote> <p>&nbsp;</p> <blockquote> <blockquote> <blockquote> </div> <!-- end .content --></div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="EducationalGoal">Previous Page</a></div></td> <td><div align="center"><a href="courses.html">Top</a></div></td> <td><div align="center"><a href="saint.html">Next Page</a></div></td> </tr> </table>

<!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBa2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 9th Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Saints</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */

border: none; } /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link { color:#FFF text-decoration: underline; } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } .container { width: 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; } .header { background: #6F7D94; } .content { color:#FFFFFF; padding: 10px 0; background-image:url(600px-Maroon.svg.png); div.img a:hover img {border: 1px solid #0000ff; div.desc } .content ul, .content ol { padding: 0 15px 15px 40px; } .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.container .content table tr td { font-family: Verdana, Geneva, sans-serif; div.img a:hover img {border: 1px solid #0000ff; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('Csodsrem.gif')"> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="807" height="173" /></div> <div class="content"> <div align="center"> <table width="791" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="124" height="39"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </div></td> <td width="126" align="center"><div align="center"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul>

<li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td> <td width="164"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="128"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a href="#" class="MenuBarItemSubmenu">Saints</a> <ul> <li><a href="saint.html">Patron Saints</a></li> </ul> </li> </ul> </div></td> <td width="148"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Facility</a> <ul> <li><a class="MenuBarItemSubmenu" href="Facility.html">Gallery</a> <ul> <li><a href="#">Item 3.1.1</a></li> <li><a href="#">Item 3.1.2</a></li> </ul> </li> </ul> </li> </ul> </div></td> </tr> </table> </div> <p align="center"> <!-- end .content --> <div align="center"> <table width="768" height="220" border="1" cellpadding="1" cellspacing="1"> <tr></tr> <tr>

<td width="379"><div align="center"><img src="stvincent.jpg" width="228" height="306" /></div></td> <td width="376"><div align="center"><img src="louis de marillac.jpg" width="190" height="319" /></div></td> </tr> <tr> <td><div align="center">Saint vincent de Paul</div></td> <td><div align="center">Saint Louise de Marillac</div></td> </tr> </table> <table width="767" border="1" cellspacing="1" cellpadding="1"> <tr> <td width="377"><div align="center"><img src="314559_273027832720992_100000413331251_969765_1071081904_n.jpg" width="256" height="366" /></div></td> <td width="377"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Csodsrem.gif',1)"><img src="220pxCatherine_Labour.jpg" name="Image6" width="220" height="312" border="0" id="Image6" /></a></div></td> </tr> <tr> <td><div align="center">Sto. Cristo Del Tesoro</div></td> <td><div align="center">Saint Catherine Labour</div></td> </tr> </table> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td><div align="center"><a href="courses.html">Previous Page</a></div></td> <td><div align="center"><a href="saint.html">Top</a></div></td> <td><div align="center"><a href="Facility.html">Next Page</a></div></td> </tr> </table> <p>&nbsp;</p> <!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",

imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html> 10th Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Facilities</title> <style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color:#DAA520; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; } a:link { color:#FFF text-decoration: underline; } a:visited { color:#FFFF00 text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } .container { width: 80%; max-width: 1260px min-width: 780px background: #FFF; margin: 0 auto; } .header { background: #6F7D94; } .content { padding: 10px 0;

background-image:url(600px-Maroon.svg.png); } /* ~~ This grouped selector gives the lists in the .content area space ~~ */ .content ul, .content ol { padding: 0 15px 15px 40px; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background-image:url(600px-Maroon.svg.png); } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .container .content table tr td { font-family: Verdana, Geneva, sans-serif; } body,td,th { color: #FFFFFF; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div class="header"><!-- end .header --><img src="finalbanner.jpg" width="809" height="173" /></div> <div class="content"> <table width="807" border="1" cellspacing="10" cellpadding="5"> <tr> <td width="150" height="39"><div align="center"> <ul id="MenuBar2" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Home</a> <ul> <li><a href="Sitemap.html">Site Map</a></li> </ul> </li> </ul> </div></td>

<td width="139"><div align="center"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="About.html">About</a> <ul> <li><a href="History">History</a></li> <li><a href="Mission-Vision">Mission-Vision</a></li> <li><a href="Seal">School Seal</a></li> <li><a href="EducationalGoals">Educational Goal</a></li> </ul> </li> </ul> </div></td> <td width="141"><div align="center"> <ul id="MenuBar3" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Courses</a> <ul> <li><a href="courses.html">Courses Offered</a></li> </ul> </li> </ul> </div></td> <td width="118"><div align="center"> <ul id="MenuBar4" class="MenuBarHorizontal"> <li><a href="#" class="MenuBarItemSubmenu">Saint</a> <ul> <li><a href="saint.html">Patron Saint</a></li> </ul> </li> </ul> </div></td> <td width="137"><div align="center"> <ul id="MenuBar5" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Facility</a> <ul> <li><a href="Facility.html">Gallery</a></li> </ul> </li> </ul> </div></td> </tr> </table> <!-- end .content --> <div align="center"> <table width="1045" height="3157" border="0" cellpadding="1" cellspacing="1"> <tr> <td width="327"><div align="center"> <p><img src="395570_372714976076812_229082064_n.jpg" width="300" height="300" /></p> <p>School Gate</p> </div></td>

<td width="378"><div align="center"> <p><img src="405923_372715172743459_100000149386758_1621325_1602841446_n.jpg" width="300" height="300" /></p> </div></td> <td width="300"><div align="center"></div></td> <td width="22"><div align="center"></div></td> </tr> <tr> <td height="329"><div align="center"><img src="2_1.jpg" width="300" height="300" /></div></td> <td><div align="center"> <p><img src="407270_372712822743694_100000149386758_1621295_1481353951_n.jpg" width="300" height="300" /></p> <p>Santa Isabel Chapel </p> </div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> </tr> <tr> <td height="334"><div align="center"> <p><img src="417306_372709416077368_100000149386758_1621248_1042415089_n.jpg" alt="" width="300" height="300" /></p> <p>Hallway</p> </div></td> <td><div align="center"> <p><img src="422868_372715462743430_100000149386758_1621329_588243102_n.jpg" alt="" width="300" height="300" /></p> <p>Gate</p> </div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> <tr> <td height="322"><div align="center"> <p><img src="408878_372710022743974_100000149386758_1621257_389547030_n.jpg" width="300" height="300" /></p> <p>Canteen</p> </div></td> <td><div align="center"><img src="310944_273032339387208_100000413331251_969829_1936264251_n.jpg" width="300" height="300" /></div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> </tr> <tr> <td height="337"><div align="center"> <p><img src="298525_273032296053879_100000413331251_969828_1606168028_n.jpg" width="300" height="300" /></p> <p>BED</p> </div></td>

<td><div align="center"> <p><img src="423708_371784296169880_100000149386758_1618209_522842582_n.jpg" width="300" height="300" /></p> <p>Clinic</p> </div></td> <td><div align="center"></div></td> <td><div align="center"></div></td> </tr> <tr> <td height="319"><div align="center"> <p><img src="427473_372714766076833_100000149386758_1621318_1898193183_n.jpg" width="300" height="300" /></p> <p>HRM laboratory </p> </div></td> <td><div align="center"> <p><img src="398468_372711812743795_100000149386758_1621283_1769373703_n.jpg" width="300" height="300" /></p> <p>Shalom</p> </div></td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td><div align="center"> <p><img src="401511_371783892836587_100000149386758_1618203_1293218237_n.jpg" width="300" height="300" /></p> <p>CES Office </p> </div></td> <td><div align="center"> <p><img src="408878_372710022743974_100000149386758_1621257_389547030_n.jpg" width="300" height="300" /></p> <p>Canteen</p> </div></td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td height="379"><div align="center"> <p><img src="429143_372713936076916_100000149386758_1621306_517348206_n.jpg" width="300" height="300" /></p> <p>Registrar's Office </p> </div></td> <td><div align="center"> <p><img src="409057_372713739410269_100000149386758_1621303_1659534365_n.jpg" width="300" height="300" /></p> <p>The stair going up to Sto. Cristo del Tesoro Auditorium </p> </div></td> <td>&nbsp;</td> <td>&nbsp;</td>

</tr> <tr> <td><div align="center"> <p><img src="423070_372711652743811_100000149386758_1621281_989924487_n.jpg" width="300" height="300" /></p> <p>HED Court </p> </div></td> <td><div align="center"> <p><img src="401288_372709099410733_100000149386758_1621243_1508750679_n.jpg" width="300" height="300" /></p> <p>Inside the Chapel </p> </div></td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> </div> <div class="footer"> <table width="770" height="38" border="0" align="center"> <tr> <td width="375"><div align="center"><a href="saint.html">Previous Page</a></div></td> <td width="381"><div align="center"><a href="Facility.html">Top</a></div></td> <td width="10"><div align="center"></div></td> </tr> </table> <!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body></html>

You might also like