crawler-ninja

<!DOCTYPE html><html><head><title>Sample page title, tyou are welcome to modify it</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="This is the meta description for the sample page"><link rel="stylesheet" href="/css/bootstrap.min.css"><link rel="stylesheet" href="/css/bootstrap-theme.min.css"><link rel="stylesheet" href="/css/cocoons.css"><link rel="icon" href="/images/favicon.png"> </head><body><div class="row"><div role="navigation" class="navbar navbar-default navbar-inverse navbar-fixed-top"><div class="container"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="/" class="navbar-brand">Sample Site</a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li class="active"><a href="/markdown.html">Markdown</a></li><li class="active"><a href="/carousel.html">Carousel</a></li><li class="active"><a href="all-widgets.html">Widget demo</a></li></ul></div></div></div></div><div class="container"><h1>Markdown elements</h1><hr><div class="row"><div class="col-sm-8 blog-main"><p>This is a sample page. This HTML page is generated from a markdown file named 'markdown.md'. The page properties are defined in another file called markdown.json. In this property file you can add all properties you want. They will be accessible from the templates used to generate the HTML code.</p> <p>If you need more info on markdown format, please visit this <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet">page</a>.</p> <h2 id="heading">Heading</h2> <h3 id="h3">H3</h3> <h4 id="h4">H4</h4> <h2 id="emphasis">Emphasis</h2> <p>Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p> <p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p> <p>Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p> <p>Strikethrough uses two tildes. <del>Scratch this.</del></p> <h2 id="lists">Lists</h2> <ol> <li>First ordered list item</li> <li>Another item<ul> <li>Unordered sub-list.</li> </ul> </li> <li>Actual numbers don't matter, just that it's a number<ul> <li>item 1</li> <li>item 2</li> </ul> </li> <li>And another item.</li> </ol> <h2 id="images">Images</h2> <p><img src="https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png" alt="alt text" title="Logo Title Text 1"></p> <p><img src="https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png"></p> <h2 id="links">Links</h2> <p><a href="https://www.google.com">I'm an inline-style link</a></p> <p><a href="https://www.google.com" title="Google's Homepage">I'm an inline-style link with title</a></p> <p>No follow external link here : <a rel=nofollow href="https://www.google.com" title="Google's Homepage">I'm an inline-style link with title</a></p> <p>No follow internal link here : <a rel=nofollow href="/">Home</a></p> <p>Or a simple link like <a href="http://www.google.com">http://www.google.com</a></p> <p>Redirect link <a href="/redirect">301 redirect</a></p> <p>PDF link <a href="/pdf/excelforseo.pdf">This is a pdf</a></p> <h2 id="code">Code</h2> <pre><code class="lang-javascript">var s = "JavaScript syntax highlighting"; alert(s); </code></pre> <pre><code class="lang-python">s = "Python syntax highlighting" print s </code></pre> <p>No language indicated, so no syntax highlighting. But let's throw in a <b>tag</b>.</p> <h2 id="widget">Widget</h2> <div class="well"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p><p><a href="/" role="button" class="btn btn-primary btn-lg">More info »</a></p></div><h2 id="tables">Tables</h2> <p>Colons can be used to align columns.</p> <table class='table table-striped table-bordered'> <thead> <tr> <th>Tables</th> <th style="text-align:center">Are</th> <th style="text-align:right">Cool</th> </tr> </thead> <tbody> <tr> <td>col 3 is</td> <td style="text-align:center">right-aligned</td> <td style="text-align:right">$1600</td> </tr> <tr> <td>col 2 is</td> <td style="text-align:center">centered</td> <td style="text-align:right">$12</td> </tr> <tr> <td>zebra stripes</td> <td style="text-align:center">are neat</td> <td style="text-align:right">$1</td> </tr> </tbody> </table> <p>The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.</p> <table class='table table-striped table-bordered'> <thead> <tr> <th>Markdown</th> <th>Less</th> <th>Pretty</th> </tr> </thead> <tbody> <tr> <td><em>Still</em></td> <td><code>renders</code></td> <td><strong>nicely</strong></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </tbody> </table> <h2 id="blockquotes">Blockquotes</h2> <blockquote> <p>Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.</p> </blockquote> <p>Quote break.</p> <blockquote> <p>This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can <em>put</em> <strong>Markdown</strong> into a blockquote.</p> </blockquote> <h2 id="horizontal-rule">Horizontal Rule</h2> <hr> <hr> <h2 id="html-5-video-player">HTML 5 video player</h2> <div style="padding-bottom:20px" itemscope="itemscope" itemtype="http://schema.org/VideoObject"><meta itemprop="name" content="Add a good name or a title for SEO"/><meta itemprop="description" content="Add keywords in this description"/><meta itemprop="duration" content="S25"/><meta itemprop="thumbnail" content="/images/thumbnail.jpg"/><meta itemprop="regionsAllowed" content="FR BE CH"/><video width="640" height="480" autoplay="autoplay" class="img img-responsive"><source src="/video/big_buck_bunny.mp4" type="video/mp4"/>= widget.properties.message</video></div><h2 id="youtube-videos">Youtube videos</h2> <p>A link to a youtube video :</p> <p><a href="http://www.youtube.com/watch?feature=player_embedded&v=6A5EpqqDOdk " target="_blank"><img src="http://img.youtube.com/vi/6A5EpqqDOdk/0.jpg" alt="Markdown Tutorial" width="640" height="360" border="10" /></a></p> <p>or the iframe youtube code :</p> <iframe width="640" height="360" src="//www.youtube.com/embed/6A5EpqqDOdk" frameborder="0" allowfullscreen></iframe> </div><div class="col-sm-3 col-sm-offset-1 blog-sidebar"><div class="sidebar-module sidebar-module-inset"><h4>Contact us</h4><p> info@cocoons.io</p></div><div class="sidebar-module sidebar-module-inset"><p>Hello World ! This a call to action widget</p><p><a href="/" role="button" class="btn btn-primary btn-lg btn-block">Click me !</a></p></div><div class="sidebar-module"><h4>Follow us ! </h4><hr/><ol class="list-unstyled"><li><a href="https://github.com/christophebe/cocoons">GitHub</a></li><li><a href="https://twitter.com/cocoons_io">Twitter</a></li><li><a href="/out/external-url.html" rel="nofollow">No following link & 302</a></li></ol></div><img src="/images/200x200-image.jpg" alt="This is an Ads ! " class="img-responsive"/></div></div><div class="footer"><p>© cocoons.io 2014 - Your are welcome to contribute ! </p></div></div><script src="http://code.jquery.com/jquery.min.js"></script><script src="/js/bootstrap.min.js"></script><script>var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxx']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script></body></html>