Untitled

{% extends "gallery/base.html" %}
{% load static %}
{% block content %}
    <!DOCTYPE html>
    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="{% static 'gallery/main.css' %}">
    </head>

    <body style="background-color:#000080;">

<!--      <div>-->
<!--        <h2><font color="white" class="main-message"> Share Your Creations </font></h2>-->
<!--      </div>-->


      <center><h2 class="Title"><font color="white">TopCode</font></h2></center>


      <div class="col text-center">
          <button type="button" class="btn btn-light">Start coding today!</button>
      </div>


      <div class="description-message">
        <h4><font color="white">An online platform for programming!</font></h4>
      </div>


        <div class="btn-group" role="group" aria-label="Other Links">
             <button type="button" class="btn btn-secondary">About</button>
             <button type="button" class="btn btn-secondary">Rankings</button>
             <button type="button" class="btn btn-secondary">Learn</button>
             <button type="button" class="btn btn-secondary">Forum</button>
             <button type="button" class="btn btn-secondary">Guidelines</button>
        </div>


    </body>
  </html>
{% endblock content %}