From 3a8b1e7fad8dcdfabb3fe88cdc06c028d40aba11 Mon Sep 17 00:00:00 2001
From: prashantsinalkar
Date: Fri, 6 Mar 2020 15:23:10 +0530
Subject: added front page slider

---
 .../static/arduino_blog/templates/home.html        |  34 +++++++++++++++++++--
 arduino_blog/static/images/MainBoard.jpg           | Bin 0 -> 152417 bytes
 arduino_blog/static/images/Traffic.jpg             | Bin 0 -> 134477 bytes
 3 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100755 arduino_blog/static/images/MainBoard.jpg
 create mode 100755 arduino_blog/static/images/Traffic.jpg

diff --git a/arduino_blog/static/arduino_blog/templates/home.html b/arduino_blog/static/arduino_blog/templates/home.html
index a1feb61..7660f18 100644
--- a/arduino_blog/static/arduino_blog/templates/home.html
+++ b/arduino_blog/static/arduino_blog/templates/home.html
@@ -3,9 +3,39 @@
 {% load static %}
 <!-- Navigation -->
 {% block home %} 
-    
+<style>
+  /* Make the image fully responsive */
+  .carousel-inner img {
+      width: 25%;
+      height: 25%;
+  }
+</style> 
 <main role="main">
-
+  <section>
+    <div id="front-image" class="carousel slide" data-ride="carousel">
+      <!-- Indicators -->
+      <ul class="carousel-indicators">
+        <li data-target="#front-image" data-slide-to="0" class="active"></li>
+        <li data-target="#front-image" data-slide-to="1"></li>
+      </ul>
+      <!-- The slideshow -->
+      <div class="carousel-inner">
+        <div class="carousel-item active text-center">
+          <img src="{% static 'images/MainBoard.jpg' %}" alt="Main Board" class="img-fluid">
+        </div>
+        <div class="carousel-item text-center">
+          <img src="{% static 'images/Traffic.jpg' %}" alt="Traffic" class="img-fluid">
+        </div>
+      </div>
+      <!-- Left and right controls -->
+      <a class="carousel-control-prev" href="#front-image" data-slide="prev">
+        <span class="carousel-control-prev-icon"></span>
+      </a>
+      <a class="carousel-control-next" href="#front-image" data-slide="next">
+        <span class="carousel-control-next-icon"></span>
+      </a>
+    </div>
+  </section>
   <section class="text-center">
     <div class="container">
       <h1>Open Source Hardware Project</h1>
diff --git a/arduino_blog/static/images/MainBoard.jpg b/arduino_blog/static/images/MainBoard.jpg
new file mode 100755
index 0000000..adda668
Binary files /dev/null and b/arduino_blog/static/images/MainBoard.jpg differ
diff --git a/arduino_blog/static/images/Traffic.jpg b/arduino_blog/static/images/Traffic.jpg
new file mode 100755
index 0000000..534d788
Binary files /dev/null and b/arduino_blog/static/images/Traffic.jpg differ
-- 
cgit