title: how to use header and footer in web page
body: <p>this is footer file used in html 
      footeradmin.jsp    to see your page nice</p>
  
  <pre><code>        &lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
              pageEncoding="ISO-8859-1"%&gt;
          &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
          &lt;html&gt;
          &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/style.css" rel="stylesheet" type="text/css"&gt;
           &lt;script src="&lt;%=request.getContextPath()%&gt;/js/SpryCollapsiblePanel.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="&lt;%=request.getContextPath()%&gt;/js/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /&gt;
          &lt;script type="text/javascript" src="tinybox.js"&gt;&lt;/script&gt;
          &lt;/head&gt;
          &lt;body&gt;        
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="bottom"&gt;
          &lt;ul&gt;
            &lt;li style="border-left: medium none;"&gt;&lt;a href="nsephome.jsp"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="aboutusadmin.jsp"&gt;About&amp;nbsp;Us&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="Contactusadmin.jsp"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="feedbackadmin.jsp"&gt;Feedback&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="index.jsp"&gt;Logout&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="sitemapadmin.jsp"&gt;Site map&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;p&gt;Copyright &amp;copy; 2013. Designed by &lt;a&gt;****&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;/body&gt;
          &lt;/html&gt;
  </code></pre>
  
  <p>this is header file I used in web page
  headeradmin.jsp   use this file to look your web page good   </p>
  
  <pre><code>        &lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
              pageEncoding="ISO-8859-1"%&gt;
          &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
          &lt;html&gt;
          &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
          &lt;title&gt;Header&lt;/title&gt;
           &lt;script src="&lt;%=request.getContextPath()%&gt;/js/SpryCollapsiblePanel.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="&lt;%=request.getContextPath()%&gt;/js/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/style2.css" rel="stylesheet" type="text/css" /&gt;
          &lt;script type="text/javascript" src="&lt;%=request.getContextPath()%&gt;/js/tinybox.js"&gt;&lt;/script&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/tinystyle.css" rel="stylesheet" type="text/css" /&gt;
          &lt;/head&gt;
          &lt;body&gt;
          &lt;div class="main-out"&gt;
          &lt;div class="main"&gt;
          &lt;div class="page"&gt;
          &lt;div class="top"&gt;
          &lt;div class="header"&gt;
          &lt;div class="header-top"&gt;
          &lt;h1&gt;National &lt;span&gt;Self Employment Program&lt;/span&gt;&lt;/h1&gt;
          &lt;p&gt;Call Us: 987 3478 278&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="topmenu"&gt;
          &lt;ul&gt;
           &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="nsephome.jsp"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="aboutusadmin.jsp"&gt;About&amp;nbsp;Us&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="Contactusadmin.jsp"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="feedbackadmin.jsp"&gt;Feedback&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="index.jsp"&gt;Logout&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div style="height:550px; width:980px;margin-top:5px;"&gt;
          &lt;div style="height:600px;width:160px;float:left;"&gt;
          &lt;div style="width:160px;height:20px;background-color:#708090;float:left;"&gt;&lt;FONT color="white"&gt;&lt;center&gt;&lt;b&gt;Our Services&lt;/b&gt;&lt;/center&gt;&lt;/FONT&gt;&lt;/div&gt;
          &lt;%@include file="verticalbar1.jsp"%&gt;
          &lt;/div&gt;
          &lt;div style="height:600px;width:20px;float:left;"&gt;
          &lt;/div&gt;
          &lt;div style="height:600px;width:800px;"&gt;
  
          &lt;/body&gt;
          &lt;/html&gt;
  </code></pre>
  
  <p>this page include in headerfile
  verticalbar1.jsp to see your page nice     </p>
  
  <pre><code>        &lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
              pageEncoding="ISO-8859-1"%&gt;
          &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
          &lt;html&gt;
          &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
          &lt;title&gt;Insert title here&lt;/title&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/style.css" rel="stylesheet" type="text/css"&gt;
          &lt;script src="&lt;%=request.getContextPath()%&gt;/js/SpryCollapsiblePanel.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="&lt;%=request.getContextPath()%&gt;/js/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="&lt;%=request.getContextPath()%&gt;/css/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /&gt;
          &lt;script src="&lt;%=request.getContextPath()%&gt;/js/bank.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="tinybox.js"&gt;&lt;/script&gt;
          &lt;/head&gt;
          &lt;body&gt;
          &lt;div id="CollapsiblePanel1" class="CollapsiblePanel" style="float:left;margin-top:5px;margin-bottom:10px;"&gt; 
                 &lt;ul id="MenuBar1" class="MenuBarVertical"&gt;
                    &lt;li&gt;&lt;a  href="empregister.jsp"&gt;Create Employee&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a  href="empupdate.jsp"&gt;Read Employee&lt;/a&gt;
                     &lt;/li&gt;
                      &lt;li&gt;&lt;a  href="employee_list.jsp"&gt;Employee List&lt;/a&gt;
                    &lt;li&gt;&lt;a  href="empdelete.jsp"&gt;Delete Employee&lt;/a&gt;
  
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="feed1.jsp"&gt;Feedbacks&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="#"&gt;Opinion poll&lt;/a&gt;
                      &lt;ul&gt;
                        &lt;li&gt;&lt;a href="SubmitQuestion.jsp" &gt;Post Question&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href="showpolling.jsp" &gt;View Opinions&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;/ul&gt;&lt;/li&gt;
  
                  &lt;/ul&gt;
  
                &lt;/div&gt; 
          &lt;script type="text/javascript"&gt;
               &lt;!--
          var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
          var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../../../SpryAssets/SpryMenuBarRightHover.gif"});
          //--&gt;
          &lt;/script&gt;
          &lt;center&gt;
          &lt;img src="../images/emp2.JPG" alt="emp1" width="170" height="200"&gt;&lt;/img&gt;&lt;/center&gt;
  
          &lt;/body&gt;
          &lt;/html&gt;
  </code></pre>