diff options
author | alpaylan | 2021-04-16 01:03:21 +0300 |
---|---|---|
committer | alpaylan | 2021-04-16 01:03:21 +0300 |
commit | b4212a90caa899785402c06d57216e75de0f1c88 (patch) | |
tree | 8adbe6eb6b451eee20d181f26ab771e0c5a920ee /site/templates/index.html | |
parent | 82864341afc78b23b358cd775c70ffbfa0d0303f (diff) | |
parent | 72f8ae422eeb03ed87c7819af5d5e25758267b03 (diff) | |
download | gradecoin-b4212a90caa899785402c06d57216e75de0f1c88.tar.gz gradecoin-b4212a90caa899785402c06d57216e75de0f1c88.tar.bz2 gradecoin-b4212a90caa899785402c06d57216e75de0f1c88.zip |
Merge remote-tracking branch 'origin/main'
# Conflicts:
# src/schema.rs
Diffstat (limited to 'site/templates/index.html')
-rw-r--r-- | site/templates/index.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/site/templates/index.html b/site/templates/index.html new file mode 100644 index 0000000..1256b2a --- /dev/null +++ b/site/templates/index.html | |||
@@ -0,0 +1,50 @@ | |||
1 | {% extends "juice/templates/index.html" %} | ||
2 | |||
3 | {% block head %} | ||
4 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> | ||
5 | {% endblock head %} | ||
6 | |||
7 | {% block hero %} | ||
8 | <section class="text-center"> | ||
9 | <h1 class="heading-text animate__animated animate__jackInTheBox" style="font-size: 50px"> | ||
10 | Mine your own grades | ||
11 | </h1> | ||
12 | <h3 class="title-text"> | ||
13 | <b>Gradecoin</b> is the latest cutting edge blockchain technology agile grading framework that drives organic engagement and other buzzwords, with big data mining search engine optimization | ||
14 | </h3> | ||
15 | <div> | ||
16 | </div> | ||
17 | </section> | ||
18 | <img class="hero-image" style="width: 40%" src="{{ get_url(path="gradecoin.png") }}"> | ||
19 | |||
20 | <div class="explore-more text" | ||
21 | onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})"> | ||
22 | ⇩ Learn How ⇩ | ||
23 | </div> | ||
24 | <style> | ||
25 | |||
26 | .hero section { | ||
27 | padding: 0 5rem; | ||
28 | } | ||
29 | |||
30 | @media screen and (max-width: 768px) { | ||
31 | .hero section { | ||
32 | padding: 0 2rem; | ||
33 | } | ||
34 | |||
35 | .hero-image { | ||
36 | display: none | ||
37 | } | ||
38 | |||
39 | } | ||
40 | footer { | ||
41 | color: #8b8b8b; | ||
42 | } | ||
43 | </style> | ||
44 | {% endblock hero %} | ||
45 | |||
46 | {% block footer %} | ||
47 | <footer> | ||
48 | Built For ⁂ CENG489 ⁂ Introduction to Computer Security | ||
49 | </footer> | ||
50 | {% endblock footer %} | ||