Skip to content

Commit b115642

Browse files
committed
TEMPLATES - Added Layouts & Global Components
1 parent fb73110 commit b115642

18 files changed

+5888
-3
lines changed
Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<div class="fixed-plugin">
2+
<a class="fixed-plugin-button text-dark position-fixed px-3 py-2">
3+
<i class="fa fa-cog py-2"> </i>
4+
</a>
5+
<div class="card shadow-lg blur">
6+
<div class="card-header pb-0 pt-3 bg-transparent ">
7+
<div class="float-start">
8+
<h5 class="mt-3 mb-0">Soft UI Configurator</h5>
9+
<p>See our dashboard options.</p>
10+
</div>
11+
<div class="float-end mt-4">
12+
<button class="btn btn-link text-dark p-0 fixed-plugin-close-button">
13+
<i class="fa fa-close"></i>
14+
</button>
15+
</div>
16+
<!-- End Toggle Button -->
17+
</div>
18+
<hr class="horizontal dark my-1">
19+
<div class="card-body pt-sm-3 pt-0">
20+
<!-- Sidebar Backgrounds -->
21+
<div>
22+
<h6 class="mb-0">Sidebar Colors</h6>
23+
</div>
24+
<a href="javascript:void(0)" class="switch-trigger background-color">
25+
<div class="badge-colors my-2 text-start">
26+
<span class="badge filter bg-gradient-primary active" data-color="primary" onclick="sidebarColor(this)"></span>
27+
<span class="badge filter bg-gradient-dark" data-color="dark" onclick="sidebarColor(this)"></span>
28+
<span class="badge filter bg-gradient-info" data-color="info" onclick="sidebarColor(this)"></span>
29+
<span class="badge filter bg-gradient-success" data-color="success" onclick="sidebarColor(this)"></span>
30+
<span class="badge filter bg-gradient-warning" data-color="warning" onclick="sidebarColor(this)"></span>
31+
<span class="badge filter bg-gradient-danger" data-color="danger" onclick="sidebarColor(this)"></span>
32+
</div>
33+
</a>
34+
<!-- Sidenav Type -->
35+
<div class="mt-3">
36+
<h6 class="mb-0">Sidenav Type</h6>
37+
<p class="text-sm">Choose between 2 different sidenav types.</p>
38+
</div>
39+
<div class="d-flex">
40+
<button class="btn bg-gradient-primary w-100 px-3 mb-2 active" data-class="bg-transparent" onclick="sidebarType(this)">Transparent</button>
41+
<button class="btn bg-gradient-primary w-100 px-3 mb-2 ms-2" data-class="bg-white" onclick="sidebarType(this)">White</button>
42+
</div>
43+
<p class="text-sm d-xl-none d-block mt-2">You can change the sidenav type just on desktop view.</p>
44+
<!-- Navbar Fixed -->
45+
<div class="mt-3">
46+
<h6 class="mb-0">Navbar Fixed</h6>
47+
</div>
48+
<div class="form-check form-switch ps-0">
49+
<input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarFixed" onclick="navbarFixed(this)">
50+
</div>
51+
<hr class="horizontal dark mb-1 d-xl-block d-none">
52+
<div class="mt-2 d-xl-block d-none">
53+
<h6 class="mb-0">Sidenav Mini</h6>
54+
</div>
55+
<div class="form-check form-switch ps-0 d-xl-block d-none">
56+
<input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarMinimize" onclick="navbarMinimize(this)">
57+
</div>
58+
<hr class="horizontal dark mb-1 d-xl-block d-none">
59+
<div class="mt-2 d-xl-block d-none">
60+
<h6 class="mb-0">Light/Dark</h6>
61+
</div>
62+
<div class="form-check form-switch ps-0 d-xl-block d-none">
63+
<input class="form-check-input mt-1 ms-auto" type="checkbox" id="dark-version" onclick="darkMode(this)">
64+
</div>
65+
<hr class="horizontal dark my-sm-4">
66+
<a class="btn bg-gradient-info w-100" href="https://appseed.us/product/soft-ui-dashboard-pro/django/">Download</a>
67+
<a class="btn bg-gradient-dark w-100" href="https://appseed.us/product/soft-ui-dashboard/django/">Free demo</a>
68+
<a class="btn btn-outline-dark w-100" href="https://github.com/app-generator/django-soft-ui-dashboard-pro">View documentation</a>
69+
<div class="w-100 text-center">
70+
<a class="github-button" href="https://github.com/app-generator/django-soft-ui-dashboard-pro" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star creativetimofficial/soft-ui-dashboard on GitHub">Star</a>
71+
<h6 class="mt-3">Thank you for sharing!</h6>
72+
<a href="https://twitter.com/intent/tweet?text=Check%20Soft%20UI%20Dashboard%20PRO%20made%20by%20%40CreativeTim%20%23webdesign%20%23dashboard%20%23bootstrap5&amp;url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fsoft-ui-dashboard-pro" class="btn btn-dark mb-0 me-2" target="_blank">
73+
<i class="fab fa-twitter me-1" aria-hidden="true"></i> Tweet
74+
</a>
75+
<a href="https://www.facebook.com/sharer/sharer.php?u=https://appseed.us/product/soft-ui-dashboard-pro/django/" class="btn btn-dark mb-0 me-2" target="_blank">
76+
<i class="fab fa-facebook-square me-1" aria-hidden="true"></i> Share
77+
</a>
78+
</div>
79+
</div>
80+
</div>
81+
</div>
Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<footer class="footer py-5">
2+
<div class="container">
3+
<div class="row">
4+
<div class="col-lg-8 mb-4 mx-auto text-center">
5+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
6+
Company
7+
</a>
8+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
9+
About Us
10+
</a>
11+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
12+
Team
13+
</a>
14+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
15+
Products
16+
</a>
17+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
18+
Blog
19+
</a>
20+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
21+
Pricing
22+
</a>
23+
</div>
24+
<div class="col-lg-8 mx-auto text-center mb-4 mt-2">
25+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
26+
<span class="text-lg fab fa-dribbble"></span>
27+
</a>
28+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
29+
<span class="text-lg fab fa-twitter"></span>
30+
</a>
31+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
32+
<span class="text-lg fab fa-instagram"></span>
33+
</a>
34+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
35+
<span class="text-lg fab fa-pinterest"></span>
36+
</a>
37+
<a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
38+
<span class="text-lg fab fa-github"></span>
39+
</a>
40+
</div>
41+
</div>
42+
<div class="row">
43+
<div class="col-8 mx-auto text-center mt-1">
44+
<p class="mb-0 text-secondary">
45+
&copy; <a href="https://bit.ly/3fKQZaL" class="text-muted" target="_blank">Creative Tim</a> - coded by AppSeed.
46+
</p>
47+
</div>
48+
</div>
49+
</div>
50+
</footer>

templates/includes/footer-rtl.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<footer class="footer pt-3 ">
2+
<div class="container-fluid">
3+
<div class="row align-items-center justify-content-lg-between">
4+
<div class="col-lg-6 mb-lg-0 mb-4">
5+
<div class="copyright text-center text-sm text-muted text-lg-end">
6+
&copy; <a href="https://bit.ly/3fKQZaL" class="font-weight-bold" target="_blank">Creative Tim</a> - coded by AppSeed.
7+
</div>
8+
</div>
9+
<div class="col-lg-6">
10+
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
11+
<li class="nav-item">
12+
<a href="https://appseed.us/product/soft-ui-dashboard-pro/django/"
13+
class="nav-link text-muted" target="_blank">Download</a>
14+
</li>
15+
<li class="nav-item">
16+
<a href="https://appseed.us/product/soft-ui-dashboard/django/"
17+
class="nav-link text-muted" target="_blank">Free Version</a>
18+
</li>
19+
<li class="nav-item">
20+
<a href="https://appseed.us/support/"
21+
class="nav-link text-muted" target="_blank">Support</a>
22+
</li>
23+
</ul>
24+
</div>
25+
</div>
26+
</div>
27+
</footer>

home/templates/includes/sample_footer.html renamed to templates/includes/footer.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,18 @@
33
<div class="row align-items-center justify-content-lg-between">
44
<div class="col-lg-6 mb-lg-0 mb-4">
55
<div class="copyright text-center text-sm text-muted text-lg-start">
6-
&copy; Your company here.
6+
&copy; <a href="https://bit.ly/3fKQZaL" class="font-weight-bold" target="_blank">Creative Tim</a> - coded by AppSeed.
77
</div>
88
</div>
99
<div class="col-lg-6">
1010
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
1111
<li class="nav-item">
12-
<a href="#" class="nav-link text-muted">LINK_1</a>
12+
<a href="https://appseed.us/product/soft-ui-dashboard-pro/django/"
13+
class="nav-link text-muted" target="_blank">Download</a>
1314
</li>
1415
<li class="nav-item">
15-
<a href="#" class="nav-link text-muted">LINK_2</a>
16+
<a href="https://appseed.us/product/soft-ui-dashboard/django/"
17+
class="nav-link text-muted" target="_blank">Free Version</a>
1618
</li>
1719
<li class="nav-item">
1820
<a href="https://appseed.us/support/"

templates/includes/head.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{% load static %}
2+
3+
<meta charset="utf-8" />
4+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5+
<link rel="apple-touch-icon" sizes="76x76" href="{% static 'assets/img/apple-icon.png' %}">
6+
<link rel="icon" type="image/png" href="{% static 'assets/img/favicon.png' %}">
7+
<title>
8+
Soft UI Dashboard PRO by Creative Tim
9+
</title>
10+
<!-- Fonts and icons -->
11+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
12+
<!-- Nucleo Icons -->
13+
<link href="{% static 'assets/css/nucleo-icons.css' %}" rel="stylesheet" />
14+
<link href="{% static 'assets/css/nucleo-svg.css' %}" rel="stylesheet" />
15+
<!-- Font Awesome Icons -->
16+
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
17+
<link href="{% static 'assets/css/nucleo-svg.css' %}" rel="stylesheet" />
18+
<!-- CSS Files -->
19+
<link id="pagestyle" href="{% static 'assets/css/soft-ui-dashboard.css' %}" rel="stylesheet" />

0 commit comments

Comments
 (0)