summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--fossee_manim/forms.py18
-rw-r--r--fossee_manim/static/css/index.css8
-rw-r--r--fossee_manim/templates/fossee_manim/base.html114
-rw-r--r--fossee_manim/templates/fossee_manim/categorical_list.html6
-rw-r--r--fossee_manim/templates/fossee_manim/faqs.html5
-rw-r--r--fossee_manim/templates/fossee_manim/guidelines.html4
-rw-r--r--fossee_manim/templates/fossee_manim/index_akshen.html115
-rw-r--r--fossee_manim/templates/fossee_manim/indexfooter.html148
8 files changed, 347 insertions, 71 deletions
diff --git a/fossee_manim/forms.py b/fossee_manim/forms.py
index 0d490f0..7dfdc77 100644
--- a/fossee_manim/forms.py
+++ b/fossee_manim/forms.py
@@ -24,17 +24,17 @@ position_choices = (
)
department_choices = (
- ("computer", "Dept. of Computers"),
+ ("computer", "Dept. of Computer Science/Engg."),
("mathematics", "Dept. of Mathematics"),
("physics", "Dept. of Physics"),
- ("civil", "Dept. of Civil"),
- ("electrical", "Dept. of Electrical"),
- ("mechanical", "Dept. of Mechanical"),
- ("chemical", "Dept. of Chemical"),
- ("aerospace", "Dept. of Aerospace"),
+ ("civil", "Dept. of Civil Engineering"),
+ ("electrical", "Dept. of Electrical Engg."),
+ ("mechanical", "Dept. of Mechanical Engg."),
+ ("chemical", "Dept. of Chemistry"),
+ ("aerospace", "Dept. of Aerospace Engg."),
("biosciences and bioengineering", "Biosciences and BioEngineering"),
("electronics", "Dept. of Electronics"),
- ("energy science and engineering", "Dept. of Energy Science and Engineering"),
+ ("energy science and engineering", "Dept. of Energy Science and Engg"),
("others", "Others")
)
@@ -42,8 +42,8 @@ title = (
("Professor", "Prof."),
("Doctor", "Dr."),
("Shriman", "Shri"),
- ("Shrimati", "Smt"),
- ("Kumari", "Ku"),
+ ("Shrimati", "Smt."),
+ ("Kumari", "Ku."),
("Mr", "Mr."),
("Mrs", "Mrs."),
("Miss", "Ms."),
diff --git a/fossee_manim/static/css/index.css b/fossee_manim/static/css/index.css
index f33ef12..176126e 100644
--- a/fossee_manim/static/css/index.css
+++ b/fossee_manim/static/css/index.css
@@ -1,13 +1,15 @@
#brand{
font-size: 2vw;
- font-family: "Times New Roman", Georgia, serif;
+ /* font-family: "Times New Roman", Georgia, serif; */
+ font-family: 'Raleway', sans-serif;
}
#tag {
padding: 15 15 15 15;
font-size: 3vw;
color: goldenrod;
- font-family: Arial, Helvetica, sans-serif;
+ /* font-family: Arial, Helvetica, sans-serif; */
+ font-family: 'Raleway', sans-serif;
}
@@ -64,7 +66,7 @@ form.example::after {
#btns {
padding: 25 25 25 25;
font-size: 155%;
- font-family: Verdana, Geneva, Tahoma, sans-serif;
+ font-family: 'Lato', sans-serif;
}
#btns > a {
diff --git a/fossee_manim/templates/fossee_manim/base.html b/fossee_manim/templates/fossee_manim/base.html
index 7563f5b..b966054 100644
--- a/fossee_manim/templates/fossee_manim/base.html
+++ b/fossee_manim/templates/fossee_manim/base.html
@@ -8,10 +8,10 @@
{% endblock %}
</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" />
<!-- favicon -->
@@ -21,59 +21,60 @@
<!-- For js/ajax and other related scripts -->
{% block extra %}
- {% endblock %}
+ {% endblock %}
-<body style="overflow: scroll;">
+<body>
{% block header %}
- <nav class="navbar navbar-expand-lg navbar-custom">
- <a class="navbar-brand" href="{% url 'index' %}">FOSSEE Animations</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
- aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon">=</span>
- </button>
+ <nav class="navbar navbar-expand-lg navbar-light row bck_clr fixed-top" style="background-color:#222222; padding-top: 20px; padding-bottom: 20px;">
+ <a class="navbar-brand" href="#">
+ <img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="" style="margin-right: 50px; margin-left: 20px">
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <form class="form-inline" method="POST" action="/search/">
- {% csrf_token %}
- <input class="form-control mr-sm-2" id="sbox" name="sbox" type="search" placeholder="Search" aria-label="Search">
- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
- </form>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Categories
- </a>
-
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- {% for c in categories %}
- <a class="dropdown-item" href="{% url 'search_category' c.name %}">{{c.name}}</a>
- {% endfor %}
- </div>
- </li>
- </ul>
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <form class="form-inline" style="margin-left: 10px; margin-top: 10px">
+ <input class="form-control mr-sm-2" type="text" placeholder="Search for animations">
+ <button class="btn btn-primary my-2 my-sm-0" type="submit">
+ Search
+ </button>
+ </form>
- {% if user.is_authenticated %}
+ <ul class="navbar-nav ml-md-auto">
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
+ <a class="dropdown-item" href="{% url 'login' %}">Login</a>
+ <div class="dropdown-divider">
+ </div>
+ <a class="dropdown-item" href="register">Register</a>
+ </div>
+ </li>
+ </ul>
+ </div>
+ <!-- {% if user.is_authenticated %}
<ul class="navbar-nav ml-auto mr-5">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{user.first_name}}
</a>
{% if request.user.profile.position == 'contributor' %}
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="{% url 'guidelines' %}">Guidelines</a>
- <a class="dropdown-item" href="{% url 'send_proposal' %}">Send Proposal</a>
- <a class="dropdown-item" href="{% url 'proposal_status' %}">Proposal Status</a>
- <a class="dropdown-item" href="{% url 'view_profile' %}">View Profile</a>
- <a class="dropdown-item" href="{% url 'honorarium' %}">Honorarium</a>
- <a class="dropdown-item" href="{% url 'logout' %}">Logout</a>
- </div>
- {% else %}
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="{% url 'proposal_status' %}">Submitted Proposals</a>
- <a class="dropdown-item" href="{% url 'view_profile' %}">View Profile</a>
- <a class="dropdown-item" href="{% url 'logout' %}">Logout</a>
- </div>
- {% endif %}
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+ <a class="dropdown-item" href="{% url 'guidelines' %}">Guidelines</a>
+ <a class="dropdown-item" href="{% url 'send_proposal' %}">Send Proposal</a>
+ <a class="dropdown-item" href="{% url 'proposal_status' %}">Proposal Status</a>
+ <a class="dropdown-item" href="{% url 'view_profile' %}">View Profile</a>
+ <a class="dropdown-item" href="{% url 'honorarium' %}">Honorarium</a>
+ <a class="dropdown-item" href="{% url 'logout' %}">Logout</a>
+ </div>
+ {% else %}
+ <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+ <a class="dropdown-item" href="{% url 'proposal_status' %}">Submitted Proposals</a>
+ <a class="dropdown-item" href="{% url 'view_profile' %}">View Profile</a>
+ <a class="dropdown-item" href="{% url 'logout' %}">Logout</a>
+ </div>
+ {% endif %}scroll
</li>
</ul>
{% else %}
@@ -86,18 +87,27 @@
</li>
</ul>
{% endif %}
- </div>
- </nav>
- {% endblock %}
-
+ </div> -->
+ </nav>
+ <div class="jumbotron sticky-top" style="padding-top: 90px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
+ <div class="btn-group btn-group-lg" role="group">
+ <button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
+ </div>
+ </div>
+ {% endblock %}
+ <main role="main" class="container">
{% block content %}
<br><br>
<h1>Base Template Content. Please override me</h1>
{% endblock %}
-
+ </main>
{% block footer %}
- {% endblock %}
+{% endblock %}
</body>
<br>
diff --git a/fossee_manim/templates/fossee_manim/categorical_list.html b/fossee_manim/templates/fossee_manim/categorical_list.html
index 0084b83..62a5f00 100644
--- a/fossee_manim/templates/fossee_manim/categorical_list.html
+++ b/fossee_manim/templates/fossee_manim/categorical_list.html
@@ -15,8 +15,8 @@
</div>
<hr>
<br>
-
- {% for video in categorial_list %}
+
+ {% for video in categorial_list %}
<div class="row">
<div class="col-md-4">
<a href="{% url 'video' video.id %}" >
@@ -35,4 +35,4 @@
<br>
</div>
<br>
-{% endblock %} \ No newline at end of file
+{% endblock %}
diff --git a/fossee_manim/templates/fossee_manim/faqs.html b/fossee_manim/templates/fossee_manim/faqs.html
index 3e182a1..cd68c5c 100644
--- a/fossee_manim/templates/fossee_manim/faqs.html
+++ b/fossee_manim/templates/fossee_manim/faqs.html
@@ -5,8 +5,9 @@
{% endblock %}
{% block content %}
-<br>
-<div class="container-fluid" align = "justify">
+
+<div class="container-fluid jumbotron" align = "justify" style="margin-top:10px">
+ <!-- style="padding-top:120px"> -->
<h1><center>Frequently Asked Questions</center></h1>
<div class="container">
<br>
diff --git a/fossee_manim/templates/fossee_manim/guidelines.html b/fossee_manim/templates/fossee_manim/guidelines.html
index 5de4374..42f2f44 100644
--- a/fossee_manim/templates/fossee_manim/guidelines.html
+++ b/fossee_manim/templates/fossee_manim/guidelines.html
@@ -10,8 +10,8 @@
background-color: #c2d2df;
}
</style>
-
- <div class="container-fluid" align = "justify">
+ <div class="container-fluid" align = "justify">
+ <!-- style="padding-top:120px"> -->
<br>
<h1><center>Guidelines for Submitting Proposals</center></h1>
<div class="container">
diff --git a/fossee_manim/templates/fossee_manim/index_akshen.html b/fossee_manim/templates/fossee_manim/index_akshen.html
new file mode 100644
index 0000000..b1c75c0
--- /dev/null
+++ b/fossee_manim/templates/fossee_manim/index_akshen.html
@@ -0,0 +1,115 @@
+<html>
+ <head>
+ <meta charset="utf-8">
+
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="Akshen Doke" content="FOSSEE-IITB">
+ <meta name="title" content="Welcome to FOSSEE's Animation for Education">
+ <meta name="description" content=".">
+ <meta name="keywords" content="fossee, iit bombay, animation based learning math, manim, python based animations">
+ <!-- favicon -->
+ <link rel="shortcut icon" type="image/png" href="{{ URL_ROOT}}/static/img/fevicon_python.png"/>
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+
+
+ <!-- Custom CSS -->
+ <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/index.css" type="text/css" />
+ <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" />
+
+ <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+ <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+
+ <!-- Search bar -->
+ <link rel="stylesheet" href="{{ URL_ROOT}}/static/css/font-awesome.min.css" type="text/css">
+</a></li>
+</ul>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
+
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+ <title>Welcome</title>
+
+ </head>
+ <style>
+ #circle:hover {
+ color: rgb(13, 108, 233);
+ }
+ </style>
+ <body>
+ <nav class="navbar sticky-top navbar-dark" style="background-color: #222222;>
+ <div class="container-fluid">
+ <div class="navbar-header">
+ <!-- <a class="navbar-brand" href="#"> -->
+ <img alt="Main_Logo" src="{{ URL_ROOT }}/static/img/logo_main.png" style="width: 50%; margin: 10 10 10 10;">
+ <!-- </a> -->
+ </div>
+ <!-- <form class="form-inline mr-auto">
+ <input class="form-control" type="text" placeholder="Search" aria-label="Search">
+ <button class="btn btn-mdb-color btn-rounded btn-sm my-0 ml-sm-3" type="submit">Search</button>
+ </form> -->
+ <form class="form-inline p-2">
+ <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+ <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+ </form>
+ </div>
+ </nav>
+
+ <div class="row" id="center_row">
+ <div class="col-md-12">
+ <img id="container_img" class="img-responsive" src="{{ URL_ROOT }}/static/img/logo_center.png">
+ <p></p>
+ </div>
+ </div>
+
+ <div class="row" style="background-color: white;">
+ <div class="col-md-4">
+ <center>
+ <a href="{% url 'guidelines' %}"> <img src="{{ URL_ROOT }}/static/img/guidelines.png" id="circle" style="margin: 5% 0 5% 0"></a>
+ </center>
+ </div>
+ <div class="col-md-4">
+ <center>
+ <a href="{% url 'faqs' %}"><img src="{{ URL_ROOT }}/static/img/faqs.png" id="circle" style="margin: 5% 0 5% 0"></a>
+ </center>
+ </div>
+ <div class="col-md-4">
+ <center>
+ <a href="{% url 'login' %}"><img src="{{ URL_ROOT }}/static/img/submit.png" id="circle" style="margin: 5% 0 5% 0"></a>
+ </center>
+ </div>
+ </div>
+ <div class="row" style="background-color: #E4EBEA;">
+ <div class="col-md-12">
+ <center>
+ <img src="{{ URL_ROOT }}/static/img/info.png" style="width:80%; margin-top: 5%; margin-bottom: 5%;">
+ </center>
+ </div>
+ </div>
+ <div class="row" style="background-color: #081130;">
+ <div class="col-md-4">
+ <center>
+ <img src="{{ URL_ROOT }}/static/img/fossee_logo_iitb.png" style="margin-top: 5%;">
+ </center>
+ </div>
+ <div class="col-md-4" style="color: white; margin-bottom: 1%;">
+ <br> <br>
+ FOSSEE,
+ IIT-Bombay <br>Mumbai, India <br>
+ Phone: (+91) 22 2576 4133 <br>
+ Email: animations[at]fossee[dot]in
+ </div>
+ <div class="col-md-4" style="margin-top:3%;">
+ <a style="color:white;" href="https://python.fossee.in/about/" target="_blank">About Us </a>| <a style="color:white;" href="{% url 'honorarium' %}" target="_blank">Honorarium</a>
+ </div>
+ </div>
+ <div class="row" style="background-color: #081130;">
+ <hr style="background-color:grey;">
+ <div class="col-md-12" style="background-color: #081130; color:white; text-align: center; margin-bottom: 1%;">
+ The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
+ This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/fossee_manim/templates/fossee_manim/indexfooter.html b/fossee_manim/templates/fossee_manim/indexfooter.html
new file mode 100644
index 0000000..3380fbd
--- /dev/null
+++ b/fossee_manim/templates/fossee_manim/indexfooter.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>FOSSEE Animations</title>
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+ <link href="https://fonts.googleapis.com/css?family=Raleway|Lato&display=swap" rel="stylesheet">
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+ <style type="text/css">
+ .perma_link{
+ color: #222222;
+ }
+ .perma_link:hover{
+ background-color:#a0e6ee;
+ text-decoration: none;
+ }
+ .perma_link a{
+ text-decoration: none;
+ }
+ .bck_clr{
+ background-color: #222222;
+ }
+ </style>
+ </head>
+
+ <body>
+ <!--<div class="container-fluid">-->
+ <div class="col-md-12">
+ <nav class="navbar navba.r-expand-lg navbar-light row bck_clr fixed-top" style="padding-top: 20px; padding-bottom: 20px;">
+ <a class="navbar-brand" href="#">
+ <img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="" style="margin-right: 50px; margin-left: 20px">
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <form class="form-inline" style="margin-left: 10px; margin-top: 10px">
+ <input class="form-control mr-sm-2" type="text">
+ <button class="btn btn-primary my-2 my-sm-0" type="submit">
+ Search
+ </button>
+ </form>
+
+ <ul class="navbar-nav ml-md-auto">
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
+ <a class="dropdown-item" href="{% url 'login' %}">Login</a>
+ <div class="dropdown-divider">
+ </div>
+ <a class="dropdown-item" href="{% url 'register' %}">Register</a>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ <!-- Remove sticky-top if the buttons are not supposed to scroll down-->
+ <div class="jumbotron row sticky-top" style="padding-top: 100px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
+ <div class="btn-group btn-group-lg" role="group">
+ <button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
+ </div>
+ </div>
+
+ <div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px">
+ <ol class="carousel-indicators">
+ <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+ <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+ <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+ </ol>
+ <div class="carousel-inner">
+ <div class="carousel-item active">
+ <img class="d-block w-100" src="https://i.imgur.com/ruP33nb.png" alt="First slide" height=800>
+ <!-- img res here-->
+ <div class="carousel-caption d-none d-md-block">
+ <h5>FOSSEE Animations</h5>
+ <p>some stuff</p>
+ </div>
+ </div>
+ <div class="carousel-item">
+ <img class="d-block w-100" src="https://i.imgur.com/FgdE4et.png" alt="Second slide" height=800>
+ </div>
+ <div class="carousel-item">
+ <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=800>
+ </div>
+ </div>
+ <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+ <span class="sr-only">Previous</span>
+ </a>
+ <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
+ <span class="sr-only">Next</span>
+ </a>
+ </div>
+
+
+ <!--Infographics-->
+
+ <div class="jumbotron row text-center" style="background-color: white"> <!-- style="background-image: url(''); background-size: cover;">-->
+
+
+ <div class="container text-center">
+ <h1 style="color: #e45700"><b>HOW IT WORKS</b></h1>
+ <img class="img-fluid d-block text-center" width="100%" src="{{ URL_ROOT }}/static/img/info.svg" alt="...">
+ </div>
+
+ </div>
+
+
+
+ <!--Footer-->
+ <div class="row" style="background-color: #222222;">
+ <div class="col-md-4">
+ <center>
+ <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" width = 200; style="margin:50px; float:left">
+ </center>
+ </div>
+
+ <div class="col-md-3" style="color: white; margin:50px; float:right">
+ FOSSEE, IIT-Bombay <br>
+ Mumbai, India <br>
+ Phone: (+91) 22-2576-4133 <br>
+ Email: animations[at]fossee[dot]in
+ </div>
+
+ <div class="col-md-3" style="margin:50px">
+ <a style="color:white;" href="https://python.fossee.in/about/" target="_blank">About Us </a>
+ </div>
+ <!-- </div> -->
+ <div class="row" style="background-color: #444444;">
+ <hr style="color:white;">
+ <div class="col-md-10 mx-auto" style="background-color: #444444; color:white; text-align: center; margin: 0.5%; ">
+ The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
+ This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
+
+ </div>
+ </div>
+
+ </div>
+
+ </body>
+</html>