title: Minimizing Javascript and HTML code
body: <p>I developed a custom tool for my clients in which they can submit feedback to a central database. </p>
  
  <p>I have a long HTML and JavaScript code which the clients paste on their web site and the tool appears on the website.</p>
  
  <p>My problem is how can I minimize this code? I have seen chat tools which require to paste only a few lines of code and it appears on the browser.  </p>
  
  <p>Below is my code and I need to generate a small portion of code out of it.</p>
  
  <pre><code>&lt;div id='htmlfeedback-container-more'&gt;
  &lt;a id='lnkdivFeedBackPage1' href='#'&gt;FeedBack&lt;/a&gt; | &lt;a id='lnkdivFeedBackPage2' href='#'&gt;Settings&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;div id='divFeedBackPage1'&gt;
  &lt;div id='content' class='content'&gt;&lt;/div&gt;
  &lt;p&gt;Please give a short description of your feedback. You can also highlight or blackout parts of the screen.&lt;/p&gt;
  &lt;p&gt;Note: Click on highlighted areas to disappear &lt;/p&gt;
  &lt;form id='htmlfeedback-form'&gt;
  &lt;p&gt; &lt;span&gt;Marker:&lt;/span&gt;&lt;input type='radio' name='marker' value='rgba(255,255,255,0)' style='width:10%' checked&gt; Highlight &lt;input type='radio' name='marker' value='rgb(0,0,0)' style='width:10%'&gt; Black out    &lt;/p&gt;
  &lt;p&gt;&lt;span&gt;Name or E-mail:&lt;/span&gt; &lt;input type='text' name='email' id='htmlfeedback-input-email' style='width:88%'/&gt;&lt;/p&gt;
  &lt;p&gt;&lt;span&gt;Short description:&lt;/span&gt; &lt;textarea name='description' id='htmlfeedback-input-description'&gt;&lt;/textarea&gt;&lt;/p&gt;
  &lt;p&gt;&lt;input type='submit' id='htmlfeedback-submit' value='Send' style='background-color:#5547ec'&gt;&lt;input type='reset' id='htmlfeedback-reset' value='Reset' style='width:30%;background-color:#5547ec'&gt;&lt;/p&gt;
  &lt;/form&gt;&lt;/div&gt;
  &lt;div id='divFeedBackPage2'&gt;
  &lt;p&gt;Changes will take effect through all the instances of the tool if you have added the control in multiple locations.&lt;/p&gt;
  &lt;form id='frmfeedBackSettings-form'&gt;
  &lt;p&gt;&lt;span&gt;Title:&lt;/span&gt;&lt;input type='text' name='text' id='txtfeedBackTitle' style='width: 88%' /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;span&gt;Color:&lt;/span&gt;&lt;input type='text' name='text' id='txtfeedBackColor' /&gt;&lt;/p&gt;
  &lt;input type='submit' id='btnSubmitFeedbackSettings' value='Submit'/&gt;
  &lt;/form&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div id='divWaitMsg' style='display:none; color:blue; font-size:20px' class='centered'&gt;Please Wait....&lt;/div&gt;
  </code></pre>