fix: styles on home page

This commit is contained in:
Anand Chitipothu
2021-04-29 12:16:48 +05:30
parent e207320721
commit 905f51ee76
4 changed files with 91 additions and 34 deletions

View File

@@ -1,39 +1,51 @@
{% extends "templates/base.html" %}
{% block content %}
<div class="container">
{{ HeroSection() }}
{{ ExploreCourses(courses) }}
{{ RecentSketches(recent_sketches) }}
</div>
{% endblock %}
{% macro HeroSection() %}
<div>TODO: Hero
</div>
<section id="hero">
<div class="container">
<div class="jumbotron">
<h1 class="display-4">Guided online courses, with a mentor at your back.</h1>
<p class="lead">Hands-on online courses designed by experts, delivered by passionate mentors.</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Request Invite</a>
</p>
</div>
</div>
</section>
{% endmacro %}
{% macro ExploreCourses(courses) %}
<div id="explore-courses">
<h2>Explore Courses</h2>
<div class="row">
{% for course in courses %}
<div class="col-md-6">
{{ widgets.CoursePreview(course=course) }}
</div>
{% endfor %}
</div>
<section id="explore-courses" class="lightgray">
<div class="container lightgray">
<h2>Explore Courses</h2>
<div class="row">
{% for course in courses %}
<div class="col-md-6">
{{ widgets.CourseTeaser(course=course) }}
</div>
{% endfor %}
</div>
</div>
</section>
{% endmacro %}
{% macro RecentSketches(sketches) %}
<div id="recet-sketches">
<h2>Recent Sketches</h2>
<div class="row">
{% for sketch in sketches %}
<div class="col-md-3">
{{ widgets.SketchPreview(sketch=sketch) }}
<section id="recet-sketches">
<div class="container">
<h2>Recent Sketches</h2>
<div class="row">
{% for sketch in sketches %}
<div class="col-md-3">
{{ widgets.SketchTeaser(sketch=sketch) }}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</section>
{% endmacro %}