JSFiddle

  • BROADCAST TEMPLATE - LITE Media #3 is the latest revision

    kangrian.com

    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <head>
    <title>Mobile Responsive Email</title>
    
    <style type="text/css">
    body { background-color:#fff!important;}
    * { line-height:1.7;}
    .ReadMsgBody {width: 100%;}
    .ExternalClass {width: 100%;}
    .mobile {display: none;overflow ...</style></head></meta></html>
  • Order Template LITE Media #3 is the latest revision

    kangrian.com

    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <head>
    <title>Mobile Responsive Email</title>
    
    <style type="text/css">
    body { background-color:#fff!important;}
    * { line-height:1.7;}
    .ReadMsgBody {width: 100%;}
    .ExternalClass {width: 100%;}
    .mobile {display: none;overflow ...</style></head></meta></html>
  • SMS LINK ( Custom ) #2 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <a href="sms:+62 896-1888-5066?body=
    Hai KangRian!
    %0D%0A
    KangRian.com
    ">SMS Link</a>
  • Download Link Format #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <a download="http://3.bp.blogspot.com/-4AQulFOwyI0/Vo6A__XwhnI/AAAAAAAABYo/4rzpax7W5hM/s0/BANNER.png" target="__blank" href="http://3.bp.blogspot.com/-4AQulFOwyI0/Vo6A__XwhnI/AAAAAAAABYo/4rzpax7W5hM/s0/BANNER.png">Download</a>
  • LightGallery - KangRian.com #3 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    //<![CDATA[
    $(document).ready(function() {
      $(".lightbox").lightGallery(); 
    });
    //]]>
  • Mail Template Media Indonesia #3 is the latest revision

    KangRian.com

    
    <!doctype html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
    body {
    margin:0; padding:0; font-size:16px!important; 
      -webkit-font-smoothing: antialiased;
      height: 100%;
      -webkit-text-size-adjust: none;
      width: 100% !important;
    }
    
    * {
      font-family: "Helvetica Neue ...</style></meta></meta></head></html></!doctype>
  • Disable RightClick / ContextMenu with Caption! #4 is the latest revision

    Made by : KangRian.com

    // Required jQuery Library ! ^_^
    
    $( "body" ).contextmenu(function() {
      $( ".klikanan" ).fadeToggle();
    });
    $( "#klikanan" ).click(function(){
      $("#klikanan").fadeOut();
    });
  • Popup Box #4 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="maintenance">
      <div class="mainbox">
      <div class="maintitle">
        <div class="maintitlewrap">
          <h3>
          Welcome Bla Bla Bla...
          </h3>
        </div>
      </div>
        <div class="mainwrap">
        <img src="https://lh3.googleusercontent.com/-RjdU1KC0byo/Vvdw2J4xHSI/AAAAAAAAB1M/WA0AlUPHdbANvK2Wf0haOzNDVWV4SzG2Q/s600/media-id.png"/>
        </div>
      </div>
    </div>
    
    <Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/>
    <Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/><Br/>
  • HTML Email Template (BWD)

    No-Library (pure JS), HTML, CSS, JavaScript

    <div style="background: #dadada;">
    <div style="border-left:5px solid #ccc;border-right:5px solid #ccc;">
        <div style="width: 100%; max-width: 600px; margin: 0 auto!important; padding: 15px 0!important; background: #fff; border-bottom:5px solid #068ad1; text-align: center;">
            <a href="http://bandung-webdesign.com"><img style="display: block; margin: 0 auto!important;" src="http://bandung-webdesign.com/home/wp-content/themes/bwd2016/img/logo.png" height="60" /></a>
        </div>
        <div style="width: 100%; max-width: 600px; margin: 0 auto!important; margin-top:-1px!important;background: #fff; text-align: left;color:#474e5d;">
            <a href="http://bandung-webdesign.com" style="display:block!important;padding:20px!important;background:#079ae9;color:#fff!important;text-decoration:none!important;font-size:20px!important;font-family:helvetica,sans-serif!important;text-align:center!important;">Website Service Agreement <br>&<br> BAST ( Berita Acara Serah Terima )</a>
            <div style="padding: 20px; font-family: arial,sans-serif; font-size: 100%;color:#4b4b4b;">
                <b>KangRian.com [STUDIO]</b> - Hadir bagi anda yang sedang membutuhkan solusi ...</a></div></div></div>
  • HTML Email Template (KangRian.com) #13 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    .
    <br/>
        <div style="background: #eee;">
        <div style="width: 100%; max-width: 600px; margin: 0 auto!important; padding: 20px 0!important; background: #2b2b2b; border-bottom:2px solid #ddd; border-top:2px solid #eee; text-align: center;"><a href="http://kangrian.com"><img style="display: block; margin: 0 auto!important;" src="http://1.bp.blogspot.com/-MxeWKjzLrqA/VrfZ2L8nvUI/AAAAAAAABh4/PnFCmWVouqc/s1600-r/logo.png" height="60" /></a></div>
            <div style="width: 100%; max-width: 600px; margin: 0 auto!important; background: #f5f5f5; text-align: center;">
                <div style="padding: 20px; font-family: arial,sans-serif; font-size: 100%;">
                    Support submission from <b>[your-name] - [your-subject]</b> ([menu-243]) &nbsp;
                    <br/><br/>
                    <table border="1" style="width:100%" style="text-align:left!important;">
                        <tr>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Name:
                                    <b>[your-name]</b>
                                </div>
                            </td>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Company Name:
                                    <b>[your-subject]</b>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Job Title:
                                    <b>[text-21]</b>
                                </div>
                            </td>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Status:
                                    <b>[menu-243]</b>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Division:
                                    <b>[menu-136]</b>
                                </div>
                            </td>
                            <td valign="middle" align="left">
                                <div style="margin:5px;display:block;">
                                    Subject:
                                    <b>[text-685 ...</b></div></td></tr></table></br/></br/></div></div></div></br/>