summaryrefslogtreecommitdiff
path: root/snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html
diff options
context:
space:
mode:
authorpdp8 <pdp8@pdp8.info>2022-08-22 00:52:15 +0200
committerpdp8 <pdp8@pdp8.info>2022-08-22 00:52:15 +0200
commite3c672f4648997dbe00624e09c63c990a8ea3596 (patch)
tree2b81023c89da84b09188d9bbbcc3d907faf8df6f /snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html
parent28792e4d504d59b5aeab70d66ea6be51c9c683b1 (diff)
audio and video rendering, Fork-Awesome-1.2.0 included
Diffstat (limited to 'snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html')
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html111
1 files changed, 111 insertions, 0 deletions
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html b/snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html
new file mode 100644
index 0000000..2ec5273
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/_includes/examples/bootstrap.html
@@ -0,0 +1,111 @@
+<section id="bootstrap">
+ <h2 class="page-header">Bootstrap 3 Examples</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p>
+ <a class="btn btn-danger" href="#">
+ <i class="fa fa-trash-o fa-lg"></i> Delete</a>
+ <a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-cog"></i> Settings</a>
+ </p>
+ <p>
+ <a class="btn btn-lg btn-success" href="#">
+ <i class="fa fa-code-fork fa-2x pull-left"></i> {{ site.forkawesome.name }}<br>Version {{ site.forkawesome.version }}</a>
+ </p>
+ <div class="margin-bottom">
+ <div class="btn-group">
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-left" title="Align Left"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-center" title="Align Center"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-right" title="Align Right"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-justify" title="Align Justify"></i>
+ </a>
+ </div>
+ </div>
+ <div class="margin-bottom">
+ <div class="input-group margin-bottom-sm">
+ <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
+ <input class="form-control" type="text" placeholder="Email address">
+ </div>
+ <div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
+ <input class="form-control" type="password" placeholder="Password">
+ </div>
+ </div>
+ <div class="margin-bottom">
+ <div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ {{ site.forkawesome.name }} works great with the full range of Bootstrap components.
+ </p>
+{% highlight html %}
+<a class="btn btn-danger" href="#">
+ <i class="fa fa-trash-o fa-lg"></i> Delete</a>
+<a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-cog"></i> Settings</a>
+
+<a class="btn btn-lg btn-success" href="#">
+ <i class="fa fa-flag fa-2x pull-left"></i> {{ site.forkawesome.name }}<br>Version {{ site.fontawesome.version }}</a>
+
+<div class="btn-group">
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-left" title="Align Left"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-center" title="Align Center"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-right" title="Align Right"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-justify" title="Align Justify"></i>
+ </a>
+</div>
+
+<div class="input-group margin-bottom-sm">
+ <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
+ <input class="form-control" type="text" placeholder="Email address">
+</div>
+<div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
+ <input class="form-control" type="password" placeholder="Password">
+</div>
+
+<div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
+ </ul>
+</div>
+{% endhighlight %}
+ </div>
+ </div>
+</section>