html slim converter code example

Example: html to slim

<!DOCTYPE html>
<html lang="en" style="height:100%">
  <head><title>HTML2slim </title>
    <meta charset="utf-8" />
    <meta content="Convert HTML to Slim" name="description" />
    <meta content="systemlord.me" name="author" />
    <link href="/stylesheets/bootstrap.min.css" rel="stylesheet" />
    <link href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.0.3/codemirror.min.css" rel="stylesheet" />
    <link href="/stylesheets/app.css" rel="stylesheet" />
    <link href="/stylesheets/jquery.cookiebar.css" rel="stylesheet" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
    <script src="javascripts/app.js" type="text/javascript"></script>
    <script src="javascripts/jquery.cookiebar.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.0.3/codemirror.min.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.0.3/mode/xml/xml.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.0.3/mode/javascript/javascript.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.0.3/mode/htmlmixed/htmlmixed.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.0.3/addon/display/placeholder.js" type="text/javascript"></script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      
      ga('create', 'UA-24752709-1', 'html2slim.herokuapp.com');
      ga('send', 'pageview');
    </script>
    <script>
      $(document).ready(function(){
        $.cookieBar({
        });
      });
    </script>
  </head>
  <body style="height:100%">
    <div class="container-fluid" style="height:100%">
      <div class="row-fluid">
        <div class="span2">
          <h1><a href="/">HTML2slim</a>
          </h1>
        </div>
        <div class="span10">Convert HTML Snippets to <a href="http://slim-lang.com/">Slim</a><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="9DPKPZA2CLMNE"><img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1"></form>
        </div>
      </div>
      <form action="" id="main_form" method="POST" style="height:100%;width:100%">
        <input id="mode" name="mode" type="hidden" value="html2slim" />
        <div class="row-fluid" style="text-align:center">
          <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
          <ins class="adsbygoogle" data-ad-client="ca-pub-3899747099198996" data-ad-slot="3739904702" style="display:inline-block;width:468px;height:60px"></ins>
          <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
          </script>
          <br /><span class="muted">Ctrl+Enter</span><br /><input class="btn submittrigger" type="submit" value="lose weight" /><br />
        </div>
        <div class="alert alert-danger" id="alert" role="alert"></div>
        <div class="row-fluid" style="height:80%">
          <div class="span6" style="height:100%">
            <textarea class="code" id="source" name="main_form[source]" placeholder="HTML"></textarea>
          </div>
          <div class="span6" style="height:100%">
            <textarea class="code" id="target" name="main_form[target]" placeholder="slim"></textarea>
          </div>
        </div>
        <div class="row-fluid" style="text-align:center"><input class="btn submittrigger" type="submit" value="lose weight" />
        </div>
        <div class="row-fluid">
          <hr />
          <footer>
            <p>
              © 2016&nbsp;<a href="http://www.systemlord.me">Systemlord</a><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="9DPKPZA2CLMNE"><img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1"></form>
            </p>
          </footer>
        </div>
      </form>
    </div>
  </body>
</html>

Tags:

Html Example