diff options
| author | prashantsinalkar | 2020-03-06 15:23:10 +0530 |
|---|---|---|
| committer | prashantsinalkar | 2020-03-06 15:25:58 +0530 |
| commit | 3a8b1e7fad8dcdfabb3fe88cdc06c028d40aba11 (patch) | |
| tree | 5e8f1f0c38fc5907b28600c1f4f5edd68cbe5bf0 | |
| parent | 23fb293483c7ca5e4c2e7d83b70e4b638aa5fa90 (diff) | |
| download | arduino_projects_website-3a8b1e7fad8dcdfabb3fe88cdc06c028d40aba11.tar.gz arduino_projects_website-3a8b1e7fad8dcdfabb3fe88cdc06c028d40aba11.tar.bz2 arduino_projects_website-3a8b1e7fad8dcdfabb3fe88cdc06c028d40aba11.zip | |
added front page slider
| -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 |
