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 %} | ||
