diff options
-rw-r--r-- | arduino_blog/static/arduino_blog/templates/home.html | 34 | ||||
-rwxr-xr-x | arduino_blog/static/images/MainBoard.jpg | bin | 0 -> 152417 bytes | |||
-rwxr-xr-x | arduino_blog/static/images/Traffic.jpg | bin | 0 -> 134477 bytes |
3 files changed, 32 insertions, 2 deletions
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 Binary files differnew file mode 100755 index 0000000..adda668 --- /dev/null +++ b/arduino_blog/static/images/MainBoard.jpg diff --git a/arduino_blog/static/images/Traffic.jpg b/arduino_blog/static/images/Traffic.jpg Binary files differnew file mode 100755 index 0000000..534d788 --- /dev/null +++ b/arduino_blog/static/images/Traffic.jpg |