Saturday, February 27, 2016

APPLYPART1

APPLY YOUR KNOWLEDGE

1. Just type the code

2. color: #336600;
}
h1{ font-family: "Times New Roman", sans-serif;
}
p{ font-size:150%;
}
</style>
</head>

3. <style> down "is not closed

BLOG
<!DOCTYPE html>
<html>
<head>
<title> My Blog </title>
<link rel="stylesheet" type="text/css" href="blogstyle.css">
</head>

<body>
<div id="container">


<div id="header">
<h1> Big Ass Machine</h1>
</div>
<div id="nav">
<ul>
<li>Home</li>
<li>About</li>
<li>IDK</li>
</ul>
</div>
<div id="main">
<div id="main_left">Article

<p class="tester">
This is a third entry for the blog.
Feb 23,2016
</p>

<p class="tester">
This is a third entry for the blog.
Mar 1, 2016

</p>

<p class="tester">
This is a third entry for the blog.
Mar 3, 2016
</p>

<p class="tester">
This is a third entry for the blog.
</p>
</div>


<div id="main_right">Sidebar
</div>

</div>
<footer>4 Footer
</footer>

</div>
</body>
</html>

Posted by at No comments:

Wednesday, February 10, 2016

Testererererer

<!DOCTYPE html>
<html>
<head>

<title> </title>

<style type="text/css">
.container {
  margin: 50px auto;
  width: 700px;
  height: 300px;
  overflow: hidden;
  border: 10px solid;
  border-top-color: #856036;
  border-left-color: #5d4426;
  border-bottom-color: #856036;
  border-right-color: #5d4426;
  position: relative;
}

.photo {
  position: absolute;
  animation: round 16s infinite;
  opacity: 0;
}

@keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
img:nth-child(1) {
  animation-delay: 12s;
}

img:nth-child(2) {
  animation-delay: 8s;
}

img:nth-child(3) {
  animation-delay: 4s;
}

img:nth-child(4) {
  animation-delay: 0s;
}
</style>
</head>
<body style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed; background-image: url(http://www.ohnetworksolutions.co.za/wp-content/uploads/2014/03/wavy-orange-background1.jpg)" >
<table align="center" bgcolor="white" style="background-repeat: no-repeat; background-size: 90%, 90%;  background-attachment: fixed;">
 <!--Header-->
 <tr>
  <td colspan="2">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR73TSKbvs0RaUh5SBCmCrmBAfPV5RaZlStXKh77DN2xa5dcFFeSxvcGS_gKKVhj9nc3BFYbSbYh6NBXbTXubnUrtqFTMEJ0e14u0pyUCn1-g6p8BpHHV55aZCw4cW31lcN9cD4xONCpI/s1600/BannerHeader.png" />
  </td>
 </tr>

   <tr>
    <td colspan="2">
    <span style="color:#F6358A; font-weight:bold;"><marquee direction="left" scrollamount="3" bgcolor="#333333">Current Event: Baguio Blooms Exhibition and Exposition. Location: Lake Drive, Burnham Park</marquee></span>
    </td>
  </tr>
 
 
 <!--Main Area -->
 <tr height="400px">
  <!--Navigation Start-->
    <td width="151px">

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagHome.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06Mq_sWin9aQb0ZMxTeQ4DY2ZJNmaowxwxfo1yZkwNYEdDJV23XyWWlxZUtCBw2U_PF249Y7qdfi-AYm4vf-5SkbIEEzUgy5L9Lt7zHKsZfV4VwIwNjbHR8iE7MO-XfFTVhZpD7TUsrqR/s1600/PHome2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagSched.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgnRBT5KSoAqg0L25qegMNB7-VPOU2L496fOwO7JtMifCYgL1-1I_9FVW-_57docQ31MxGFeYugYA7LDIIxvSxhrwZV5_eS2FQoI6f49UG3EEm5wcK_hmqoRzbtyzfUc3P0kBNESdtgD0/s1600/PAct2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagReg.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXhawQWSZtSIOJs2ILF58MxAENj33czYEH1vZCv9bpU4ny-NIOVaHWadjmZFEvv9wo2fHhWV_li6N9lJXkiQbR5Wt9rYj0hgPWNfUY1a9_EDx7R5_dQf64bHSX4GXxiD-2Qfb-j_jaQgi/s1600/PR2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagGal.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvK7xnn1P8SqzSGZz2k2dnr-EaJlLnxj0rXVtiihyGWlDLbtH1Lo3PaK83Ym8uCzrlGq5zp4HhA5Qh1-7ydCp30O0qWNBMb0M8WwJR8R1V8KNltMNLqS_0X1GST_w4gohwxtTWbfqR-v4/s1600/PGal2.png.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagAbout.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeB9_6EUuxf4u2BCMDmKHcLVBVeUMx7Lx3v8qHv7vqbE0b86TPGuIpQvm37uecxksfwfEbmxJoUTso6d4fprygY23T1pqNqKXqACF5atJ2MOvBV4EzrXJBr3uajLYLIazrCmLJbb4R_MQ/s1600/PAbt2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png" />
 </a>
  </td>
  <!--End of Navigation-->

  <!--Content Area-->
  <td height="400px" width="800px">
  <div style="max-height:100%;overflow-y: scroll; width:100% border-style: dotted; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgvcUq7_pQj7XXySLRUcRUsWvaeT4-sF7QLQO1jNsmTEGUf_4qEMe01N1bDAN6PHhGUiFtQO0SvS2q3ziXCmdqZ0FPbAkTj-arP45KgN4P1p6DAMdfBs77oBls3CINkl2priPSyGxrMzK/s1600/BGDiv2.png);  background-repeat: no-repeat">
      <div class="div1">
        <p>
    </div>
 
 
 <!--  Append this section to change the images -->
       <div class="container">
<img class='photo' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQgqP1b0ps8CsJgFIlVg6J-f0Cl34Qn6vUti6VTh3Lh9QaKZzq_9NuT2QwoMGjQt6Y792Xdtm1LtvJIl1ONEWSb1xZ1gDmkXEAlf3QoiAYIGWQX9WOHcJqUhiyuG9sq2e1URzp4vCFEpe5/s1600/SliderM.jpg" alt="Panagbenga Flower Festival 2016" />
<img class='photo' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8tYel-eupReVy5Ul0fueur_rVBmdtGNFnTymsua1m8D6obUAE-kCaWjD0xAmbiLGvUJyyNIEpCZ9n5kVa-XfwvqJWbxI6NkCXET14ZVb-MOWPHKZ62PuVmp887tOvGe5ikqQhsFIeLpn/s1600/Slider3.jpg" alt="Street Parade" />
<img class='photo' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqb8JXCVXPV93LDgVTfZDjsZpZQp1l4mPchTneHOv4pje7si_jA7JsVSDZZbA6gZ8cocUnQTgmFtQRui3TC1en19kuXp-Dew06mHZ_j6TmBWNQtrxpQ_6kPu1NLlGbnxvTuJVQQ5lT1wq5/s1600/Slider4.jpg" alt="Beautiful and Inovative Designs" />
<img class='photo' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWl3yQrYLsFoYKOWN-JJ3rkmRImnId63XlbHqZAGwxB2M0mupoQLa0iOzWVlTPYmsy2eR9aRAbnATUL1OGOcWOGt8bOHqmtvvWiUjnkrBSKp0xfxod1gz0AcnNWxBbETRDF9j9ngnZxxwp/s1600/Slider5.jpg" alt="Flower Arrangement" />

</div>
         
  <span style="padding-left: 10px; display:block; background-color: #ccff99;">
  <font color="black" size="4">Panagbenga Festival (English: Blooming Flowers Festival) is a month-long annual flower festival occurring in Baguio.
  The term is of Malayo-Polynesian origin, meaning "season of blooming".
  The festival, held during the month of February, was created as a tribute to the city's flowers and as a way to rise up from the devastation of the 1990 Luzon earthquake.
  The festival includes floats that are covered mostly with flowers not unlike those used in Pasadena's Rose Parade.
  The festival also includes street dancing, presented by dancers clad in flower-inspired costumes, that is inspired by the Bendian, an Ibaloi dance of celebration that came from the Cordillera region.</font>
  </span>
    </div>
  </td>
 
  <!--End of Content-->
 </tr>
 <!--End of Main Area -->

 <!--Footer-->
 <tr height="151px" width="1000px" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqOcTWOhLCb4mtHaKAzhRod_W3lgbYDEwEK6feJ_Zie2ElLYoLEkchqQsZo4m_9DPUggUp3Zb5RT-7pk56xQJmfFfmcvVOadc58PnLi6QVZRSmOMB-lYfoP41vrU_xrQJl0ctyurHljHr/s1600/FooterPanagPic.png) center no-repeat;">
  <td colspan="2" align="center">
   <img src="https://upload.wikimedia.org/wikipedia/en/7/70/Ph_seal_Baguio.png" height="100px" width="100px"/>
   <img src="http://www.lionsclubs.org/cs-assets/_files/images/logos/lionlogo_2c.jpg" height="100px" width="100px"/>
   <img src="http://vignette2.wikia.nocookie.net/logopedia/images/b/b2/Coca-Cola_logo_2007-1-.png" height="100px" width="100px"/>
   <img src="http://s3.amazonaws.com/save22.com-retailer-banner-picture/SM_City_Baguio_Logo.png" height="100px" width="100px"/>
   <img src="http://ariverzosa.com/wp-content/uploads/2014/04/UCBCFOfficialLogo1.png" height="100px" width="400px"/>
  </td>
 </tr>
  </table>
</body>
</html>
Posted by at No comments:

Friday, February 5, 2016

HOME
<!DOCTYPE html>
<html>
<head>

<title> </title>
    <link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="themes/1/js-image-slider.js" type="text/javascript"></script>
    <link href="generic.css" rel="stylesheet" type="text/css" />
</head>
<body style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed; background-image: url(http://www.ohnetworksolutions.co.za/wp-content/uploads/2014/03/wavy-orange-background1.jpg)" >
<table align="center" bgcolor="white" style="background-repeat: no-repeat; background-size: 90%, 90%;  background-attachment: fixed;">
 <!--Header-->
 <tr>
  <td colspan="2">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR73TSKbvs0RaUh5SBCmCrmBAfPV5RaZlStXKh77DN2xa5dcFFeSxvcGS_gKKVhj9nc3BFYbSbYh6NBXbTXubnUrtqFTMEJ0e14u0pyUCn1-g6p8BpHHV55aZCw4cW31lcN9cD4xONCpI/s1600/BannerHeader.png" />
  </td>
 </tr>

   <tr>
    <td colspan="2">
    <span style="color:#F6358A; font-weight:bold;"><marquee direction="left" scrollamount="3" bgcolor="#333333">Current Event: Baguio Blooms Exhibition and Exposition. Location: Lake Drive, Burnham Park</marquee></span>
    </td>
  </tr>
 
 
 <!--Main Area -->
 <tr height="400px">
  <!--Navigation Start-->
    <td width="151px">

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagHome.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06Mq_sWin9aQb0ZMxTeQ4DY2ZJNmaowxwxfo1yZkwNYEdDJV23XyWWlxZUtCBw2U_PF249Y7qdfi-AYm4vf-5SkbIEEzUgy5L9Lt7zHKsZfV4VwIwNjbHR8iE7MO-XfFTVhZpD7TUsrqR/s1600/PHome2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagSched.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgnRBT5KSoAqg0L25qegMNB7-VPOU2L496fOwO7JtMifCYgL1-1I_9FVW-_57docQ31MxGFeYugYA7LDIIxvSxhrwZV5_eS2FQoI6f49UG3EEm5wcK_hmqoRzbtyzfUc3P0kBNESdtgD0/s1600/PAct2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagReg.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXhawQWSZtSIOJs2ILF58MxAENj33czYEH1vZCv9bpU4ny-NIOVaHWadjmZFEvv9wo2fHhWV_li6N9lJXkiQbR5Wt9rYj0hgPWNfUY1a9_EDx7R5_dQf64bHSX4GXxiD-2Qfb-j_jaQgi/s1600/PR2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagGal.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvK7xnn1P8SqzSGZz2k2dnr-EaJlLnxj0rXVtiihyGWlDLbtH1Lo3PaK83Ym8uCzrlGq5zp4HhA5Qh1-7ydCp30O0qWNBMb0M8WwJR8R1V8KNltMNLqS_0X1GST_w4gohwxtTWbfqR-v4/s1600/PGal2.png.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagAbout.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeB9_6EUuxf4u2BCMDmKHcLVBVeUMx7Lx3v8qHv7vqbE0b86TPGuIpQvm37uecxksfwfEbmxJoUTso6d4fprygY23T1pqNqKXqACF5atJ2MOvBV4EzrXJBr3uajLYLIazrCmLJbb4R_MQ/s1600/PAbt2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png" />
 </a>
  </td>
  <!--End of Navigation-->

  <!--Content Area-->
<td height="400px" width="800px">
<div style="max-height:100%;overflow-y: scroll; width:100% border-style: dotted; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgvcUq7_pQj7XXySLRUcRUsWvaeT4-sF7QLQO1jNsmTEGUf_4qEMe01N1bDAN6PHhGUiFtQO0SvS2q3ziXCmdqZ0FPbAkTj-arP45KgN4P1p6DAMdfBs77oBls3CINkl2priPSyGxrMzK/s1600/BGDiv2.png); background-repeat: no-repeat">
   <div class="div1">
        <p>
    </div>
    <div id="sliderFrame">
        <div id="slider">

<!-- Append this section to change the images -->
     
            <a href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQgqP1b0ps8CsJgFIlVg6J-f0Cl34Qn6vUti6VTh3Lh9QaKZzq_9NuT2QwoMGjQt6Y792Xdtm1LtvJIl1ONEWSb1xZ1gDmkXEAlf3QoiAYIGWQX9WOHcJqUhiyuG9sq2e1URzp4vCFEpe5/s1600/SliderM.jpg" alt="Panagbenga Flower Festival 2016" />
            </a>

            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8tYel-eupReVy5Ul0fueur_rVBmdtGNFnTymsua1m8D6obUAE-kCaWjD0xAmbiLGvUJyyNIEpCZ9n5kVa-XfwvqJWbxI6NkCXET14ZVb-MOWPHKZ62PuVmp887tOvGe5ikqQhsFIeLpn/s1600/Slider3.jpg" alt="Street Parade" />
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqb8JXCVXPV93LDgVTfZDjsZpZQp1l4mPchTneHOv4pje7si_jA7JsVSDZZbA6gZ8cocUnQTgmFtQRui3TC1en19kuXp-Dew06mHZ_j6TmBWNQtrxpQ_6kPu1NLlGbnxvTuJVQQ5lT1wq5/s1600/Slider4.jpg" alt="Beautiful and Inovative Designs" />
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWl3yQrYLsFoYKOWN-JJ3rkmRImnId63XlbHqZAGwxB2M0mupoQLa0iOzWVlTPYmsy2eR9aRAbnATUL1OGOcWOGt8bOHqmtvvWiUjnkrBSKp0xfxod1gz0AcnNWxBbETRDF9j9ngnZxxwp/s1600/Slider5.jpg" alt="Flower Arrangement" />
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEO64-aaWE4ImzSlra0rHZh5SniSxCw7AmZOOezCKZ2l0nMezp7JWG-8vXqdYLQWUqhqRB4GZv4EVBOKlujwzOLVQYaLDAeJrJYTnCxNECfpZqzS7h81kMJ97hAPL6Ev9n3aiGNz0VsfmO/s1600/Slider1.jpg" alt="Baguio City Site Seeing Areas"/>
     
  </div>
 
        <div id="htmlcaption" style="display: none;">
           

        </div>
    </div>

    <div class="div2">
     
    </div>
<span style="padding-left: 10px; display:block; background-color: #ccff99;">
<font color="black" size="4">Panagbenga Festival (English: Blooming Flowers Festival) is a month-long annual flower festival occurring in Baguio.
The term is of Malayo-Polynesian origin, meaning "season of blooming".
The festival, held during the month of February, was created as a tribute to the city's flowers and as a way to rise up from the devastation of the 1990 Luzon earthquake.
The festival includes floats that are covered mostly with flowers not unlike those used in Pasadena's Rose Parade.
The festival also includes street dancing, presented by dancers clad in flower-inspired costumes, that is inspired by the Bendian, an Ibaloi dance of celebration that came from the Cordillera region.</font>
</span>
</div>
</td>

  <!--End of Content-->
 </tr>
 <!--End of Main Area -->

 <!--Footer-->
 <tr height="151px" width="1000px" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqOcTWOhLCb4mtHaKAzhRod_W3lgbYDEwEK6feJ_Zie2ElLYoLEkchqQsZo4m_9DPUggUp3Zb5RT-7pk56xQJmfFfmcvVOadc58PnLi6QVZRSmOMB-lYfoP41vrU_xrQJl0ctyurHljHr/s1600/FooterPanagPic.png) center no-repeat;">
  <td colspan="2" align="center">
   <img src="https://upload.wikimedia.org/wikipedia/en/7/70/Ph_seal_Baguio.png" height="100px" width="100px"/>
   <img src="http://www.lionsclubs.org/cs-assets/_files/images/logos/lionlogo_2c.jpg" height="100px" width="100px"/>
   <img src="http://vignette2.wikia.nocookie.net/logopedia/images/b/b2/Coca-Cola_logo_2007-1-.png" height="100px" width="100px"/>
   <img src="http://s3.amazonaws.com/save22.com-retailer-banner-picture/SM_City_Baguio_Logo.png" height="100px" width="100px"/>
   <img src="http://ariverzosa.com/wp-content/uploads/2014/04/UCBCFOfficialLogo1.png" height="100px" width="400px"/>
  </td>
 </tr>
  </table>
</body>
</html>

ACTIVITIES
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed; background-image: url(http://www.ohnetworksolutions.co.za/wp-content/uploads/2014/03/wavy-orange-background1.jpg)" >
<table align="center" bgcolor="white" style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed;">
<!--Header-->
 <tr>
  <td colspan="2">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR73TSKbvs0RaUh5SBCmCrmBAfPV5RaZlStXKh77DN2xa5dcFFeSxvcGS_gKKVhj9nc3BFYbSbYh6NBXbTXubnUrtqFTMEJ0e14u0pyUCn1-g6p8BpHHV55aZCw4cW31lcN9cD4xONCpI/s1600/BannerHeader.png" />
  </td>
 </tr>

   <tr>
    <td colspan="2">
    <span style="color:#F6358A; font-weight:bold;"><marquee direction="left" scrollamount="3" bgcolor="#333333">Current Event: Baguio Blooms Exhibition and Exposition. Location: Lake Drive, Burnham Park</marquee></span>
    </td>
  </tr>
<!--Navigation Start-->
    <td width="151px">

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagHome.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06Mq_sWin9aQb0ZMxTeQ4DY2ZJNmaowxwxfo1yZkwNYEdDJV23XyWWlxZUtCBw2U_PF249Y7qdfi-AYm4vf-5SkbIEEzUgy5L9Lt7zHKsZfV4VwIwNjbHR8iE7MO-XfFTVhZpD7TUsrqR/s1600/PHome2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagSched.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgnRBT5KSoAqg0L25qegMNB7-VPOU2L496fOwO7JtMifCYgL1-1I_9FVW-_57docQ31MxGFeYugYA7LDIIxvSxhrwZV5_eS2FQoI6f49UG3EEm5wcK_hmqoRzbtyzfUc3P0kBNESdtgD0/s1600/PAct2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagReg.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXhawQWSZtSIOJs2ILF58MxAENj33czYEH1vZCv9bpU4ny-NIOVaHWadjmZFEvv9wo2fHhWV_li6N9lJXkiQbR5Wt9rYj0hgPWNfUY1a9_EDx7R5_dQf64bHSX4GXxiD-2Qfb-j_jaQgi/s1600/PR2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagGal.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvK7xnn1P8SqzSGZz2k2dnr-EaJlLnxj0rXVtiihyGWlDLbtH1Lo3PaK83Ym8uCzrlGq5zp4HhA5Qh1-7ydCp30O0qWNBMb0M8WwJR8R1V8KNltMNLqS_0X1GST_w4gohwxtTWbfqR-v4/s1600/PGal2.png.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagAbout.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeB9_6EUuxf4u2BCMDmKHcLVBVeUMx7Lx3v8qHv7vqbE0b86TPGuIpQvm37uecxksfwfEbmxJoUTso6d4fprygY23T1pqNqKXqACF5atJ2MOvBV4EzrXJBr3uajLYLIazrCmLJbb4R_MQ/s1600/PAbt2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png" />
 </a>
  </td>

<!--End of Navigation-->
<td height="400px" width="800px">
<div style="max-height:100%;overflow-y: scroll; width:100% border-style: dotted; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgvcUq7_pQj7XXySLRUcRUsWvaeT4-sF7QLQO1jNsmTEGUf_4qEMe01N1bDAN6PHhGUiFtQO0SvS2q3ziXCmdqZ0FPbAkTj-arP45KgN4P1p6DAMdfBs77oBls3CINkl2priPSyGxrMzK/s1600/BGDiv2.png); background-repeat: no-repeat">
<span style="padding-left: 50px; display:block">
<h1> SCHEDULE OF ACTIVITIES </h1>
February 1, 2016 <br /> <br />

-Grand Opening Parade: Drum and Lyre Competition- Elementary Division <br />
Location: Panagbenga Park, Session Road-Magsaysay Avenue-Harrison <br />
Road-Melvin jones Football Grounds <br />
Time: Program starts at 8:00AM <br /><br />

-Opening Concert <br />
Location: Atrium, SM City Baguio <br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 2 - 7, 2016<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 8, 2016<br /><br />

-Chinese Spring Festival<br />
Location: City-wide<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 9 - 13, 2016<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 14, 2016<br /><br />

-Handog ng Panagbenga Sa Pamilya Baguio<br />
Let a thousand Flowers Bloom<br />
Panagbenga 2016 Kite-Flying Challenge<br />
Panagbenga Variety Show<br />
Fireworks Display<br />
Location: Melvin Jones Grandstand and Football Grounds<br /><br />

-Baguio Blooms Exhibition and Exposition <br />
Location: Lake Drive, Burnham Park <br /><br />

February 15 - 17, 2016<br /><br />

-PMA Grand Alumni Homecoming<br />
Location: PMA, Loakan Road<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 18, 2016<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 19, 2016<br /><br />
-Floral Arrangement Competition (Judging)<br />
Location: Baguio City National High School<br /><br />

-Barangay Clean and Green Landscaping Competition (Judging)<br />
Location: All Baguio City Barangays<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 19 - 21, 2016<br /><br />

-School Based Landscaping Competition (Judging)<br />
Location: Baguio City Schools<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 22 - 26, 2016<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 27, 2016<br /><br />

-Grand Street Dancing Parade<br />
Location: Panagbenga Park-Session Road-Magsaysay Avenue-Harrison Road – Athletic Bowl<br />
Time: 8:00AM<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 28, 2016<br /><br />

-Grand Float Parade<br />
Location: DILG – Session Road – Harrison Road – Athletic Bowl<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

February 29 - March 4, 2016<br /><br />

-Session Road in Bloom<br />
Location: Session Road<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

March 5, 2016<br /><br />

-Pony Boys Day<br />
Location: Wright Park<br /><br />

-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park<br /><br />

March 6, 2016<br /><br />

-Panagbenga Closing Ceremonies and Grand Fireworks Display<br />
Location: Athletic Bowl and Various Areas in Baguio CBD<br /><br />
-Baguio Blooms Exhibition and Exposition<br />
Location: Lake Drive, Burnham Park
</span>


</div>
</td>




<!--Content Area-->

<!--End of Content-->
</tr>

<!--Footer-->
<tr height="151px" width="1000px" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqOcTWOhLCb4mtHaKAzhRod_W3lgbYDEwEK6feJ_Zie2ElLYoLEkchqQsZo4m_9DPUggUp3Zb5RT-7pk56xQJmfFfmcvVOadc58PnLi6QVZRSmOMB-lYfoP41vrU_xrQJl0ctyurHljHr/s1600/FooterPanagPic.png) center no-repeat;">
<td colspan="2" align="center">
<img src="https://upload.wikimedia.org/wikipedia/en/7/70/Ph_seal_Baguio.png" height="100px" width="100px"/>
<img src="http://www.lionsclubs.org/cs-assets/_files/images/logos/lionlogo_2c.jpg" height="100px" width="100px"/>
<img src="http://vignette2.wikia.nocookie.net/logopedia/images/b/b2/Coca-Cola_logo_2007-1-.png" height="100px" width="100px"/>
<img src="http://s3.amazonaws.com/save22.com-retailer-banner-picture/SM_City_Baguio_Logo.png" height="100px" width="100px"/>
<img src="http://ariverzosa.com/wp-content/uploads/2014/04/UCBCFOfficialLogo1.png" height="100px" width="400px"/>
</td>
</tr>
</table>
</body>
</html>

Register
<!DOCTYPE html>
<html>
<head>
<script>
function SubmitButton() {
    confirm("Are you sure you want to submit the following?");
}
</script>
<title> </title>
</head>
<body style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed; background-image: url(http://www.ohnetworksolutions.co.za/wp-content/uploads/2014/03/wavy-orange-background1.jpg)" >
<table align="center" bgcolor="white" style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed;">
<!--Header-->
 <tr>
  <td colspan="2">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR73TSKbvs0RaUh5SBCmCrmBAfPV5RaZlStXKh77DN2xa5dcFFeSxvcGS_gKKVhj9nc3BFYbSbYh6NBXbTXubnUrtqFTMEJ0e14u0pyUCn1-g6p8BpHHV55aZCw4cW31lcN9cD4xONCpI/s1600/BannerHeader.png" />
  </td>
 </tr>

   <tr>
    <td colspan="2">
    <span style="color:#F6358A; font-weight:bold;"><marquee direction="left" scrollamount="3" bgcolor="#333333">Current Event: Baguio Blooms Exhibition and Exposition. Location: Lake Drive, Burnham Park</marquee></span>
    </td>
  </tr>

<!--Main Area -->
<tr height="400px">
<!--Navigation Start-->
    <td width="151px">

<a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagHome.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06Mq_sWin9aQb0ZMxTeQ4DY2ZJNmaowxwxfo1yZkwNYEdDJV23XyWWlxZUtCBw2U_PF249Y7qdfi-AYm4vf-5SkbIEEzUgy5L9Lt7zHKsZfV4VwIwNjbHR8iE7MO-XfFTVhZpD7TUsrqR/s1600/PHome2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagSched.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgnRBT5KSoAqg0L25qegMNB7-VPOU2L496fOwO7JtMifCYgL1-1I_9FVW-_57docQ31MxGFeYugYA7LDIIxvSxhrwZV5_eS2FQoI6f49UG3EEm5wcK_hmqoRzbtyzfUc3P0kBNESdtgD0/s1600/PAct2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagReg.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXhawQWSZtSIOJs2ILF58MxAENj33czYEH1vZCv9bpU4ny-NIOVaHWadjmZFEvv9wo2fHhWV_li6N9lJXkiQbR5Wt9rYj0hgPWNfUY1a9_EDx7R5_dQf64bHSX4GXxiD-2Qfb-j_jaQgi/s1600/PR2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagGal.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvK7xnn1P8SqzSGZz2k2dnr-EaJlLnxj0rXVtiihyGWlDLbtH1Lo3PaK83Ym8uCzrlGq5zp4HhA5Qh1-7ydCp30O0qWNBMb0M8WwJR8R1V8KNltMNLqS_0X1GST_w4gohwxtTWbfqR-v4/s1600/PGal2.png.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagAbout.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeB9_6EUuxf4u2BCMDmKHcLVBVeUMx7Lx3v8qHv7vqbE0b86TPGuIpQvm37uecxksfwfEbmxJoUTso6d4fprygY23T1pqNqKXqACF5atJ2MOvBV4EzrXJBr3uajLYLIazrCmLJbb4R_MQ/s1600/PAbt2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png" />
 </a>
  </td>
</td>
<!--End of Navigation-->

<!--Content Area-->
<td height="400px" width="800px">
<div style="max-height:100%;overflow-y: scroll; width:100% border-style: dotted; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgvcUq7_pQj7XXySLRUcRUsWvaeT4-sF7QLQO1jNsmTEGUf_4qEMe01N1bDAN6PHhGUiFtQO0SvS2q3ziXCmdqZ0FPbAkTj-arP45KgN4P1p6DAMdfBs77oBls3CINkl2priPSyGxrMzK/s1600/BGDiv2.png); background-repeat: no-repeat">
<h1> Registration Form: </h1>


<form>
<font size="4">
  <fieldset style="background-color: #ccffff;">
 
    <legend>Personal Information:</legend>

    First name:
    <input type="text" name="firstname" >
    Last name:
    <input type="text" name="lastname" >
Age:
    <input type="text" name="age" size="3"><br />
Address:
<input type="text" name="address" maxlength="35">
Contact Number:
    <input type="text" name="contact" ><br />
</fieldset>



 <fieldset style="background-color: #ccff99;">

<legend>Event Categories:</legend>

<input type="checkbox" name="" value="">Band <br />
<input type="checkbox" name="" value="">Cooking <br />
<input type="checkbox" name="" value="">Flower Arrangement <br />
<input type="checkbox" name="" value="">Vocals <br />
<input type="radio" name="vocals1" value="Solo" > Solo
<input type="radio" name="vocals2" value="Group" > Group <br />

<input type="checkbox" name="" value="">Dance <br />
<input type="radio" name="vocals1" value="Solo" > Solo
<input type="radio" name="vocals2" value="Group" > Group <br />
 </fieldset>

 <br />
  <button onclick="SubmitButton()">Submit</button>
  </font>
</form>


</div>
</td>
<!--End of Content-->
</tr>
<!--End of Main Area -->

<!--Footer-->
<tr height="151px" width="1000px" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqOcTWOhLCb4mtHaKAzhRod_W3lgbYDEwEK6feJ_Zie2ElLYoLEkchqQsZo4m_9DPUggUp3Zb5RT-7pk56xQJmfFfmcvVOadc58PnLi6QVZRSmOMB-lYfoP41vrU_xrQJl0ctyurHljHr/s1600/FooterPanagPic.png) center no-repeat;">
<td colspan="2" align="center">
<img src="https://upload.wikimedia.org/wikipedia/en/7/70/Ph_seal_Baguio.png" height="100px" width="100px"/>
<img src="http://www.lionsclubs.org/cs-assets/_files/images/logos/lionlogo_2c.jpg" height="100px" width="100px"/>
<img src="http://vignette2.wikia.nocookie.net/logopedia/images/b/b2/Coca-Cola_logo_2007-1-.png" height="100px" width="100px"/>
<img src="http://s3.amazonaws.com/save22.com-retailer-banner-picture/SM_City_Baguio_Logo.png" height="100px" width="100px"/>
<img src="http://ariverzosa.com/wp-content/uploads/2014/04/UCBCFOfficialLogo1.png" height="100px" width="400px"/>
<br />
Text Test
</td>
</tr>
</table>
</body>
</html>

Gallery
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul.enlarge{
 list-style-type:none; /*remove the bullet point*/
 margin-left:0;
 }

ul.enlarge li{
 display:inline-block; /*places the images in a line*/
 position: relative;
 z-index: 0; /*resets the stack order of the list items*/
 margin:10px 40px 0 20px;
 }

ul.enlarge img{
 background-color:#eae9d4;
 padding: 6px;
 -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }

ul.enlarge span{
 position:absolute;
 left: -9999px;
 background-color:#eae9d4;
 padding: 10px;
 font-family: 'Droid Sans', sans-serif;
 font-size:.9em;
 text-align: center;
 color: #495a62;
 -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
 -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
 box-shadow: 0 0 20px rgba(0,0,0, .75);
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius:8px;
}

ul.enlarge li:hover{
 z-index: 50;
 cursor:pointer;
 }

ul.enlarge span img{
 padding:2px;
 background:#ccc;
 }

ul.enlarge li:hover span{
 top: 10px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
 }

ul.enlarge li:hover:nth-child(2) span{
 left: -100px;
 }

ul.enlarge li:hover:nth-child(3) span{
 left: -200px;
 }

ul.enlarge img, ul.enlarge span{
 behavior: url(pie/PIE.htc);
 }
</style>
<title> </title>

</head>
<body style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed; background-image: url(http://www.ohnetworksolutions.co.za/wp-content/uploads/2014/03/wavy-orange-background1.jpg)" >
<table align="center" bgcolor="white" style="background-repeat: no-repeat; background-size: 90%, 90%;  background-attachment: fixed;">
 <!--Header-->
 <tr>
  <td colspan="2">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR73TSKbvs0RaUh5SBCmCrmBAfPV5RaZlStXKh77DN2xa5dcFFeSxvcGS_gKKVhj9nc3BFYbSbYh6NBXbTXubnUrtqFTMEJ0e14u0pyUCn1-g6p8BpHHV55aZCw4cW31lcN9cD4xONCpI/s1600/BannerHeader.png" />
  </td>
 </tr>

   <tr>
    <td colspan="2">
    <span style="color:#F6358A; font-weight:bold;"><marquee direction="left" scrollamount="3" bgcolor="#333333">Current Event: Baguio Blooms Exhibition and Exposition. Location: Lake Drive, Burnham Park</marquee></span>
    </td>
  </tr>
 
 
 <!--Main Area -->
 <tr height="400px">
  <!--Navigation Start-->
    <td width="151px">

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagHome.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06Mq_sWin9aQb0ZMxTeQ4DY2ZJNmaowxwxfo1yZkwNYEdDJV23XyWWlxZUtCBw2U_PF249Y7qdfi-AYm4vf-5SkbIEEzUgy5L9Lt7zHKsZfV4VwIwNjbHR8iE7MO-XfFTVhZpD7TUsrqR/s1600/PHome2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagSched.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgnRBT5KSoAqg0L25qegMNB7-VPOU2L496fOwO7JtMifCYgL1-1I_9FVW-_57docQ31MxGFeYugYA7LDIIxvSxhrwZV5_eS2FQoI6f49UG3EEm5wcK_hmqoRzbtyzfUc3P0kBNESdtgD0/s1600/PAct2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagReg.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXhawQWSZtSIOJs2ILF58MxAENj33czYEH1vZCv9bpU4ny-NIOVaHWadjmZFEvv9wo2fHhWV_li6N9lJXkiQbR5Wt9rYj0hgPWNfUY1a9_EDx7R5_dQf64bHSX4GXxiD-2Qfb-j_jaQgi/s1600/PR2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagGal.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvK7xnn1P8SqzSGZz2k2dnr-EaJlLnxj0rXVtiihyGWlDLbtH1Lo3PaK83Ym8uCzrlGq5zp4HhA5Qh1-7ydCp30O0qWNBMb0M8WwJR8R1V8KNltMNLqS_0X1GST_w4gohwxtTWbfqR-v4/s1600/PGal2.png.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagAbout.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeB9_6EUuxf4u2BCMDmKHcLVBVeUMx7Lx3v8qHv7vqbE0b86TPGuIpQvm37uecxksfwfEbmxJoUTso6d4fprygY23T1pqNqKXqACF5atJ2MOvBV4EzrXJBr3uajLYLIazrCmLJbb4R_MQ/s1600/PAbt2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png" />
 </a>
  </td>
  <!--End of Navigation-->

  <!--Content Area-->
  <td height="400px" width="800px">
  <div style="max-height:100%;overflow-y: scroll; width:100% border-style: dotted; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgvcUq7_pQj7XXySLRUcRUsWvaeT4-sF7QLQO1jNsmTEGUf_4qEMe01N1bDAN6PHhGUiFtQO0SvS2q3ziXCmdqZ0FPbAkTj-arP45KgN4P1p6DAMdfBs77oBls3CINkl2priPSyGxrMzK/s1600/BGDiv2.png);  background-repeat: no-repeat">
  <h1>Gallery:</h1>
  <table>
  <tr>
  <td>
 <ul class="enlarge">
<li><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTECwLp9fwVmSB96LNP3VgKyRK4CaH3hyCCNHIjGYz5zEPU7Nyn" width="150px" height="100px" alt="Gal1" />
<span><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTECwLp9fwVmSB96LNP3VgKyRK4CaH3hyCCNHIjGYz5zEPU7Nyn" alt="Gallery1" height="200px" width="300px "/>
<br />Lots of people</span></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxhN0ijdR8aNkoZz04hVD6bWEbKPqt4kJqIOGJ0ObVcbDAMDU9wPRezYp2WI66IvMNNC8l3f5vc7M0WRgxxXAghAFaGw_FxpSsHUDRVKNkvmgNEU5GtuPGEDM1X2rWvREahAUQR9999vr/s320/BEAUTY.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxhN0ijdR8aNkoZz04hVD6bWEbKPqt4kJqIOGJ0ObVcbDAMDU9wPRezYp2WI66IvMNNC8l3f5vc7M0WRgxxXAghAFaGw_FxpSsHUDRVKNkvmgNEU5GtuPGEDM1X2rWvREahAUQR9999vr/s320/BEAUTY.jpg" alt="Gal" height="200px" width="300px "/>
<br />Beauty</span></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyZ4aMHOJcgnUIdf7d5airkkK2NLkZ69UZyC-kdzUiTR4xjepKHY3K_RsiNvZnezVBphtk8Zz2ZtkroupQY5VgWOJXOVOU1FYB6F8MJs6NNQTUBn8pJsdkw5cxXQvRnUF7SwtjxXe1FVhf/s320/CULTURE.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyZ4aMHOJcgnUIdf7d5airkkK2NLkZ69UZyC-kdzUiTR4xjepKHY3K_RsiNvZnezVBphtk8Zz2ZtkroupQY5VgWOJXOVOU1FYB6F8MJs6NNQTUBn8pJsdkw5cxXQvRnUF7SwtjxXe1FVhf/s320/CULTURE.jpg" alt="Gal" height="200px" width="300px "/>
<br />Cultural Dance</span></li>
</ul>

 <ul class="enlarge">
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOMIBAEoi6Ms92uyRqnu6HbuobY5PGnczbiUej5f75Fpl5OJgmnUAnGFSrqrxurjy7xDvE197310AhoRo7Jyp-H_YDwKsSx9nxCbksXrDDiF3AsKMdl6aoHIbW9gxZscb-IZ0PH169Hh25/s320/FOOD.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOMIBAEoi6Ms92uyRqnu6HbuobY5PGnczbiUej5f75Fpl5OJgmnUAnGFSrqrxurjy7xDvE197310AhoRo7Jyp-H_YDwKsSx9nxCbksXrDDiF3AsKMdl6aoHIbW9gxZscb-IZ0PH169Hh25/s320/FOOD.jpg" alt="Gal" height="200px" width="300px "/>
<br />Fine Cuisine</span></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9482wawchtNJ02nbaTIdsdZo5y9ab-lG7aOEdiG1z4yxSu0zpHCPlrtyRZQ35laXb65SK25NfyU0fSmGL_3xNryNLZx0pnKpg_oLNFMYaGVrvVkovYZ0K6yf7ESQGOzSjIDzU_MYYJiP/s320/Pic1.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9482wawchtNJ02nbaTIdsdZo5y9ab-lG7aOEdiG1z4yxSu0zpHCPlrtyRZQ35laXb65SK25NfyU0fSmGL_3xNryNLZx0pnKpg_oLNFMYaGVrvVkovYZ0K6yf7ESQGOzSjIDzU_MYYJiP/s320/Pic1.jpg" alt="Gal" height="200px" width="300px "/>
<br />Parade</span></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVcUjZj3VGhkzOCSG-5DcgVaHnRKY1_L8swAuwTc7aLcXiEF9mFH24eZgr89EqaK5xmpR6aFQlo_8HKwPqw4W0Ol2ft5NywTWnbvad4r9P0_ZcFOrVWWpmnSMmuh2qEFjEl-7Bv_CBtJM2/s320/Pic2.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVcUjZj3VGhkzOCSG-5DcgVaHnRKY1_L8swAuwTc7aLcXiEF9mFH24eZgr89EqaK5xmpR6aFQlo_8HKwPqw4W0Ol2ft5NywTWnbvad4r9P0_ZcFOrVWWpmnSMmuh2qEFjEl-7Bv_CBtJM2/s320/Pic2.jpg" alt="Gal" height="200px" width="300px "/>
<br />Parade With Children</span></li>
</ul>

 <ul class="enlarge">
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4Sx9N2Ee-Tm-_6WbjSIGo4vpJysVqfur_D7WDTrTP35qfsGMleeq69uuUYJgzvgzUTn1Zr7rqgeld1fJaq5KmdlNtMLEtzVdT_QgQfGfpb73_JZLsZZ12RpocWuig_dWg73wkQ-Au06v/s320/USELESS+PEOPLE.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ4Sx9N2Ee-Tm-_6WbjSIGo4vpJysVqfur_D7WDTrTP35qfsGMleeq69uuUYJgzvgzUTn1Zr7rqgeld1fJaq5KmdlNtMLEtzVdT_QgQfGfpb73_JZLsZZ12RpocWuig_dWg73wkQ-Au06v/s320/USELESS+PEOPLE.jpg" alt="Gal" height="200px" width="300px "/>
<br />Useless People</span></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirG2U9_yJau2pAQB-9fIG_nNqf8bz48IVlHXk-37Ha3G73xpNpewRBGZJNxw1EiMmaKIgoEtxjIQz7d16qZT3wma3hSh2DCneI5Vo9962ij_7uUZYxle0aOMp0vESKLII4TeyMFl0T28PI/s320/THE+FUN.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirG2U9_yJau2pAQB-9fIG_nNqf8bz48IVlHXk-37Ha3G73xpNpewRBGZJNxw1EiMmaKIgoEtxjIQz7d16qZT3wma3hSh2DCneI5Vo9962ij_7uUZYxle0aOMp0vESKLII4TeyMFl0T28PI/s320/THE+FUN.jpg" alt="Gal" height="200px" width="300px "/>
<br />First Class Transportation</span></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHt-wyZMdaNMA-YRKuR1w3l250g3-gbBkKlX1cNUzwQQX6lxtqIBqs_oFP0q30rHArIqj_I1M7wNIB2mSEkHIZBKHVsS5VlM8cyQB8KCtC-S_0xGph6yNS1q1bWCcrtK5_w1uPfQnmGmHU/s320/SITES.jpg" width="150px" height="100px" alt="Gal" />
<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHt-wyZMdaNMA-YRKuR1w3l250g3-gbBkKlX1cNUzwQQX6lxtqIBqs_oFP0q30rHArIqj_I1M7wNIB2mSEkHIZBKHVsS5VlM8cyQB8KCtC-S_0xGph6yNS1q1bWCcrtK5_w1uPfQnmGmHU/s320/SITES.jpg" alt="Gal" height="200px" width="300px "/>
<br />Captivating Sites</span></li>
</ul>

  </td>
  </tr>
  </table>
  </div>
  </td>
  <!--End of Content-->
 </tr>
 <!--End of Main Area -->

 <!--Footer-->
 <tr height="151px" width="1000px" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqOcTWOhLCb4mtHaKAzhRod_W3lgbYDEwEK6feJ_Zie2ElLYoLEkchqQsZo4m_9DPUggUp3Zb5RT-7pk56xQJmfFfmcvVOadc58PnLi6QVZRSmOMB-lYfoP41vrU_xrQJl0ctyurHljHr/s1600/FooterPanagPic.png) center no-repeat;">
  <td colspan="2" align="center">
   <img src="https://upload.wikimedia.org/wikipedia/en/7/70/Ph_seal_Baguio.png" height="100px" width="100px"/>
   <img src="http://www.lionsclubs.org/cs-assets/_files/images/logos/lionlogo_2c.jpg" height="100px" width="100px"/>
   <img src="http://vignette2.wikia.nocookie.net/logopedia/images/b/b2/Coca-Cola_logo_2007-1-.png" height="100px" width="100px"/>
   <img src="http://s3.amazonaws.com/save22.com-retailer-banner-picture/SM_City_Baguio_Logo.png" height="100px" width="100px"/>
   <img src="http://ariverzosa.com/wp-content/uploads/2014/04/UCBCFOfficialLogo1.png" height="100px" width="400px"/>
  </td>
 </tr>
  </table>
</body>
</html>

About
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed; background-image: url(http://www.ohnetworksolutions.co.za/wp-content/uploads/2014/03/wavy-orange-background1.jpg)" >
<table align="center" bgcolor="white" style="background-repeat: no-repeat; background-size: 100%, 100%;  background-attachment: fixed;">
<!--Header-->
 <tr>
  <td colspan="2">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR73TSKbvs0RaUh5SBCmCrmBAfPV5RaZlStXKh77DN2xa5dcFFeSxvcGS_gKKVhj9nc3BFYbSbYh6NBXbTXubnUrtqFTMEJ0e14u0pyUCn1-g6p8BpHHV55aZCw4cW31lcN9cD4xONCpI/s1600/BannerHeader.png" />
  </td>
 </tr>

   <tr>
    <td colspan="2">
    <span style="color:#F6358A; font-weight:bold;"><marquee direction="left" scrollamount="3" bgcolor="#333333">Current Event: Baguio Blooms Exhibition and Exposition. Location: Lake Drive, Burnham Park</marquee></span>
    </td>
  </tr>

<!--Main Area -->
<tr height="400px">
<!--Navigation Start-->
    <td width="151px">

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagHome.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06Mq_sWin9aQb0ZMxTeQ4DY2ZJNmaowxwxfo1yZkwNYEdDJV23XyWWlxZUtCBw2U_PF249Y7qdfi-AYm4vf-5SkbIEEzUgy5L9Lt7zHKsZfV4VwIwNjbHR8iE7MO-XfFTVhZpD7TUsrqR/s1600/PHome2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMlY0eiw3NDXKXcQ6PQeMFc1OnNeSgOQKkygVaBI05Iwm4Nq1HrZxZCmbE0Pib0HG34vJ8L5val2lnNLI4T_poXkTFVAHu6JEfyHLTVGTVTrIiXvhLocffwYVqjr1RBxBGf0xyPULE0St/s1600/PHome1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagSched.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgnRBT5KSoAqg0L25qegMNB7-VPOU2L496fOwO7JtMifCYgL1-1I_9FVW-_57docQ31MxGFeYugYA7LDIIxvSxhrwZV5_eS2FQoI6f49UG3EEm5wcK_hmqoRzbtyzfUc3P0kBNESdtgD0/s1600/PAct2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJxb37FofhhISrhyphenhyphenQ21TAdNPlwFjUyMWMJTKmZmrLN2iuPhDU6BJm7nxF7_u6KiY83cXjFnkRm7rdv_zlo0mjTsyAsuL3dJvbklgGhslchvUtQzufKywCJcQooJtim3EU7CSIlQcU_TW/s1600/PAct1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagReg.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXhawQWSZtSIOJs2ILF58MxAENj33czYEH1vZCv9bpU4ny-NIOVaHWadjmZFEvv9wo2fHhWV_li6N9lJXkiQbR5Wt9rYj0hgPWNfUY1a9_EDx7R5_dQf64bHSX4GXxiD-2Qfb-j_jaQgi/s1600/PR2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRv6yVq1tYIwQbxucJ69RmAv8tfOTZUSlwH91HbsGl5DfRxpGD_jwNGuifBpH5gjuwAAN6aMRi899FHK1Jb4fWtaM665r4IRFWMUv-w-QHpLa4asP08ayEcRbkNV5DoYCmpjnZOvakV2f/s1600/PR1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagGal.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvK7xnn1P8SqzSGZz2k2dnr-EaJlLnxj0rXVtiihyGWlDLbtH1Lo3PaK83Ym8uCzrlGq5zp4HhA5Qh1-7ydCp30O0qWNBMb0M8WwJR8R1V8KNltMNLqS_0X1GST_w4gohwxtTWbfqR-v4/s1600/PGal2.png.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihV-tWVC9mJE-xYvNHB0gq3WusItYWgEhmwmNMH62sSqgmow8sofLhj9qKKktsMMIggTJGs8ELw9vT-Mb9lKqS6mJ6cyJhvPCysXVkDTMogLzLhR9v8gFOc3nG_ktgRWH7BfFEG3PiIkxQ/s1600/PGal1.png" />
 </a>
 <br />

 <a href="file:///F:/Web%20Dev/Panagbenga%202016/PanagAbout.html">
 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png'"
 onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeB9_6EUuxf4u2BCMDmKHcLVBVeUMx7Lx3v8qHv7vqbE0b86TPGuIpQvm37uecxksfwfEbmxJoUTso6d4fprygY23T1pqNqKXqACF5atJ2MOvBV4EzrXJBr3uajLYLIazrCmLJbb4R_MQ/s1600/PAbt2.png'"
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO3bkLMX3aoUTkUqy6p811709Wyl9qpShWU_uaerT6ykA0gCW_verPv9LrhQLVANHq0tGUJOFm3-QDwmHGa335ukZ1Whum_GYCn64-KQquA0MgS218p9VjkDsektDSoOWezMNHs1dHR0E/s1600/PAbt1.png" />
 </a>
  </td>
<!--End of Navigation-->

<!--Content Area-->
<td height="400px" width="800px">
<div style="max-height:100%;overflow-y: scroll; width:100% border-style: dotted; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgvcUq7_pQj7XXySLRUcRUsWvaeT4-sF7QLQO1jNsmTEGUf_4qEMe01N1bDAN6PHhGUiFtQO0SvS2q3ziXCmdqZ0FPbAkTj-arP45KgN4P1p6DAMdfBs77oBls3CINkl2priPSyGxrMzK/s1600/BGDiv2.png); background-repeat: no-repeat">
<h1>About the creator : </h1>
<br />
<table>
<tr>
<td>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35Ta2iM7aWo373pP8VWSoO4ArbmIzHj5ECNOvDLW9UKuOnle0CIHpCWNJ2OXDFIKVMnKcWaEilW1SbKKJTZMfFH8Gm6XQ1w_O833yZJsQoSrOv-Xryi_AqOxQxkhitCTT1iBfrsqyTAT9/s1600/BossMan2.png" />
</td>
<td>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BsxEswpnAqfJ5BWqAhrNlFDXnsxxLt47p0YU5yyW1xbEmUwVYZviF3MpncWjQoljp8OEdJitNgYB98ObgJT993Le7dQDGUAIXxmD1q20WMxF8MGfwLKA6CkrX-bPKslmtkAUKytgy_Ig/s320/NamePlate.png" />
<p>
My name is Zoilo Enrico C. Bernal, I am the 4th out of 5 siblings.
My soul purpose of creating this website is to inform people about the upcoming events of the 2016 Flower Festival (Panagbenga).
Visitors may have also use this website to register for the different events they would like to participate in. (kunyari lang)
The colors used for the website is a mixture of warm and cool colors to cater to both types of designs.

</p>





</td>
</tr>
</table>

</div>
</td>
<!--End of Content-->
</tr>
<!--End of Main Area -->

<!--Footer-->
<tr height="151px" width="1000px" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqOcTWOhLCb4mtHaKAzhRod_W3lgbYDEwEK6feJ_Zie2ElLYoLEkchqQsZo4m_9DPUggUp3Zb5RT-7pk56xQJmfFfmcvVOadc58PnLi6QVZRSmOMB-lYfoP41vrU_xrQJl0ctyurHljHr/s1600/FooterPanagPic.png) center no-repeat;">
<td colspan="2" align="center">
<img src="https://upload.wikimedia.org/wikipedia/en/7/70/Ph_seal_Baguio.png" height="100px" width="100px"/>
<img src="http://www.lionsclubs.org/cs-assets/_files/images/logos/lionlogo_2c.jpg" height="100px" width="100px"/>
<img src="http://vignette2.wikia.nocookie.net/logopedia/images/b/b2/Coca-Cola_logo_2007-1-.png" height="100px" width="100px"/>
<img src="http://s3.amazonaws.com/save22.com-retailer-banner-picture/SM_City_Baguio_Logo.png" height="100px" width="100px"/>
<img src="http://ariverzosa.com/wp-content/uploads/2014/04/UCBCFOfficialLogo1.png" height="100px" width="400px"/>
</td>
</tr>
</table>
</body>
</html>
Posted by at No comments:
Subscribe to: Comments (Atom)