diff options
-rw-r--r-- | fossee_manim/templates/fossee_manim/index.html | 80 |
1 files changed, 39 insertions, 41 deletions
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html index 1a0de91..dd85d66 100644 --- a/fossee_manim/templates/fossee_manim/index.html +++ b/fossee_manim/templates/fossee_manim/index.html @@ -3,6 +3,7 @@ <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> @@ -28,15 +29,15 @@ <div class="col-md-12"> <nav class="navbar navbar-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="200" height="45" alt="" style="margin-right: 50px; margin-left: 20px"> + <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> + <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"> + <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> @@ -46,23 +47,22 @@ <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="#">Login</a> + <a class="dropdown-item" href="{% url 'login' %}">Login</a> <div class="dropdown-divider"> - </div> <a class="dropdown-item" href="#">Register</a> + </div> <a class="dropdown-item" href="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" style="color:#222222">Guidelines</button> - <button class="btn btn-link perma_link" type="button" style="color:#222222">FAQ</button> - <button class="btn btn-link perma_link" type="button" style="color:#222222">Honorarium</button> - <button class="btn btn-link perma_link" type="button" style="color:#dd1100">Submit Proposal</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> @@ -75,6 +75,7 @@ <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> @@ -105,7 +106,7 @@ <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="info.svg" alt="..."> + <img class="img-fluid d-block text-center" width="100%" src="{{ URL_ROOT }}/static/img/info.svg" alt="..."> </div> </div> @@ -114,36 +115,33 @@ <!--Footer--> <div class="row" style="background-color: #222222;"> - <div class="col-md-6"> - <div class="col-md-4"> - <center> - <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="margin:50px; float:left"> - </center> - </div> - - <div class="col-md-6" 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> - <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:#6c757d;" href="{% url 'honorarium' %}" target="_blank">Honorarium</a> - </div> - </div> - <div class="row" style="background-color: #444444;"> - <hr style="color:white;"> - <div class="col-md-12" style="background-color: #444444; 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> - - </div> - + <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>--> + </div> + </body> </html> |