{% extends 'base.html.twig' %}
{% block body %}
<!-- Masthead-->
<header class="masthead" id="about">
<div class="container ">
<div class="row">
<div class="col-sm-6 text-center" style="background: linear-gradient(135deg, #fe1d42, #fe7216)">
<img class="masthead-avatar"
src="https://itm-qriosity.s3.ap-south-1.amazonaws.com/public/assets/img/logo-2024.png" alt="..." />
</div>
<div class="col-sm-6 text-center masthead-avatar-container">
<div class="container align-items-center flex-column">
<div class="row">
<div class="col-sm-12" >
<img class="masthead-small"
src="https://itm-qriosity.s3.ap-south-1.amazonaws.com/public/assets/img/logo-2024-small.png" alt="..." />
</div>
</div>
<div class="row">
<div class="col-sm-8">
<h1 class="hero-text">
Welcome to<br/>
India’s Biggest<br/>
Inter-School<br/>
Quiz Show
</h1>
</div>
<div class="col-sm-4">
<div class="masthead-text">
<p>35,000+</p>
<p class="gray">STUDENTS</p>
</div>
<div class="masthead-text">
<p>800+</p>
<p class="gray">SCHOOLS</p>
</div>
<div class="masthead-text">
<p>6</p>
<p class="gray">ROUNDS</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12" >
<img class="masthead-small-season"
src="https://itm-qriosity.s3.ap-south-1.amazonaws.com/public/assets/img/season3-2024.png" alt="..." />
</div>
</div>
</div>
</div>
</div>
</div>
</header>
{% block content %}
{% endblock %}
{% endblock %}