Templates not loading

Using Django Mystery Errors
1 
{% load static %}
{% block content %}
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Track it</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Oxanium">
        <link rel="stylesheet" href="{% static 'css/style.css'  % }">
        <script src="https://kit.fontawesome.com/31149d48b0.js" crossorigin="anonymous"></script>
  
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    </head>
    <body>
        <nav class="navbar fixed-top navbarScroll bg-white">
            
                <a class="navbar-brand" href="#">
                    <img src="{ % static 'images/bg2.png' %}" alt="" width="70" height="70" alt="">
                </a>
                <div class= "nav justify-content-end">
                    <form class="container-fluid justify-content-start col-lg-12">
                      <button class="btn btn-link " type="button"> Login</button>
                      <button class="btn btn-link" type="button">Sign in </button>
                    </form>
                </div>
            </div>
        </nav><section class="bgimage" id="home">
            <div class="container-fluid">
                <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 img-text">
                    <h2 class="img_title">"Accountability breeds response-ability." </h2>
                    <p class="img_desc">– Stephen Covey</p>
                    <button type="button" class="btn btn-lg btn-secondary ">Start tracking</button>
                    
                </div>
                </div>
            </div>
        </section>
        
        <script src="" async defer></script>
    </body>
</html>
{% endblock %}

This is my settings.py

from pathlib import Path


# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent


# Quick-start development settings - unsuitable for production


# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'django-insecure-3z8ok#40v*d8qs&s_vw#!*ji8)0qt7yilz33ie&r)bihqx7yc5'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'users'
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'fitness.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['templates'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'fitness.wsgi.application'


# Database


DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}


# Password validation


AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# /

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
STATIC_URL = 'static/'
STATIC_ROOT= BASE_DIR /'static'
STATICFILES_DIRS=[
    'fitness/static',
]




DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
2

Welcome @Yoruba-Dragon !

We’re going to need more details about the issue you’re facing. Please post the complete error message and traceback from the server console, along with a description of the symptoms you’re seeing.

Note: When posting code, templates, error messages, or other preformatted text here, enclose the code between lines of three backtick - ` characters. This means you’ll have a line of ```, then your code, then another line of ```. This forces the forum software to keep your code properly formatted. (I have taken the liberty of correcting your original posts. Please remember to do this in the future.)

3

Thank you, it is my first time.

4

No worries, we’re here to help.

I do need to point out that you need to use the backtick character - ` (not an apostrophe - ' or any type of “smart quote”), and the line of three backticks must be lines by themselves. (Can’t be part of another line.) Again, I’ve fixed this for you.

We still need to see the error message and traceback along with a better description of what the issue is.