Skip to content

Commit 4a181c5

Browse files
author
App Generator
committed
UI Improvements
1 parent 04472a9 commit 4a181c5

25 files changed

+7916
-7103
lines changed

‎app/templates/home/about-us.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
{% block content %}
1111

12-
{% include 'includes/navigation-transparent.html' %}
12+
{% include 'includes/navigation-transparent.html' %}
1313

1414
<header class="bg-gradient-dark">
1515
<div class="page-header min-vh-75" style="background-image: url('/static/assets/img/bg9.jpg');">

‎app/templates/home/index.html‎

Lines changed: 1179 additions & 7015 deletions
Large diffs are not rendered by default.

‎app/templates/home/ui-catchers-alerts.html‎

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
<!--
2+
=========================================================
3+
* Material Kit 2 - v3.0.0
4+
=========================================================
5+
6+
* Product Page: https://appseed.us/apps/flask-apps/flask-material-kit
7+
* Copyright 2021 Creative Tim (https://www.creative-tim.com)
8+
* Licensed under MIT (https://www.creative-tim.com/license)
9+
* Coded by Creative Tim
10+
11+
=========================================================
12+
13+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -->
14+
<!DOCTYPE html>
15+
<html lang="en">
16+
17+
<head>
18+
<meta charset="utf-8" />
19+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
20+
<link rel="apple-touch-icon" sizes="76x76" href="/static/assets/img/apple-icon.png">
21+
<link rel="icon" type="image/png" href="/static/assets/img/favicon.png">
22+
<title>
23+
Material Kit 2 by Creative Tim
24+
</title>
25+
<!-- Fonts and icons -->
26+
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
27+
<!-- Nucleo Icons -->
28+
<link href="/static/assets/css/nucleo-icons.css" rel="stylesheet" />
29+
<link href="/static/assets/css/nucleo-svg.css" rel="stylesheet" />
30+
<!-- Font Awesome Icons -->
31+
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
32+
<!-- Material Icons -->
33+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
34+
<!-- CSS Files -->
35+
<link id="pagestyle" href="/static/assets/css/material-kit.css?v=3.0.0" rel="stylesheet" />
36+
37+
</head>
38+
<body class="alerts-sections">
39+
40+
{% include 'includes/navigation-light.html' %}
41+
42+
<div class="container mt-5">
43+
<div class="row">
44+
<div class="col-lg-12 mx-auto">
45+
<div class="mb-4 w-100 w-md-50 w-lg-25">
46+
<nav aria-label="breadcrumb">
47+
<ol class="breadcrumb">
48+
<li class="breadcrumb-item"><a href="https://demos.creative-tim.com/material-kit-pro/index">Attention Catchers</a></li>
49+
<li class="breadcrumb-item active" aria-current="page">Alerts</li>
50+
</ol>
51+
</nav>
52+
<h3>Alerts</h3>
53+
</div>
54+
<div class="position-relative border-radius-xl overflow-hidden shadow-lg mb-7">
55+
<div class="container border-bottom">
56+
<div class="row justify-space-between py-2">
57+
<div class="col-lg-3 me-auto">
58+
<p class="lead text-dark pt-1 mb-0">Simple Alerts</p>
59+
</div>
60+
<div class="col-lg-3">
61+
<div class="nav-wrapper position-relative end-0">
62+
<ul class="nav nav-pills nav-fill flex-row p-1" role="tablist">
63+
<li class="nav-item">
64+
<a class="nav-link mb-0 px-0 py-1 active" data-bs-toggle="tab" href="#preview-alerts" role="tab" aria-selected="true">
65+
<i class="fas fa-desktop text-sm me-2"></i> Preview
66+
</a>
67+
</li>
68+
<li class="nav-item">
69+
<a class="nav-link mb-0 px-0 py-1" data-bs-toggle="tab" href="#code-alerts" role="tab" aria-selected="false">
70+
<i class="fas fa-code text-sm me-2"></i> Code
71+
</a>
72+
</li>
73+
</ul>
74+
</div>
75+
</div>
76+
</div>
77+
</div>
78+
<div class="tab-content tab-space">
79+
<div class="tab-pane active" id="preview-alerts">
80+
<iframe class="w-100 height-600" srcdoc='<!doctype html><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
81+
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
82+
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
83+
<link id="pagestyle" href="https://demos.creative-tim.com/material-kit/assets/css/material-kit.min.css?v=3.0.0" rel="stylesheet" />
84+
<div class="container py-5">
85+
<div class="row">
86+
<div class="alert alert-primary text-white font-weight-bold" role="alert">
87+
A simple primary alert—check it out!
88+
</div>
89+
<div class="alert alert-secondary text-white font-weight-bold" role="alert">
90+
A simple secondary alert—check it out!
91+
</div>
92+
<div class="alert alert-success text-white font-weight-bold" role="alert">
93+
A simple success alert—check it out!
94+
</div>
95+
<div class="alert alert-danger text-white font-weight-bold" role="alert">
96+
A simple danger alert—check it out!
97+
</div>
98+
<div class="alert alert-warning text-white font-weight-bold" role="alert">
99+
A simple warning alert—check it out!
100+
</div>
101+
<div class="alert alert-info text-white font-weight-bold" role="alert">
102+
A simple info alert—check it out!
103+
</div>
104+
<div class="alert alert-light text-white font-weight-bold" role="alert">
105+
A simple light alert—check it out!
106+
</div>
107+
<div class="alert alert-dark text-white font-weight-bold" role="alert">
108+
A simple dark alert—check it out!
109+
</div>
110+
</div>
111+
</div>
112+
113+
'></iframe>
114+
</div>
115+
<div class="tab-pane" id="code-alerts">
116+
<div class="position-relative p-4 pb-2">
117+
<a class="btn btn-sm bg-gradient-dark position-absolute end-4 mt-3" onclick="copyCode(this);" href="javascript:;"><i class="fas fa-copy text-sm me-1"></i> Copy</a>
118+
<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"container py-5"</span><span class="nt">&gt;</span>
119+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">&gt;</span>
120+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-primary text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
121+
A simple primary alert—check it out!
122+
<span class="nt">&lt;/div&gt;</span>
123+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-secondary text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
124+
A simple secondary alert—check it out!
125+
<span class="nt">&lt;/div&gt;</span>
126+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-success text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
127+
A simple success alert—check it out!
128+
<span class="nt">&lt;/div&gt;</span>
129+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-danger text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
130+
A simple danger alert—check it out!
131+
<span class="nt">&lt;/div&gt;</span>
132+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-warning text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
133+
A simple warning alert—check it out!
134+
<span class="nt">&lt;/div&gt;</span>
135+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-info text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
136+
A simple info alert—check it out!
137+
<span class="nt">&lt;/div&gt;</span>
138+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-light text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
139+
A simple light alert—check it out!
140+
<span class="nt">&lt;/div&gt;</span>
141+
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-dark text-white font-weight-bold"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
142+
A simple dark alert—check it out!
143+
<span class="nt">&lt;/div&gt;</span>
144+
<span class="nt">&lt;/div&gt;</span>
145+
<span class="nt">&lt;/div&gt;</span></code></pre>
146+
</figure>
147+
</div>
148+
</div>
149+
</div>
150+
</div>
151+
<div class="position-relative border-radius-xl overflow-hidden shadow-lg mb-7">
152+
<div class="container border-bottom">
153+
<div class="row py-3">
154+
<div class="col-lg-4 text-start">
155+
<p class="lead text-dark pt-1 mb-0">Alerts with Links</p>
156+
</div>
157+
<div class="col-lg-4 mt-1 text-center">
158+
<span class="badge bg-light text-dark"><i class="fas fa-lock me-1" aria-hidden="true"></i> Screenshot</span>
159+
</div>
160+
<div class="col-lg-4 text-end my-auto">
161+
<a href="https://appseed.us/product/flask-material-kit2-pro" target="_blank" class="text-primary icon-move-right">PRO Component
162+
<i class="fas fa-arrow-right text-sm ms-1" aria-hidden="true"></i>
163+
</a>
164+
</div>
165+
</div>
166+
</div>
167+
<div>
168+
<img class="w-100" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-design-system/assets/img/sections/alerts/alerts-link.jpg" alt="alerts-2">
169+
</div>
170+
</div>
171+
<div class="position-relative border-radius-xl overflow-hidden shadow-lg mb-7">
172+
<div class="container border-bottom">
173+
<div class="row py-3">
174+
<div class="col-lg-4 text-start">
175+
<p class="lead text-dark pt-1 mb-0">Alerts with Content</p>
176+
</div>
177+
<div class="col-lg-4 mt-1 text-center">
178+
<span class="badge bg-light text-dark"><i class="fas fa-lock me-1" aria-hidden="true"></i> Screenshot</span>
179+
</div>
180+
<div class="col-lg-4 text-end my-auto">
181+
<a href="https://appseed.us/product/flask-material-kit2-pro" target="_blank" class="text-primary icon-move-right">PRO Component
182+
<i class="fas fa-arrow-right text-sm ms-1" aria-hidden="true"></i>
183+
</a>
184+
</div>
185+
</div>
186+
</div>
187+
<div>
188+
<img class="w-100" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-design-system/assets/img/sections/alerts/alert-content.jpg" alt="alerts-3">
189+
</div>
190+
</div>
191+
<div class="position-relative border-radius-xl overflow-hidden shadow-lg mb-7">
192+
<div class="container border-bottom">
193+
<div class="row py-3">
194+
<div class="col-lg-4 text-start">
195+
<p class="lead text-dark pt-1 mb-0">Dismissing Alert</p>
196+
</div>
197+
<div class="col-lg-4 mt-1 text-center">
198+
<span class="badge bg-light text-dark"><i class="fas fa-lock me-1" aria-hidden="true"></i> Screenshot</span>
199+
</div>
200+
<div class="col-lg-4 text-end my-auto">
201+
<a href="https://appseed.us/product/flask-material-kit2-pro" target="_blank" class="text-primary icon-move-right">PRO Component
202+
<i class="fas fa-arrow-right text-sm ms-1" aria-hidden="true"></i>
203+
</a>
204+
</div>
205+
</div>
206+
</div>
207+
<div>
208+
<img class="w-100" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-design-system/assets/img/sections/alerts/alert-dismiss.jpg" alt="alerts-4">
209+
</div>
210+
</div>
211+
</div>
212+
</div>
213+
</div>
214+
215+
{% include 'includes/footer-components.html' %}
216+
217+
{% include 'includes/scripts.html' %}
218+
219+
</body>
220+
</html>

0 commit comments

Comments
 (0)