zoilo

Bernal, Zoilo Enrico C.

9000085

Web Development 1

1. Describe the skills, functions, and job roles needed to develop a successful web project

• Project Manager
  • The web project manager coordinates and communicates the day-to-day tactical implementation of the web site project, acting within the constraints of the project charters and goals, project budget, development schedule, and quality objectives laid out in the planning stages. The project manager is the team member ultimately responsible for keeping the overall team activities focused on the site strategic objectives and agreed deliverables, and he or she continually monitors the scope of the project activities to ensure that the team stays “on time and on budget.” The project manager acts as the primary contact between the web team and the sponsor and manages the overall communication among creative, technical, and production elements of the web site team.
• Information Architect
  • The site information architect organizes and categorizes web site structure and content. The information architect is most active early in the design and planning phases of the project, developing content categorization schemes, consistent site terminology, content structure across the site, and site architecture diagrams that explain the overall site planning to both the sponsor and the web team members. Information architects also work closely with the site designers to craft page “wireframes,” the diagrammatic page grids that show how various areas of the page will be used to support site identity, navigation, and page content.
• Marketing Representative
  • The Marketing Representative is responsible for the distribution and advertising of the website that is being created or is created. They are also responsible for dealing with hosting websites and domain holding websites for the production of the website.
• Copy Writer & Editor
  • The Copy Writter & Editors role is to make sure that the website contains for copyright of other web related activities and they are also responsible for patenting the copyright of the content and things produced by the creators and editors of the website.
• Content Manager
  • The content managers role is to keep track of the content that is being shown and about to be shown on the website. They are also responsible for any content that is published to the public as to meet protocol and the standards of the company.
• Graphic Designer
  • The role of a Graphic Designer is to create visual templates that will be used as means for online communication and/or interaction. The skills involved in the production of such templates have grown in sophistication over time and now include disciplines as varied as Information Architecture, Interface Design, Information Design, Visual Design, etc.

• Database Administrator
  • The Database Administrator is responsible for the handling of accounts and databases of the websites. They are responsible for the distribution of accounts to the corresponding types and locations. They are also responsible for the accepting and declining of accounts that receive special access to the website.
• Network Administrator
  • Network Administrators role is to collaborate with the company's that are responsible for the hosting and network between the other things on the internet.
• Web Developer

2. Identify the common system development methodologies.

a. Waterfall Model

Waterfall is the oldest and most straightforward of the structured SDLC methodologies — finish one phase, then move on to the next. No going back. Each stage relies on information from the previous stage and has its own project plan. Waterfall is easy to understand and simple to manage. But early delays can throw off the entire project timeline. And since there is little room for revisions once a stage is completed, problems can’t be fixed until you get to the maintenance stage. This model doesn’t work well if flexibility is needed or if the project is long term and ongoing.

b. V-Shaped Model

Also known as the Verification and Validation model, the V-shaped mode grew out of Waterfall and is characterized by a corresponding testing phase for each development stage. Like Waterfall, each stage begins only after the previous one has ended. This model is useful when there are no unknown requirements, as it’s still difficult to go back and make changes.

c. Iterative Model

The Iterative model is repetition incarnate. Instead of starting with fully known requirements, you implement a set of software requirements, then test, evaluate and pinpoint further requirements. A new version of the software is produced with each phase, or iteration. Rinse and repeat until the complete system is ready.

One advantage over other SDLC methodologies: This model gives you a working version early in the process and makes it less expensive to implement changes. One disadvantage: Resources can quickly be eaten up by repeating the process again and again.

d. Spiral Model

One of the most flexible SDLC methodologies, the Spiral model takes a cue from the Iterative model and its repetition; the project passes through four phases over and over in a “spiral” until completed, allowing for multiple rounds of refinement. This model allows for the building of a highly customized product, and user feedback can be incorporated from early on in the project. But the risk you run is creating a never-ending spiral for a project that goes on and on.

e. Big Bang Model

A bit of an anomaly among SDLC methodologies, the Big Bang model follows no specific process, and very little time is spent on planning. The majority of resources are thrown toward development, and even the client may not have a solid grasp of the requirements. This is one of the SDLC methodologies typically used for small projects with only one or two software engineers.

Big Bang is not recommended for large or complex projects, as it’s a high-risk model; if the requirements are misunderstood in the beginning, you could get to the end and realize the project may have to be started all over again.

f. Agile Model

By breaking the product into cycles, the Agile model quickly delivers a working product and is considered a very realistic development approach. The model produces ongoing releases, each with small, incremental changes from the previous release. At each iteration, the product is tested.

This model emphasizes interaction, as the customers, developers and testers work together throughout the project. But since this model depends heavily on customer interaction, the project can head the wrong way if the customer is not clear on the direction he or she wants to go.

3. Find/List down the right free web hosting provider for your websites (blog & tutorial)

• SiteBuilder
• SiteBlog
• WebsiteBuilder
• Weebly
• Wix

4. Choose a domain name for your websites (blog & tutorial)

www.whatslifewithoutwhimsy.com

send to giesellev25@yahoo.com

familyname_finals

BLOG FREE TEMPLATE

OUTPUT:

HTML
<!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>

CSS

#container
{
width:900px;
margin:0 auto;
overflow:auto;
}
#header
{
height:90px;
border:solid 2px #006600
}

#nav
{
overflow:auto;
border:solid 2px #006699;
margin-top:3px;
}

#nav ul
{
list-style:none;
height:30px;
padding:0px;
margin:0px;
}

#nav ul li
{
float:left;
margin:10px;
}

#main
{
overflow:auto;
margin-top:3px;
}

#main_left
{
float:left;
width:580px;
min-height:400px;
border:solid 2px #006600;
background-color:#32cd32;
}

#main_right
{
float:right;
width:300px;
border:solid 2px #006600;
background-color:#ffffcc;
min-height:400px;
}

footer
{
height:40px;
border:solid 2px #FF9900;
margin-top:3px;
}

img{
max-width:50%;
max-height:50%;
text-align:center;
}


p.tester{
font-size: 15px;
padding-top: 10px;
padding-left:10px;
padding-bottom: 10px;
    background-image: url(file:///C:/Users/ccs11312h-11/Downloads/BG1test.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

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>

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>

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>