TEMPLATES - Added Layouts & Global Components

templates/includes/fixed-plugin.html

@@ -0,0 +1,81 @@
+<div class="fixed-plugin">
+  <a class="fixed-plugin-button text-dark position-fixed px-3 py-2">
+    <i class="fa fa-cog py-2"> </i>
+  </a>
+  <div class="card shadow-lg blur">
+    <div class="card-header pb-0 pt-3  bg-transparent ">
+      <div class="float-start">
+        <h5 class="mt-3 mb-0">Soft UI Configurator</h5>
+        <p>See our dashboard options.</p>
+      </div>
+      <div class="float-end mt-4">
+        <button class="btn btn-link text-dark p-0 fixed-plugin-close-button">
+          <i class="fa fa-close"></i>
+        </button>
+      </div>
+      <!-- End Toggle Button -->
+    </div>
+    <hr class="horizontal dark my-1">
+    <div class="card-body pt-sm-3 pt-0">
+      <!-- Sidebar Backgrounds -->
+      <div>
+        <h6 class="mb-0">Sidebar Colors</h6>
+      </div>
+      <a href="javascript:void(0)" class="switch-trigger background-color">
+        <div class="badge-colors my-2 text-start">
+          <span class="badge filter bg-gradient-primary active" data-color="primary" onclick="sidebarColor(this)"></span>
+          <span class="badge filter bg-gradient-dark" data-color="dark" onclick="sidebarColor(this)"></span>
+          <span class="badge filter bg-gradient-info" data-color="info" onclick="sidebarColor(this)"></span>
+          <span class="badge filter bg-gradient-success" data-color="success" onclick="sidebarColor(this)"></span>
+          <span class="badge filter bg-gradient-warning" data-color="warning" onclick="sidebarColor(this)"></span>
+          <span class="badge filter bg-gradient-danger" data-color="danger" onclick="sidebarColor(this)"></span>
+        </div>
+      </a>
+      <!-- Sidenav Type -->
+      <div class="mt-3">
+        <h6 class="mb-0">Sidenav Type</h6>
+        <p class="text-sm">Choose between 2 different sidenav types.</p>
+      </div>
+      <div class="d-flex">
+        <button class="btn bg-gradient-primary w-100 px-3 mb-2 active" data-class="bg-transparent" onclick="sidebarType(this)">Transparent</button>
+        <button class="btn bg-gradient-primary w-100 px-3 mb-2 ms-2" data-class="bg-white" onclick="sidebarType(this)">White</button>
+      </div>
+      <p class="text-sm d-xl-none d-block mt-2">You can change the sidenav type just on desktop view.</p>
+      <!-- Navbar Fixed -->
+      <div class="mt-3">
+        <h6 class="mb-0">Navbar Fixed</h6>
+      </div>
+      <div class="form-check form-switch ps-0">
+        <input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarFixed" onclick="navbarFixed(this)">
+      </div>
+      <hr class="horizontal dark mb-1 d-xl-block d-none">
+      <div class="mt-2 d-xl-block d-none">
+        <h6 class="mb-0">Sidenav Mini</h6>
+      </div>
+      <div class="form-check form-switch ps-0 d-xl-block d-none">
+        <input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarMinimize" onclick="navbarMinimize(this)">
+      </div>
+      <hr class="horizontal dark mb-1 d-xl-block d-none">
+      <div class="mt-2 d-xl-block d-none">
+        <h6 class="mb-0">Light/Dark</h6>
+      </div>
+      <div class="form-check form-switch ps-0 d-xl-block d-none">
+        <input class="form-check-input mt-1 ms-auto" type="checkbox" id="dark-version" onclick="darkMode(this)">
+      </div>
+      <hr class="horizontal dark my-sm-4">
+      <a class="btn bg-gradient-info w-100" href="https://appseed.us/product/soft-ui-dashboard-pro/django/">Download</a>
+      <a class="btn bg-gradient-dark w-100" href="https://appseed.us/product/soft-ui-dashboard/django/">Free demo</a>
+      <a class="btn btn-outline-dark w-100" href="https://github.com/app-generator/django-soft-ui-dashboard-pro">View documentation</a>
+      <div class="w-100 text-center">
+        <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>
+        <h6 class="mt-3">Thank you for sharing!</h6>
+        <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">
+          <i class="fab fa-twitter me-1" aria-hidden="true"></i> Tweet
+        </a>
+        <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">
+          <i class="fab fa-facebook-square me-1" aria-hidden="true"></i> Share
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

templates/includes/footer-fullscreen.html

@@ -0,0 +1,50 @@
+<footer class="footer py-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 mb-4 mx-auto text-center">
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
+          Company
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
+          About Us
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
+          Team
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
+          Products
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
+          Blog
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-5 me-3 mb-sm-0 mb-2">
+          Pricing
+        </a>
+      </div>
+      <div class="col-lg-8 mx-auto text-center mb-4 mt-2">
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
+          <span class="text-lg fab fa-dribbble"></span>
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
+          <span class="text-lg fab fa-twitter"></span>
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
+          <span class="text-lg fab fa-instagram"></span>
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
+          <span class="text-lg fab fa-pinterest"></span>
+        </a>
+        <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
+          <span class="text-lg fab fa-github"></span>
+        </a>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-8 mx-auto text-center mt-1">
+        <p class="mb-0 text-secondary">
+          &copy; <a href="https://bit.ly/3fKQZaL" class="text-muted" target="_blank">Creative Tim</a> - coded by AppSeed.
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>

templates/includes/footer-rtl.html

@@ -0,0 +1,27 @@
+<footer class="footer pt-3  ">
+  <div class="container-fluid">
+    <div class="row align-items-center justify-content-lg-between">
+      <div class="col-lg-6 mb-lg-0 mb-4">
+        <div class="copyright text-center text-sm text-muted text-lg-end">
+          &copy; <a href="https://bit.ly/3fKQZaL" class="font-weight-bold" target="_blank">Creative Tim</a> - coded by AppSeed.
+        </div>
+      </div>
+      <div class="col-lg-6">
+        <ul class="nav nav-footer justify-content-center justify-content-lg-end">
+          <li class="nav-item">
+            <a href="https://appseed.us/product/soft-ui-dashboard-pro/django/" 
+               class="nav-link text-muted" target="_blank">Download</a>
+          </li>
+          <li class="nav-item">
+            <a href="https://appseed.us/product/soft-ui-dashboard/django/" 
+               class="nav-link text-muted" target="_blank">Free Version</a>
+          </li>
+          <li class="nav-item">
+            <a href="https://appseed.us/support/" 
+               class="nav-link text-muted" target="_blank">Support</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</footer>

home/templates/includes/sample_footer.html → templates/includes/footer.html

@@ -3,16 +3,18 @@
     <div class="row align-items-center justify-content-lg-between">
       <div class="col-lg-6 mb-lg-0 mb-4">
         <div class="copyright text-center text-sm text-muted text-lg-start">
-          &copy; Your company here.
+          &copy; <a href="https://bit.ly/3fKQZaL" class="font-weight-bold" target="_blank">Creative Tim</a> - coded by AppSeed.
         </div>
       </div>
       <div class="col-lg-6">
         <ul class="nav nav-footer justify-content-center justify-content-lg-end">
           <li class="nav-item">
-            <a href="#" class="nav-link text-muted">LINK_1</a>
+            <a href="https://appseed.us/product/soft-ui-dashboard-pro/django/" 
+               class="nav-link text-muted" target="_blank">Download</a>
           </li>
           <li class="nav-item">
-            <a href="#" class="nav-link text-muted">LINK_2</a>
+            <a href="https://appseed.us/product/soft-ui-dashboard/django/" 
+               class="nav-link text-muted" target="_blank">Free Version</a>
           </li>
           <li class="nav-item">
             <a href="https://appseed.us/support/" 

templates/includes/head.html

@@ -0,0 +1,19 @@
+{% load static %}
+
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link rel="apple-touch-icon" sizes="76x76" href="{% static 'assets/img/apple-icon.png' %}">
+<link rel="icon" type="image/png" href="{% static 'assets/img/favicon.png' %}">
+<title>
+  Soft UI Dashboard PRO by Creative Tim
+</title>
+<!--     Fonts and icons     -->
+<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
+<!-- Nucleo Icons -->
+<link href="{% static 'assets/css/nucleo-icons.css' %}" rel="stylesheet" />
+<link href="{% static 'assets/css/nucleo-svg.css' %}" rel="stylesheet" />
+<!-- Font Awesome Icons -->
+<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
+<link href="{% static 'assets/css/nucleo-svg.css' %}" rel="stylesheet" />
+<!-- CSS Files -->
+<link id="pagestyle" href="{% static 'assets/css/soft-ui-dashboard.css' %}" rel="stylesheet" />