f

Documentation : Fs-Safelinks Pro Blogger Template

 Download Timer Button

<div id="timer"></div>
    <div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>Get Link</button>
<!-- K K UPGRADER -->
</div>

Go To Link Button

<div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>Go to Link</button>
<div style='margin:auto;display:inline-block'>
<!-- K K UPGRADER -->
</div>
</div>

Demo-Download Buttons

 <div style="text-align: center;">
      <ul class="button">
          <li><a class="demo" href="YOUR-LINK-HERE"
          target="_blank">DEMO</a></li>
        
          <li><a class="download" href=" YOUR-LINK-HERE"
          target="_blank">DOWNLOAD</a></li>
        
 </ul>
       </div>

Flippy Panel Button

<div id="flippy"><button>Flippy Panel</button></div>
<div id="flippanel">
<--- Your Message Here --->
</div>

Contact Us Page

<form name="contact-form"><div class="formcolumn1">
      <input id="ContactForm1_contact-form-name" name="name" placeholder="Name*" size="30" type="text" value="" /></div>
      <div class="formcolumn2">
      <input id="ContactForm1_contact-form-email" name="email"placeholder="Email*" size="30" type="text" value="" />
      </div><div class="formcolumn3">
      <textarea cols="25" id="ContactForm1_contact-form-email-message"name="email-message" placeholder="Message*" rows="7"></textarea>
      </div><div class="formcolumn4"><input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Message" /></div><div style="max-width: 100%; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div> </div> </form> <style scoped="" type="text/css"> #ContactForm1{display:none}
      #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Google
      Sans';display:inline-block;width:100%;height:auto;text-align:left;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
      #ContactForm1_contact-form-email-message{font-family:'Google Sans';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
      #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
      #ContactForm1_contact-form-submit{background:#5CB028;color:#fff;font-size:16px;width:100%;height:45px;float:center;padding:0 0 0 0px;margin:10px 10 3px 5px;cursor:pointer;border:none;border-radius:240px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)} .formcolumn4{position:relative}
      .formcolumn4:before{background-image:url(#);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:45px;width:61px;position:absolute;z-index:1;left:1px;top:0}
      #ContactForm1_contact-form-submit:hover{background:#0159BB;box-shadow:0  1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
      #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px} form{color:#888} .formcolumn1,.formcolumn2{float:left;width:50%} .formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0} .formcolumn2{padding:0 0 0 10px} @media only screen and
      (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}} </style>


TABLE IN POST

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody> 
    </table> 

 Responsive Youtube Video

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/VIDEO-ID">
</div>
</div>
</div>


HTML/JAVA CODE BOX

<pre><code><--PASTE CODE HERE--></code></pre>