crawler-ninja
Version:
A web crawler made for the SEO based on plugins. Please wait or contribute ... still in beta
206 lines (201 loc) • 8.23 kB
HTML
<html>
<head>
<title>Cocoons all widget</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="Display all Cocoons widget">
<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">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- add/remove navbar-inverse in the class list to switch the menu background style-->
<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">
<div class="row">
<h2 id="all-widgets">All widgets</h2>
<div id="id-carousel1" data-ride="carousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#id-carousel1" data-slide-to='0' class="active"></li>
<li data-target="#id-carousel1" data-slide-to='1'></li>
<li data-target="#id-carousel1" data-slide-to='2'></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img alt="alt" src="/images/carousel.jpg" />
<div class="container">
<div class="carousel-caption">
<h1>title</h1>
<p>klmdkfmdksfmksdmfkdmskmfksmdl</p>
<p><a href="/" role="button" class="btn btn-lg btn-primary">anchor »</a></p>
</div>
</div>
</div>
<div class="item">
<img alt="alt" src="/images/carousel.jpg" />
</div>
<div class="item">
<img alt="alt" src="/images/carousel.jpg" />
</div>
</div>
<a href="#id-carousel1" role="button" data-slide="prev" class="left carousel-control">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#id-carousel1" role="button" data-slide="next" class="right carousel-control">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<hr>
<div role="alert" class="alert alert-info">
<div class="lead">alert message text</div>
</div>
<div class="col-md-4">
<h2>Title 1</h2>
<p>Text 1</p>
<p><a href="/url.html" role="button" class="btn btn-default">anchor »</a></p>
</div>
<div class="col-md-4">
<h2>Title 2</h2>
<p>Text 2</p>
<p><a href="/url.html" role="button" class="btn btn-default">anchor »</a></p>
</div>
<div class="col-md-4">
<h2>Title 3</h2>
<p>Text 3</p>
<p><a href="/url.html" role="button" class="btn btn-default">anchor »</a></p>
</div>
<hr>
<p>Reponsive HTML 5 video</p>
<div style="padding-bottom:20px" itemscope="itemscope" itemtype="http://schema.org/VideoObject">
<video width="640" height="480" controls="controls" class="img img-responsive">
<source src="/video/big_buck_bunny.mp4" type="video/mp4" />= widget.properties.message</video>
</div>
<hr>
<p>This is a small text</p>
<div class="jumbotron">
<div class="container">
<h1>Title</h1>
<p>Call to action large</p>
<p><a href="/url.html" role="button" class="btn btn-primary btn-lg">anchor »</a></p>
</div>
</div>
<div class="well">
<p>Call 2 action text</p>
<p><a href="/url.html" role="button" class="btn btn-primary btn-lg">anchor »</a></p>
</div>
<div class="media">
<a href="#" id="widget.properties.id" class="pull-left">
<img src="/images/200x200-image.jpg" alt="alt-text" class="media-object" />
</a>
<div class="media-body">
<h4 class="media-heading">title</h4>
<p>paragraph-1</p>
<p>paragraph-2</p>
</div>
</div>
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Title
<span class="text-muted"></span>
</h2>
<p class="lead">Paragraph</p>
<p class="lead">Paragraph</p>
</div>
<div class="col-md-5">
<img src="/images/200x200-image.jpg" class="featurette-image img-responsive" />
</div>
</div>
<img src="/images/200x200-image.jpg" alt="alt-text" class="img-responsive" />
<hr>
<div class="jumbotron">
<h1>Title</h1>
<p class="lead">subtitle-1</p>
<p class="lead">subtitle-2</p>
<p><a href="url" role="button" class="btn btn-lg btn-success">anchor text »</a></p>
</div>
<hr>
<div class="well well-lg">
<div class="lead">alert message</div>
</div>
<p>You can use also a list of element with icons. The list of icon can be found <a href="http://getbootstrap.com/components/">here</a>.</p>
<div class="row marketing">
<div class="col-lg-6">
<h4>
<span class="glyphicon glyphicon-user"> This is a nice title</span>
</h4>
<p>This is a nice text.</p>
<h4>
<span class="glyphicon glyphicon-ok-circle"> This is a nice title</span>
</h4>
<p>This is a nice text.</p>
</div>
<div class="col-lg-6">
<h4>
<span class="glyphicon glyphicon-question-sign"> This is a seconde title</span>
</h4>
<p>Welcome to cocoons demo.</p>
<h4>
<span class="glyphicon glyphicon-cloud-download"> This is a nice title</span>
</h4>
<p>This is a nice text.</p>
</div>
</div>
<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" />
<div class="responsive-video">
<iframe src="//www.youtube.com/embed/6A5EpqqDOdk" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</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>