|
1 | 1 | {% extends "pages/base_thank_you.html" %} |
| 2 | +{% load static %} |
2 | 3 |
|
3 | 4 | {% block body %} |
4 | | - <link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet"> |
5 | | - <style type="text/css">body { |
6 | | - background: rgba(237,242,247,1); |
7 | | - background-size: cover; |
8 | | - background-repeat: no-repeat; |
| 5 | + <link rel='stylesheet' href='https://unpkg.com/emoji.css/dist/emoji.min.css'> |
| 6 | + <style type="text/css"> |
| 7 | + @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap'); |
| 8 | + body { |
| 9 | + background-color: #075B50; |
| 10 | + background-size: cover; |
| 11 | + background-repeat: no-repeat; |
| 12 | + color: #fff; |
| 13 | + padding: 10px; |
9 | 14 | } |
10 | | - .body-text { |
11 | | - color: rgba(0,0,0,1); |
| 15 | + h1, h2, p { |
| 16 | + font-family: 'Fira Sans', sans-serif !important; |
| 17 | + line-height: 150%; |
| 18 | + letter-spacing: 100%; |
| 19 | + margin: 30px 0; |
12 | 20 | } |
13 | | - .box-background { |
14 | | - background: rgba(255,255,255,1); |
15 | | - max-width: 500px; |
16 | | - } |
17 | | - .button-background { |
18 | | - background: rgba(66,153,225,1); |
| 21 | + h1 { |
| 22 | + font-weight: bold; |
| 23 | + font-size: 35pt; |
| 24 | + padding-top: 50px; |
| 25 | + margin: 0px 0; |
19 | 26 | } |
20 | | - .button-text { |
21 | | - color: rgba(255,255,255,1); |
| 27 | + h2 { |
| 28 | + font-weight: bold; |
| 29 | + font-size: 22pt; |
| 30 | + margin: 0px 0; |
22 | 31 | } |
23 | | - h1 { |
24 | | - margin: 10px 0 20px 0; |
| 32 | + p { |
25 | 33 | font-weight: bold; |
| 34 | + font-size: 14pt; |
26 | 35 | } |
27 | 36 | </style> |
28 | 37 | <body> |
29 | 38 | <div class="flex justify-center items-center w-screen h-screen"> |
30 | | - <div class="box-background rounded p-6 text-center"> |
31 | | - <img src="" style="max-width: 200px; margin: 0 auto 10px;"> |
32 | | - <svg class="mx-auto" width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-rolling"> |
33 | | - <circle cx="50" cy="50" fill="none" stroke="rgba(51,122,183,1)" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138" transform="rotate(155.901 50 50)"> |
34 | | - <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animateTransform> |
35 | | - </circle> |
36 | | - </svg> |
37 | | - <h1 class="body-text font-bold text-xl">Parabéns, sua vaga foi reservada! 😀</h1> |
38 | | - <p class="body-text"> |
| 39 | + <div class="p-6 text-center"> |
| 40 | + <h1 class="font-weight-bold"><u>PARABÉNS!</u> <span class="ec ec-grinning"></span></h1> |
| 41 | + <h2 class="body-text font-weight-bold">SUA VAGA FOI RESERVADA!</h2> |
| 42 | + <p class="body-text font-weight-bold"> |
39 | 43 | Você está sendo redirecionado(a) para o grupo da Masterclass. |
40 | | - Lá enviaremos o link de acesso à aula e o material. |
41 | 44 | </p> |
| 45 | + <img src="{% static 'img/whatsapp-loader.gif' %}" style="max-width: 50px; margin: 0 auto 10px;"> |
| 46 | + <p class="body-text font-weight-bold"> |
| 47 | + <span class="ec ec-stop-sign"></span> |
| 48 | + É <u>MUITO IMPORTANTE</u> que você entre no grupo, |
| 49 | + pois lá enviaremos o link de acesso à aula e o material. |
| 50 | + </p> |
| 51 | + |
42 | 52 | </div> |
43 | 53 | </div> |
44 | 54 | <script> |
|
0 commit comments