anchor.diff:  <script src="bootstrap/js/bootstrap.min.js" />
   
       </body>
  -</html>
  +</html>
positive.code:                         <input type="text" name="keyword" class="form-control"  placeholder="#hiburan">
                      </div>
                  </div>
                  <%List<String> Kategori= topicCategories.get(CO); %>
                  <% for(int i=0;i<Kategori.size();i++) {%>
                  <div class="form-group">
                      
                      <label for="inputCategory" id="NamaKategori" class="col-sm-2 control-label">Kategori <%= Kategori.get(i)%></label>
                      <div class="col-sm-11">
                          <input type="text" name="kategori"class="form-control"  placeholder="Tv, Bedak, Mikasa">
                      </div>
                  </div>
                  <%}%>
                       <input type="hidden" name="mode" class="form-control" value="<%=a%>" >
                  <br/>
                  <div class="form-group">
                      <div class="col-sm-offset-7 col-sm-10">
                          <button type="submit" class="btn btn-default">Search</button>
                      </div>
                  </div>
              </form>
      
          </div>
  
negative.code:           List< List<String> > topicCategories = asList(
          asList("Obat", "Perawatan Tubuh", "Perawatan Wajah","Fashion"),
          asList("Musik", "Movies", "TV","Celebrity"),
          asList("Bola", "Raket", "Atlet", "Turnamen"),
          asList("Internet","Gadget","Science", "Space")
      );%>
          <% String a = request.getParameter("modeapp") ;
  
              int CO=0;
          %>
          <%List<String> Kategori= topicCategories.get(CO); %>
  
      function Beauty() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Beauty2.png";
           document.body.style.background = "#FF81FA url('image/bg-kaypoh.png') repeat 0% 0%";
           
          <%CO=0;%>
          document.getElementById("NamaKeyword").innerHTML = "Keyword <%= topics.get(CO)%>";
          <% for(int i=0;i<Kategori.size();i++) {%>
                  document.getElementById("<%= "NamaK" + i%>").innerHTML = "Kategori <%= Kategori.get(i)%>";
          <%}%> 
      }
  
      function Entertainment() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Music2.png"; 
          document.body.style.background = "#50FF54 url('image/bg-kaypoh.png') repeat 0% 0%";
          <%CO=1;%>
          document.getElementById("NamaKeyword").innerHTML = "Keyword <%= topics.get(CO)%>";
          <%Kategori= topicCategories.get(CO); %>
          <% for(int i=0;i<Kategori.size();i++) {%>
                  document.getElementById("<%= "NamaK" + i%>").innerHTML = "Kategori <%= Kategori.get(i)%>";
          <%}%>       
      };
      function Sport() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Sport2.png";
          document.body.style.background = "#6D9987 url('image/bg-kaypoh.png') repeat 0% 0%";
          <%CO=2;%>
          document.getElementById("NamaKeyword").innerHTML = "Keyword <%= topics.get(CO)%>";
          <%Kategori= topicCategories.get(CO); %>
          <% for(int i=0;i<Kategori.size();i++) {%>
                  document.getElementById("<%= "NamaK" + i%>").innerHTML = "Kategori <%= Kategori.get(i)%>";
          <%}%>     
      }
      function Tech() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Tech2.png"; 
          document.body.style.background = "#2CCC8A url('image/bg-kaypoh.png') repeat 0% 0%";
          <%CO=3;%>
          document.getElementById("NamaKeyword").innerHTML = "Keyword <%= topics.get(CO)%>";
          <%Kategori= topicCategories.get(CO); %>
          <% for(int i=0;i<Kategori.size();i++) {%>
                  document.getElementById("<%= "NamaK" + i%>").innerHTML = "Kategori <%= Kategori.get(i)%>";
          <%}%>    
  
      }
  </script>
      </head>
      <body>
         <%CO=0;%>
      <div class="TopicArt"> 
         <img alt="" src="image/Maskot-Act-Beauty2.png" 
              style="height: 500px; position:relative;" id="image" />
          <p>
          <input id="Button1" class="btn btn-default" type="button" value="Beauty" onclick="Beauty()" />&nbsp;&nbsp; 
          <input id="Button2" class="btn btn-default" accept=""type="button" value="Entertainment" onclick="Entertainment()" />&nbsp;&nbsp;
          <input id="Button3" class="btn btn-default" type="button" value="Sport" onclick="Sport()" />&nbsp;&nbsp;
          <input id="Button4" class="btn btn-default" type="button" value="Tech" onclick="Tech()" />&nbsp;&nbsp;
      <form action="index11.html">
              <input type="submit" value="About">
          </form>
          </p>
      </div>
          <div class = "searchform" >
  