convert html to slim 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 <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>