1 files changed, 51 insertions, 0 deletions
diff --git a/static/fork-awesome/src/doc/_includes/jumbotron-carousel.html b/static/fork-awesome/src/doc/_includes/jumbotron-carousel.html
new file mode 100644
index 0000000..1d5b74c
--- /dev/null
+++ b/static/fork-awesome/src/doc/_includes/jumbotron-carousel.html
@@ -0,0 +1,51 @@
+<div class="jumbotron jumbotron-carousel hidden-print">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-8 col-sm-8 text-center">
+        <h1>{{ site.forkawesome.name }}</h1>
+        <p>{{ site.forkawesome.tagline }}</p>
+        <div class="actions">
+          <a class="btn btn-default btn-lg" href="#modal-download" data-toggle="modal">
+            <i class="fa fa-download fa-lg" aria-hidden="true"></i>&nbsp;
+            Download
+          </a>
+        </div>
+        <div class="shameless-self-promotion">
+          Version {{ site.forkawesome.version }}
+          &nbsp;&nbsp;&middot;&nbsp;&nbsp;
+          <a href="{{ site.forkawesome.github.url }}">
+            <i class="fa fa-github-alt" aria-hidden="true"></i> GitHub Project
+          </a>
+          </div>
+      </div>
+      <div class="col-md-4 col-sm-4">
+        <div id="icon-carousel" class="carousel slide">
+          <div class="carousel-inner">
+            <div class="active item"><div><i class="fa fa-fork-awesome" aria-hidden="true"></i><span class="sr-only">fork awesome icon</span></div></div>
+            <div class="item"><div><i class="fa fa-bath" aria-hidden="true"></i><span class="sr-only">bath icon</span></div></div>
+            <div class="item"><div><i class="fa fa-envelope-open-o" aria-hidden="true"></i><span class="sr-only">envelope icon</span></div></div>
+            <div class="item"><div><i class="fa fa-commenting" aria-hidden="true"></i><span class="sr-only">commenting icon</span></div></div>
+            <div class="item"><div><i class="fa fa-map-signs" aria-hidden="true"></i><span class="sr-only">map signs icon</span></div></div>
+            <div class="item"><div><i class="fa fa-camera-retro" aria-hidden="true"></i><span class="sr-only">camera icon</span></div></div>
+            <div class="item"><div><i class="fa fa-send-o" aria-hidden="true"></i><span class="sr-only">send icon</span></div></div>
+            <div class="item"><div><i class="fa fa-book" aria-hidden="true"></i><span class="sr-only">book icon</span></div></div>
+            <div class="item"><div><i class="fa fa-gitlab" aria-hidden="true"></i><span class="sr-only">gitlab icon</span></div></div>
+            <div class="item"><div><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">heart icon</span></div></div>
+            <div class="item"><div><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">thumbs up icon</span></div></div>
+            <div class="item"><div><i class="fa fa-mastodon" aria-hidden="true"></i><span class="sr-only">mastodon icon</span></div></div>
+          </div>
+          <!-- Carousel nav -->
+          <a class="carousel-control left" href="#icon-carousel" data-slide="prev">
+            <i class="fa fa-arrow-circle-left" aria-hidden="true"></i>
+            <span class="sr-only">Previous</span>
+          </a>
+          <a class="carousel-control right" href="#icon-carousel" data-slide="next">
+            <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
+            <span class="sr-only">Next</span>
+          </a>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>