Histudy - Django-5 - Documentation
Welcome to Histudy ! Get familiar with the Stripe products and explore their features:
Working with Doc
You can any work by following our docs
Formatting Content
Our content is more formating for your website
Perfect Responsive
Our Template is full Perfect for all device. You can visit our template all device easily.
Sass Available
The tamplate has Sass available for css. You can Change css by sass
Fast Loading Speed
Histudy is faster loading speed. Histudy create your template so much faster
24 Support System
We are provide 24 hours support for all clients.You can purchase without hesitation.
Getting Started
Welcome to Histudy ! Get familiar with the Stripe products and explore their features:
Experience Histudy, the next-gen all-in-one Online Courses & Education Django 5 Template. Built with Django 5 and Bootstrap 5, Histudy features a modern, component-based structure designed to be both developer-friendly and highly efficient.
This fast-loading template comes with a clean, contemporary design and includes a wide variety of homepage layouts such as Home Default, Course School, Online School, Kindergarten, Classic LMS, University Status, Instructor Portfolio, Language Academy, Gym Coaching, Online Course, Single Course, Marketplace, University Classic, Home Elegant, Home Technology, and many more essential inner and detail pages.
Histudy Core Features
- Build with Django-5 & SCSS
- Responsive layout (desktops, tablets, mobile devices)
- Built with Bootstrap v5.0.2
- Well structured code
- Hinted Typography
- Dark Mode Available
- RTL Available
- Sass Available
- W3 Valid 100%
- Fast Loading Speed
- Cross Browser Support
- Dedicated Support, Lifetime Updates
- And much more …
What's Included
After purchasing Histudy template on templateforest.net with your Envato account, go to your Download page. You can choose to download Histudy Django-5 template only or the entire Histudy template package which contains the following files:
- Histudy Django-5 template: A .zip file with all HTML files with all necessary assets.
- Documentation: An HTML format documentation.
- Licensing.
How to Install Histudy Django-5 Template
1. Install Python
Make sure Python is installed on your machine. If not already installed, you can download and install Python from the official website.
2. Install Django 5
Make sure to have the Django 5 installed & running in your computer. To install Django 5 run below command
pip install Django 5==5.0
3. Running the Django 5 Application
python manage.py runserver
python manage.py runserver 8001
4. Editing Histudy Template
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.
Step - 1: Add the RTL Attribute to the HTML Tag:
<!DOCTYPE html>
<html lang="en" dir="rtl">
Step - 2: Include the RTL CSS File:
Ensure you link to an RTL CSS file in the <head> section of your HTML
<link rel="stylesheet" href="/static/css/rtl-style.css">
Step - 3: Include the Bootstrap RTL File:
<link rel="stylesheet" href="/static/css/bootstrap.rtl.min.css">
3. To Convert Histudy into Dark mode
Step - 1: Include the JavaScript File:
<script src="/static/js/vendor/jquery.style.switcher.js"></script>
Step - 2: Include this HTML code to active the converter:
<div id="my_switcher" class="my_switcher">
<ul>
<li>
<a href="javascript: void(0);" data-theme="light" class="setColor light">
<img src="/static/images/about/sun-01.svg" alt="Sun images"> <span title="Light Mode"> Light</span>
</a>
</li>
<li>
<a href="javascript: void(0);" data-theme="dark" class="setColor dark">
<img src="/static/images/about/vector.svg" alt="Vector Images"> <span title="Dark Mode"> Dark</span>
</a>
</li>
</ul>
</div>
Step - 3: To switch logo:
<div class="header-info">
<div class="logo logo-dark">
<a href="#">
<img src="/static/images/logo/logo.png" alt="Education Logo Images">
</a>
</div>
<div class="logo d-none logo-light">
<a href="#">
<img src="/static/assets/images/dark/logo/logo-light.png" alt="Education Logo Images">
</a>
</div>
</div>
Step - 4: To change Breadcrumb add this class name
<div class="breadcrumb-dark">
</div>
4. Package comes with documentation unzip the download package, you’ll found a folder with all template files, like above screenshot.
Social Share
Showcase of Social share. See below image and code for more information.
.transparent-with-borderclass For Transparent with border style..with-gradientclass For Hover gradient style..with-bg-primaryclass For With Bg Primary Color style..icon-nakedclass For naked style.<ul class="social-icon social-default"> <li><a href="https://www.facebook.com/"> <i class="feather-facebook"></i> </a> </li> <li><a href="https://www.twitter.com"> <i class="feather-twitter"></i> </a> </li> <li><a href="https://www.instagram.com/"> <i class="feather-instagram"></i> </a> </li> <li><a href="https://www.linkdin.com/"> <i class="feather-linkedin"></i> </a> </li> </ul>