├── .github └── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md ├── .gitignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── chatbot_project ├── __init__.py ├── admin.py ├── apps.py ├── migrations │ ├── 0001_initial.py │ ├── 0002_alter_response_myquery.py │ ├── 0003_topic_alter_response_myquery.py │ ├── 0004_delete_topic_rename_myquery_response_text.py │ └── __init__.py ├── models.py ├── static │ └── chatbot_project │ │ ├── images │ │ ├── bot.png │ │ └── user.png │ │ └── stylesheets │ │ └── staticStyle.css ├── templates │ └── chatbot_project │ │ └── index.htm ├── tests.py ├── urls2.py └── views.py ├── jsonfile.json ├── manage.py ├── project ├── __init__.py ├── asgi.py ├── settings.py ├── urls.py └── wsgi.py └── requirements.txt /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 16 | 17 | **Expected behavior** 18 | A clear and concise description of what you expected to happen. 19 | 20 | **Screenshots** 21 | If applicable, add screenshots to help explain your problem. 22 | 23 | **Desktop (please complete the following information):** 24 | - OS: [e.g. iOS] 25 | - Browser [e.g. chrome, safari] 26 | - Version [e.g. 22] 27 | 28 | **Additional context** 29 | Add any other context about the problem here. 30 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | db.sqlite3 2 | .env 3 | .vscode 4 | __pycache__ -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity 10 | and orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | * Demonstrating empathy and kindness toward other people 21 | * Being respectful of differing opinions, viewpoints, and experiences 22 | * Giving and gracefully accepting constructive feedback 23 | * Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | * Focusing on what is best not just for us as individuals, but for the 26 | overall community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | * The use of sexualized language or imagery, and sexual attention or 31 | advances of any kind 32 | * Trolling, insulting or derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or email 35 | address, without their explicit permission 36 | * Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Community leaders are responsible for clarifying and enforcing our standards of 42 | acceptable behavior and will take appropriate and fair corrective action in 43 | response to any behavior that they deem inappropriate, threatening, offensive, 44 | or harmful. 45 | 46 | Community leaders have the right and responsibility to remove, edit, or reject 47 | comments, commits, code, wiki edits, issues, and other contributions that are 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation 49 | decisions when appropriate. 50 | 51 | ## Scope 52 | 53 | This Code of Conduct applies within all community spaces, and also applies when 54 | an individual is officially representing the community in public spaces. 55 | Examples of representing our community include using an official e-mail address, 56 | posting via an official social media account, or acting as an appointed 57 | representative at an online or offline event. 58 | 59 | ## Enforcement 60 | 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 62 | reported to the community leaders responsible for enforcement at 63 | groupchatbot01@gmail.com. 64 | All complaints will be reviewed and investigated promptly and fairly. 65 | 66 | All community leaders are obligated to respect the privacy and security of the 67 | reporter of any incident. 68 | 69 | ## Enforcement Guidelines 70 | 71 | Community leaders will follow these Community Impact Guidelines in determining 72 | the consequences for any action they deem in violation of this Code of Conduct: 73 | 74 | ### 1. Correction 75 | 76 | **Community Impact**: Use of inappropriate language or other behavior deemed 77 | unprofessional or unwelcome in the community. 78 | 79 | **Consequence**: A private, written warning from community leaders, providing 80 | clarity around the nature of the violation and an explanation of why the 81 | behavior was inappropriate. A public apology may be requested. 82 | 83 | ### 2. Warning 84 | 85 | **Community Impact**: A violation through a single incident or series 86 | of actions. 87 | 88 | **Consequence**: A warning with consequences for continued behavior. No 89 | interaction with the people involved, including unsolicited interaction with 90 | those enforcing the Code of Conduct, for a specified period of time. This 91 | includes avoiding interactions in community spaces as well as external channels 92 | like social media. Violating these terms may lead to a temporary or 93 | permanent ban. 94 | 95 | ### 3. Temporary Ban 96 | 97 | **Community Impact**: A serious violation of community standards, including 98 | sustained inappropriate behavior. 99 | 100 | **Consequence**: A temporary ban from any sort of interaction or public 101 | communication with the community for a specified period of time. No public or 102 | private interaction with the people involved, including unsolicited interaction 103 | with those enforcing the Code of Conduct, is allowed during this period. 104 | Violating these terms may lead to a permanent ban. 105 | 106 | ### 4. Permanent Ban 107 | 108 | **Community Impact**: Demonstrating a pattern of violation of community 109 | standards, including sustained inappropriate behavior, harassment of an 110 | individual, or aggression toward or disparagement of classes of individuals. 111 | 112 | **Consequence**: A permanent ban from any sort of public interaction within 113 | the community. 114 | 115 | ## Attribution 116 | 117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 118 | version 2.0, available at 119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 120 | 121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 122 | enforcement ladder](https://github.com/mozilla/diversity). 123 | 124 | [homepage]: https://www.contributor-covenant.org 125 | 126 | For answers to common questions about this code of conduct, see the FAQ at 127 | https://www.contributor-covenant.org/faq. Translations are available at 128 | https://www.contributor-covenant.org/translations. 129 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution Guide 🤖 2 | The project is built with Django and HTML, CSS, JS. 3 | 4 | ## Local Setup 5 | - [Fork](https://github.com/PranavDalvi/Django-ChatBot/fork) this repository. 6 | - *Note: You need python and some of its libries like (django, nltk, numpy, tensorflow) to run and test the code which can be install pip* 7 | - requirements.txt has details of all the dependencies which are needed to run this project. To run the project steps are given below: 8 | 9 | - To understand the steps given below, you should know how to create a new Django project and a Python virtual environment. 10 | 1. Download the required libraries from requirements.txt (Python virtual environment is required). 11 | 2. Create a new Django project. (why? Because we will need a `secret key` to run the project). 12 | 3. Open the newly created Django project and copy the full string of secret key from `settings.py`. 13 | 4. Now open the ChatBot project then open the project folder and create a new file named as `.env` and paste the secret key. 14 | - .env file should look like this: 15 | ``` 16 | SECRET_KEY = 'dlm*zt#1-3g!xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' 17 | ``` 18 | 5. Do the migrations and run the project. 19 | 20 | ## Hello First-time Contributors 👋 21 | - There are lot of resources (articles, courses, videos) available for getting started with git and GitHub you can search and follow any of the resource you like. 22 | - You can pick any of the issues from [Issues](https://github.com/PranavDalvi/Django-ChatBot/issues) or If you feel like it needs extra feature or if you find bug, you can create your own issue. 23 | - You can drop a comment on issue saying "Hi, let me work on this" to avoid multiple people working on the same PR. 24 | - Lastly, It is fine if you mess something up. If there is anything wrong in the PR I will let you know how to fix that in comments of the PR. 25 | - If you are still scared to drop a PR or need any help, you can always drop us an email at groupchatbot01@gmail.com. 26 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Pranav Dalvi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Aapi (Artificial Intelligence ChatBot) 2 | Aapi (or âpi) is derived from 'Sanskrit Literature', meaning : Friend, associate or acquaintance. 3 | 4 | Aapi is a machine learning based intelligent chatbot designed to provide human-like conversation. 5 | Chatbot is created with intention to shorten the gap between business and customer. Similarly Aapi initially is build to increase educational efficiency by reducing the gap between a student and college. 6 | 7 | Aapi is build with passion and love by 3 friends [Pranav Dalvi](https://github.com/PranavDalvi), [Aditya Dorge](https://github.com/adityadorge) and [Omkar Pawar](https://github.com/OmkarPawar14) on 12th April 2022. 8 | 9 | # Technologies Used: 10 | - Python3 11 | - Django Framework 12 | - Tensorflow 13 | - NLTK 14 | - Numpy 15 | - HTML, CSS 16 | - JavaScript 17 | 18 | # How to run ChatBot on your computer 🤔 19 | - To understand the steps given below, you should know how to create a new Django project and a Python virtual environment. 20 | 1. Download the required libraries from requirements.txt (Python virtual environment is required). 21 | 2. Create a new Django project. (why? Because we will need a `secret key` to run the project). 22 | 3. Open the newly created Django project and copy the full string of secret key from `settings.py`. 23 | 4. Now open the ChatBot project then open the project folder and create a new file named as `.env` and paste the secret key. 24 | - .env file should look like this: 25 | ``` 26 | SECRET_KEY = 'dlm*zt#1-3g!xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' 27 | ``` 28 | 5. Do the migrations and run the project. 29 | *** 30 | - ChatBot image are taken from [flaticon](https://www.flaticon.com/free-icons/bot) 31 | - User image are taken from [freeiconspng](https://www.freeiconspng.com/img/7563) 32 | -------------------------------------------------------------------------------- /chatbot_project/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Phoenix-Genius/Aapi-Ai-Django-ChatBot/68f243c1b776e7057140ee01f695bac722d692fd/chatbot_project/__init__.py -------------------------------------------------------------------------------- /chatbot_project/admin.py: -------------------------------------------------------------------------------- 1 | from django.contrib import admin 2 | 3 | from chatbot_project.models import Response 4 | 5 | # Register your models here. 6 | admin.site.register(Response) 7 | # admin.site.register(Topic) 8 | -------------------------------------------------------------------------------- /chatbot_project/apps.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class ChatbotProjectConfig(AppConfig): 5 | default_auto_field = 'django.db.models.BigAutoField' 6 | name = 'chatbot_project' 7 | -------------------------------------------------------------------------------- /chatbot_project/migrations/0001_initial.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 4.0 on 2022-03-02 07:17 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | initial = True 9 | 10 | dependencies = [ 11 | ] 12 | 13 | operations = [ 14 | migrations.CreateModel( 15 | name='Response', 16 | fields=[ 17 | ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), 18 | ('myquery', models.CharField(max_length=200)), 19 | ], 20 | ), 21 | ] 22 | -------------------------------------------------------------------------------- /chatbot_project/migrations/0002_alter_response_myquery.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 4.0 on 2022-03-02 07:33 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('chatbot_project', '0001_initial'), 10 | ] 11 | 12 | operations = [ 13 | migrations.AlterField( 14 | model_name='response', 15 | name='myquery', 16 | field=models.TextField(max_length=200), 17 | ), 18 | ] 19 | -------------------------------------------------------------------------------- /chatbot_project/migrations/0003_topic_alter_response_myquery.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 4.0 on 2022-03-02 07:39 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('chatbot_project', '0002_alter_response_myquery'), 10 | ] 11 | 12 | operations = [ 13 | migrations.CreateModel( 14 | name='Topic', 15 | fields=[ 16 | ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), 17 | ('myquery', models.CharField(max_length=200)), 18 | ], 19 | ), 20 | migrations.AlterField( 21 | model_name='response', 22 | name='myquery', 23 | field=models.TextField(), 24 | ), 25 | ] 26 | -------------------------------------------------------------------------------- /chatbot_project/migrations/0004_delete_topic_rename_myquery_response_text.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 4.0 on 2022-03-02 07:59 2 | 3 | from django.db import migrations 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('chatbot_project', '0003_topic_alter_response_myquery'), 10 | ] 11 | 12 | operations = [ 13 | migrations.DeleteModel( 14 | name='Topic', 15 | ), 16 | migrations.RenameField( 17 | model_name='response', 18 | old_name='myquery', 19 | new_name='text', 20 | ), 21 | ] 22 | -------------------------------------------------------------------------------- /chatbot_project/migrations/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Phoenix-Genius/Aapi-Ai-Django-ChatBot/68f243c1b776e7057140ee01f695bac722d692fd/chatbot_project/migrations/__init__.py -------------------------------------------------------------------------------- /chatbot_project/models.py: -------------------------------------------------------------------------------- 1 | from cgitb import text 2 | from dataclasses import field 3 | from pydoc_data.topics import topics 4 | from tabnanny import verbose 5 | from django.db import models 6 | 7 | class Response(models.Model): 8 | text = models.TextField() 9 | class meta: 10 | verbose_name_plural = "Responses" 11 | 12 | def __str__(self): 13 | return self.text 14 | 15 | 16 | -------------------------------------------------------------------------------- /chatbot_project/static/chatbot_project/images/bot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Phoenix-Genius/Aapi-Ai-Django-ChatBot/68f243c1b776e7057140ee01f695bac722d692fd/chatbot_project/static/chatbot_project/images/bot.png -------------------------------------------------------------------------------- /chatbot_project/static/chatbot_project/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Phoenix-Genius/Aapi-Ai-Django-ChatBot/68f243c1b776e7057140ee01f695bac722d692fd/chatbot_project/static/chatbot_project/images/user.png -------------------------------------------------------------------------------- /chatbot_project/static/chatbot_project/stylesheets/staticStyle.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --chatBot_ZIndex: 100; 3 | /*Z-Index to keep Chat Bot top of all other elements*/ 4 | --chatBot_windowCommonRadius: 5px; 5 | } 6 | 7 | * { 8 | margin: 0; 9 | padding: 0; 10 | font-family: sans-serif; 11 | box-sizing: border-box; 12 | } 13 | 14 | body { 15 | background-color: #f8f8f8; 16 | display: flex; 17 | flex-direction: column; 18 | flex-wrap: nowrap; 19 | justify-content: space-evenly; 20 | align-items: center; 21 | } 22 | 23 | .showBot { 24 | position: absolute; 25 | right: 30px; 26 | /*Right and bottom are set to position the chat bot window in the right-corner of the screen*/ 27 | bottom: 25px; 28 | padding: 10px 40px 10px 37px; 29 | font-size: 18px; 30 | border: none; 31 | border-radius: var(--chatBot_windowCommonRadius); 32 | outline: none; 33 | background-color: dodgerblue; 34 | color: #f8f8f8; 35 | box-shadow: 10px 10px 5px #aaaaaa; 36 | cursor: pointer; 37 | } 38 | 39 | .container { 40 | position: absolute; 41 | right: 30px; 42 | /*Right and bottom are set to position the chat bot window in the right-corner of the screen*/ 43 | bottom: 60px; 44 | width: 450px; 45 | height: 80vh; 46 | display: flex; 47 | flex-direction: column; 48 | box-shadow: 10px 10px 5px #aaaaaa; 49 | background-color: dodgerblue; 50 | border: 2px solid dodgerblue; 51 | border-radius: var(--chatBot_windowCommonRadius); 52 | z-index: var(--chatBot_ZIndex); 53 | } 54 | 55 | .header { 56 | display: flex; 57 | flex-direction: row; 58 | flex-wrap: nowrap; 59 | justify-content: space-between; 60 | } 61 | 62 | .header h1 { 63 | color: white; 64 | padding: 15px; 65 | } 66 | 67 | .header img { 68 | width: 70px; 69 | padding: 10px; 70 | } 71 | 72 | .body { 73 | display: flex; 74 | flex: 1; 75 | color: white; 76 | background-color: rgba(0, 0, 0, 0.7); 77 | margin-top: auto; 78 | overflow-y: scroll; 79 | flex-direction: column-reverse; 80 | scroll-behavior: smooth; 81 | padding: 20px 10px; 82 | border-radius: 5px 5px 0px 0px; 83 | -ms-overflow-style: none; 84 | /* IE and Edge */ 85 | scrollbar-width: none; 86 | /* Firefox */ 87 | } 88 | 89 | .body::-webkit-scrollbar { 90 | display: none; 91 | } 92 | 93 | .botTyping-bg { 94 | background-color: rgba(0, 0, 0, 0.7); 95 | padding: 0px 0px 10px 20px; 96 | } 97 | 98 | .botTyping { 99 | margin-right: 60%; 100 | color: #fff; 101 | } 102 | 103 | .bot_message { 104 | background-color: dodgerblue; 105 | padding: 10px; 106 | color: white; 107 | width: fit-content; 108 | border-top-left-radius: 0px !important; 109 | border-radius: 10px; 110 | margin-bottom: 15px; 111 | } 112 | 113 | .user_message { 114 | margin-left: auto; 115 | background-color: white; 116 | color: black; 117 | padding: 10px; 118 | width: fit-content; 119 | border-top-right-radius: 0px !important; 120 | border-radius: 10px; 121 | margin-bottom: 15px; 122 | } 123 | 124 | .bot-profile { 125 | width: 13%; 126 | padding-right: 5px; 127 | } 128 | 129 | .user-profile { 130 | width: 12%; 131 | padding-left: 5px; 132 | } 133 | 134 | .bot-message-block { 135 | display: flex; 136 | align-items: baseline; 137 | } 138 | 139 | .user-message-block { 140 | display: flex; 141 | align-items: baseline; 142 | flex-direction: row-reverse; 143 | } 144 | 145 | .footer { 146 | display: flex; 147 | } 148 | 149 | .footer input { 150 | flex: 1; 151 | height: 40px; 152 | border: none; 153 | border-radius: 0px 0px 0px 5px; 154 | outline: none; 155 | padding-left: 5px; 156 | font-size: 16px; 157 | } 158 | 159 | .footer button { 160 | width: 100px; 161 | font-size: 18px; 162 | border: none; 163 | border-radius: 0px 0px 5px 0px; 164 | outline: none; 165 | background-color: dodgerblue; 166 | color: white; 167 | cursor: pointer; 168 | transition: background-color 0.3s ease; 169 | } 170 | 171 | .footer button:hover { 172 | background-color: blue; 173 | } 174 | 175 | .footer button:disabled { 176 | background-color: #aaaaaa; 177 | } 178 | 179 | .showBot:hover { 180 | background-color: blue; 181 | } 182 | 183 | .hideBot { 184 | padding: 10px; 185 | font-size: 18px; 186 | border: none; 187 | outline: none; 188 | background-color: dodgerblue; 189 | color: white; 190 | cursor: pointer; 191 | } 192 | 193 | .aapi-popup-dialog { 194 | position: absolute; 195 | right: 30px; 196 | bottom: 95px; 197 | font-size: 18px; 198 | padding: 10px 10px 10px 10px; 199 | border: none; 200 | border-radius: var(--chatBot_windowCommonRadius); 201 | outline: none; 202 | background-color: dodgerblue; 203 | color: #f8f8f8; 204 | } 205 | 206 | .attention { 207 | position: absolute; 208 | right: 25px; 209 | bottom: 145px; 210 | padding: 10px; 211 | border-radius: 100%; 212 | background-color: red; 213 | } 214 | 215 | .down-triangle { 216 | width: 0; 217 | height: 0; 218 | position: absolute; 219 | right: 68px; 220 | bottom: 75px; 221 | border: 20px solid transparent; 222 | border-top: 20px solid dodgerblue; 223 | border-bottom: 0; 224 | } 225 | 226 | .hidden { 227 | display: none; 228 | } 229 | -------------------------------------------------------------------------------- /chatbot_project/templates/chatbot_project/index.htm: -------------------------------------------------------------------------------- 1 | {% load static %} 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |