title: Not able to deploy Django properly on Cpanel (static part)
body: <p>I tried all steps and commands to enable the static part when project deployed on Cpanel python app but I failed. Please help me out. Thanks in advance.
  Deployed:
  <a href="https://i.stack.imgur.com/pNgHW.png" rel="nofollow noreferrer">Deployed my codes on Cpanel on goDaddy</a></p>
  
  <p><a href="https://i.stack.imgur.com/FQtSx.png" rel="nofollow noreferrer">Images which are visible are from imported from the Internet not from static file</a></p>
  
  <p><a href="https://i.stack.imgur.com/Jih7y.jpg" rel="nofollow noreferrer">Expected: (On local machine)</a></p>
  
  <p><a href="https://i.stack.imgur.com/GZ4mT.png" rel="nofollow noreferrer">I'm able to open each tab in local but getting 404 error on deployed one.</a></p>
  
  <ul>
  <li>views.py</li>
  </ul>
  
  <pre><code>from django.shortcuts import render, redirect
  from django.contrib import messages
  from django.http import HttpResponse
  from django.http import HttpResponseRedirect
  from .forms import ManuForm
  def home(request):
      if request.method == 'GET':
          return render(request, 'manufacture_page/homepage.html', {'form': ManuForm()})
      else:
          try:
              form = ManuForm(request.POST)
              if form.is_valid():
                  form.save(commit=True)
                  messages.info(request, 'Thanks! Will contact you back.')
                  return redirect(request.META['HTTP_REFERER'])
              else:
                  print("IN ERROR")
  
                  errmsg= str(form.errors)
                  print(errmsg)
                  if "Phone already exists" in errmsg:
                      errmsg="Error!! Entered Number already exists!"
                  elif "Enter a valid phone number" in errmsg:
                      errmsg="Error!! Enter number with country code. (e.g. +917529984220)."
                  else:
                      errmsg="Error!! Bad data passed in!"
  
                  messages.error(request,errmsg)
                  # return render(request.META['HTTP_REFERER'], 'homepage.html', {'form': ManuForm(), 'error': errmsg})
                  return redirect(request.META['HTTP_REFERER'], {'form': ManuForm(), 'error': errmsg})
              return redirect(home)
          except ValueError:
              return render(request, 'manufacture_page/homepage.html', {'form': ManuForm(), 'error':'Bad data passed in!'})
  
  def about(request):
          return render(request, 'manufacture_page/about.html')
  
  
  def services(request):
      return render(request, 'manufacture_page/services.html')
  
  </code></pre>
  
  <ul>
  <li>settings.py</li>
  </ul>
  
  <pre><code>
  import os
  
  BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  SECRET_KEY = '2dh-pafar$e$te&amp;(m)b^z&amp;yif035l1q=gid!q%$*+#l6r*&amp;%*x'
  
  DEBUG = False
  
  ALLOWED_HOSTS = ['prezotech.in']
  
  
  
  INSTALLED_APPS = [
      'django.contrib.admin',
      'django.contrib.auth',
      'django.contrib.contenttypes',
      'django.contrib.sessions',
      'django.contrib.messages',
      'django.contrib.staticfiles',
      'manufacture_page',
      'phonenumber_field',
  ]
  
  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 = 'lable_manufacturer.urls'
  
  TEMPLATES = [
      {
          'BACKEND': 'django.template.backends.django.DjangoTemplates',
          'DIRS': [],
          '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 = 'lable_manufacturer.wsgi.application'
  
  
  # Database
  
  DATABASES = {
      'default': {
          'ENGINE': 'django.db.backends.sqlite3',
          'NAME': os.path.join(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
  # https://docs.djangoproject.com/en/3.0/topics/i18n/
  
  LANGUAGE_CODE = 'en-us'
  
  TIME_ZONE = 'UTC'
  
  USE_I18N = True
  
  USE_L10N = True
  
  USE_TZ = True
  
  
  # Static files (CSS, JavaScript, Images)
  # https://docs.djangoproject.com/en/3.0/howto/static-files/
  
  
  STATICFILES_DIRS=[BASE_DIR+"/static"]
  STATIC_URL = '/static/'
  STATIC_ROOT= os.path.join(BASE_DIR, 'static')
  
  </code></pre>
  
  <ul>
  <li>urls.py</li>
  </ul>
  
  <pre><code>from django.contrib import admin
  from django.urls import path
  from manufacture_page import views
  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      path('admin/', admin.site.urls),
      path('', views.home),
      path('homepage.html', views.home),
      path('about.html', views.about),
      path('services.html', views.services),
      path('homepage.html#newsletter', views.home),
  ]+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
  
  
  </code></pre>
  
  <ul>
  <li>homepage.html</li>
  </ul>
  
  <pre><code>{% load static %}
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  
    &lt;!-- Bootstrap CSS --&gt;
  
  
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
    &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
      crossorigin="anonymous"&gt;
    &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css" integrity="sha384-v2Tw72dyUXeU3y4aM2Y0tBJQkGfplr39mxZqlTBDUZAb9BGoC40+rdFCG0m10lXk" crossorigin="anonymous"&gt;
    &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"&gt;
    &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" /&gt;
    &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
    &lt;link rel="stylesheet" href="{% static "/manufacture_page/style.css" %}"&gt;
  
       &lt;link href="https://fonts.googleapis.com/css?family=Lato&amp;display=swap" rel="stylesheet"&gt;
  
    &lt;link rel="icon" type="image/png" href="{% static "/manufacture_page/logo.png" %}"&gt;
    &lt;title&gt;Label manufacturer&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top"&gt;
      &lt;div class="container"&gt;
        &lt;!-- logo --&gt;
        &lt;a href="" class="navbar-brand"&gt;
          &lt;img src="https://i.ibb.co/523F1fP/poster5-20-12359-1.png"  width="45" height="35"&gt;
        &lt;/a&gt;
  
        &lt;a href="" class="navbar-brand"&gt;Prezotech&lt;/a&gt;
        &lt;a href="https://api.whatsapp.com/send?phone=917529984220" style="font-size:17px;color:grey"&gt;
  &lt;!--        Send Message&lt;/a&gt;--&gt;
  &lt;!--      &lt;a href="whatsapp://send?text=Hello World!&amp;phone=+917529984220"&gt;--&gt;
  &lt;!--        &lt;i class="fa fa-whatsapp style="font-size:22px;color:blue" " aria-hidden="true"&gt;&lt;/i&gt;--&gt;
          Send Msg &lt;i class="fa fa-whatsapp" style="font-size:23px;color:#25D366; "&gt;&lt;/i&gt;
        &lt;/a&gt;
  
  
        &lt;button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;div class="collapse navbar-collapse" id="navbarCollapse"&gt;
          &lt;ul class="navbar-nav ml-auto"&gt;
            &lt;li class="nav-item active"&gt;
              &lt;a href="homepage.html" class="nav-link"&gt;Home&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item"&gt;
              &lt;a href="about.html" class="nav-link"&gt;About Us&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item"&gt;
              &lt;a href="services.html" class="nav-link"&gt;Products &amp; Services&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item"&gt;
              &lt;a href = "#newsletter" class="nav-link"&gt;Connect with Us&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
  
    &lt;!-- SHOWCASE SLIDER --&gt;
    &lt;section id="showcase"&gt;
      &lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
        &lt;ol class="carousel-indicators"&gt;
          &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
        &lt;/ol&gt;
        &lt;div class="carousel-inner"&gt;
          &lt;div class="carousel-item carousel-image-1 "&gt;
            &lt;div class="container"&gt;
              &lt;div class="carousel-caption d-sm-block text-right mb-5 text-dark"&gt;
                &lt;h1 class="brown_bk"&gt;&lt;span&gt;Contact Us&lt;/span&gt;&lt;/h1&gt;
                &lt;p class="lead"&gt;&lt;span&gt;
                  Phone Number:
                    General Query: +91 9990768844 &lt;br&gt;
                    Sales Team: +91 9990764567&lt;br&gt;
                    Manufacturing Team: +91 9990768876&lt;br&gt;
                    Technical Team: +91 9990768833
                &lt;/span&gt;&lt;/p&gt;
                &lt;a href="https://www.prezotech.com/enquiry.html" target="_blank" class="btn btn-danger btn-lg"&gt;Contact Details&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="carousel-item carousel-image-2"&gt;
            &lt;div class="container"&gt;
              &lt;div class="carousel-caption d-sm-block mb-5"&gt;
                &lt;h1 class="brown_bk"&gt;&lt;span&gt;Reviews&lt;/span&gt;&lt;/h1&gt;
                &lt;p class="lead"&gt;&lt;span&gt;We have the most satisfied customers.
                  Check out customers review in different sites.&lt;/span&gt;&lt;/p&gt;
                &lt;a target="_blank" href="https://www.google.com/search?safe=active&amp;tbm=lcl&amp;sxsrf=ALeKk01Q1Rq0ZRY_DswG94FRSh3b8_7qFg%3A1591739597842&amp;ei=zQTgXs_3Mt_S1fAP3OakmAo&amp;q=prezotech+solutions+private+limited&amp;oq=Prezotech+sol&amp;gs_l=psy-ab.3.0.35i39k1l2j0.878.1332.0.2388.4.4.0.0.0.0.128.386.3j1.4.0....0...1c.1.64.psy-ab..0.4.386...0i30k1.0.a1stxb_bjpo#rlfi=hd:;si:17620352125786189722,l,CiNwcmV6b3RlY2ggc29sdXRpb25zIHByaXZhdGUgbGltaXRlZEjUysywg6uAgAhaWgojcHJlem90ZWNoIHNvbHV0aW9ucyBwcml2YXRlIGxpbWl0ZWQQABABEAIQAxgAGAEYAhgDIiNwcmV6b3RlY2ggc29sdXRpb25zIHByaXZhdGUgbGltaXRlZA;mv:[[28.633411,77.31693310000001],[28.629303200000003,77.31207959999999]]"
                   class="btn btn-primary btn-sm"&gt; Google&lt;/a&gt;
                &lt;a target="_blank" href="https://www.justdial.com/Delhi/Prezotech-Solutions-Pvt-Ltd-Near-Nexa-Maruti-Showroom-Ghazipur/011PXX11-XX11-171218141608-Q5M6_BZDET/reviews/page-20?xid=THVkaGlhbmEgV292ZW4gTGFiZWwgTWFudWZhY3R1cmVycyBMb2xheQ=="
                   class="btn btn-primary btn-sm"&gt; JustDial&lt;/a&gt;
                &lt;a target="_blank" href="https://www.indiamart.com/prezotech/testimonial.html"
                   class="btn btn-primary btn-sm"&gt; IndiaMart&lt;/a&gt;
                &lt;a target="_blank" href="https://www.facebook.com/Prezotech/reviews/?ref=page_internal"
                   class="btn btn-primary btn-sm"&gt; Facebook&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
  
          &lt;div class="carousel-item carousel-image-3 active"&gt;
            &lt;div class="container"&gt;
              &lt;div class="carousel-caption  d-sm-block text-right mb-5"&gt;
                &lt;h1 class="brown_bk"&gt;&lt;span&gt;Prezotech Label Manufacturer&lt;/span&gt;&lt;/h1&gt;
                &lt;p class="lead"&gt;&lt;span&gt;Leader in the field of label manufacturing and Barcode related solution provider.&lt;/span&gt;&lt;/p&gt;
                &lt;a href="about.html" class="btn btn-success btn-lg"&gt;Learn More About Us&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;a href="#myCarousel" data-slide="prev" class="carousel-control-prev"&gt;
          &lt;span class="carousel-control-prev-icon"&gt;&lt;/span&gt;
        &lt;/a&gt;
  
        &lt;a href="#myCarousel" data-slide="next" class="carousel-control-next"&gt;
          &lt;span class="carousel-control-next-icon"&gt;&lt;/span&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!--HOME ICON SECTION  --&gt;
    &lt;section id="home-icons" class="py-5"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-4 mb-4 text-center"&gt;
            &lt;i class="fas fa-handshake fa-3x mb-2"&gt;&lt;/i&gt;
            &lt;h3&gt;&lt;b&gt;TRUST!&lt;/b&gt;&lt;/h3&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, veniam.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4 mb-4 text-center"&gt;
            &lt;i class="fas fa-user-lock fa-3x mb-2"&gt;&lt;/i&gt;
            &lt;h3&gt;&lt;b&gt;COMMITMENT!&lt;/b&gt;&lt;/h3&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, veniam.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4 mb-4 text-center"&gt;
            &lt;i class="fas fa-thumbs-up fa-3x mb-2"&gt;&lt;/i&gt;
            &lt;h3&gt;&lt;b&gt;QUALITY!&lt;/b&gt;&lt;/h3&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, veniam.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!-- HOME HEADING SECTION --&gt;
    &lt;section id="home-heading" class="p-5"&gt;
      &lt;div class="dark-overlay"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col"&gt;
            &lt;div class="container pt-5"&gt;
              &lt;h1&gt;Our Motto: Customer First!&lt;/h1&gt;
              &lt;p class="d-none d-md-block"&gt;
                "Happy customers are your biggest advocates and can become your most successful sales team."
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!-- INFO SECTION --&gt;
    &lt;section id="info" class="py-3"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-6 align-self-center"&gt;
            &lt;h3&gt;Our Team is Our Family!&lt;/h3&gt;
            &lt;p&gt;With a bunch of experienced team members and Japanese machines we deliver standard and on time
              label with any size demanded.&lt;/p&gt;
            &lt;a href="about.html" class="btn btn-outline-danger btn-lg"&gt;Learn More&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
            &lt;img src="{% static "/manufacture_page/label.gif" %}" alt="" class="img-fluid"&gt;
  
  
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!-- VIDEO PLAY --&gt;
    &lt;section id="video-play"&gt;
      &lt;div class="dark-overlay"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col"&gt;
            &lt;div class="container p-5"&gt;
              &lt;a href="#" class="video" data-video="https://www.youtube.com/embed/cafgEkr2wcc" data-toggle="modal" data-target="#videoModal"&gt;
                &lt;i class="fas fa-play fa-3x"&gt;&lt;/i&gt;
              &lt;/a&gt;
              &lt;h1&gt;See What We Do&lt;/h1&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!-- PHOTO GALLERY --&gt;
    &lt;section id="gallery" class="py-5"&gt;
      &lt;div class="container"&gt;
        &lt;h1 class="text-center"&gt;Photo Gallery&lt;/h1&gt;
        &lt;p class="text-center"&gt;Check out our photos&lt;/p&gt;
        &lt;div class="row mb-4"&gt;
          &lt;div class="col-md-4"&gt;
            &lt;a href="{% static "/manufacture_page/one.jpg" %}" data-toggle="lightbox" data-gallery="img-gallery" data-height="560"
              data-width="560"&gt;
              &lt;img src="{% static "/manufacture_page/one.jpg" %}" alt="" class="img-fluid"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-4"&gt;
            &lt;a href="{% static "/manufacture_page/two.png" %}" data-toggle="lightbox" data-gallery="img-gallery" data-height="561"
              data-width="561"&gt;
              &lt;img src="{% static "/manufacture_page/two.png" %}" alt="" class="img-fluid"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-4"&gt;
            &lt;a href="{% static "/manufacture_page/three.jpg" %}" data-toggle="lightbox" data-gallery="img-gallery" data-height="562"
              data-width="562"&gt;
              &lt;img src="{% static "/manufacture_page/three.jpg" %}" alt="" class="img-fluid"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="row mb-4"&gt;
          &lt;div class="col-md-4"&gt;
            &lt;a href="{% static "/manufacture_page/four.jpg" %}" data-toggle="lightbox" data-gallery="img-gallery" data-height="563"
              data-width="563"&gt;
              &lt;img src="{% static "/manufacture_page/four.jpg" %}" alt="" class="img-fluid"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-4"&gt;
            &lt;a href="{% static "/manufacture_page/five.png" %}" data-toggle="lightbox" data-gallery="img-gallery" data-height="564"
              data-width="564"&gt;
              &lt;img src="{% static "/manufacture_page/five.png" %}" alt="" class="img-fluid"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-4"&gt;
            &lt;a href="{% static "/manufacture_page/six.jpeg" %}" data-toggle="lightbox" data-gallery="img-gallery" data-height="565"
              data-width="565"&gt;
              &lt;img src="{% static "/manufacture_page/six.jpeg" %}" alt="" class="img-fluid"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!-- NEWSLETTER --&gt;
  
  
    &lt;section id="newsletter" class="text-center p-5 bg-dark text-white"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col"&gt;
            &lt;div class ="newsletter1 {% if active_tab == 'newsletter1' %} active{% endif %}"&gt;
  
              &lt;label&gt;&lt;h1&gt;Get In Touch&lt;/h1&gt;&lt;/label&gt;
  
  &lt;!--            &lt;h2&gt;{{ error }}&lt;/h2&gt;--&gt;
  
                 {% for message in messages %}
  
                      &lt;div class="alert alert-success"&gt;
                          &lt;a class="close" href="#" data-dismiss="alert"&gt;×&lt;/a&gt;
  
                         &lt;h6&gt; {{ message }} &lt;/h6&gt;
  
                      &lt;/div&gt;
              {% endfor %}
  
  
              &lt;form method="POST" class="form-inline justify-content-center"&gt;
              {% csrf_token %}
                  &lt;input type="text" name="name" class="form-control mb-2 mr-2" placeholder="Enter Name" id="name" required&gt;
                  &lt;input type="tel" name="phone" class="form-control mb-2 mr-2" placeholder="Enter Phone" id="phone" required&gt;
                  &lt;input type="email" name="email" class="form-control mb-2 mr-2" placeholder="Enter Email" id="email" &gt;
                  &lt;input type="text" name="query" class="form-control mb-2 mr-2" placeholder="Any Query?" id="query"&gt;
              &lt;button class="btn btn-primary mb-2" type="submit"&gt;Send&lt;/button&gt;
  
              &lt;/form&gt;
            &lt;/div&gt;
  
              &lt;br&gt;
  &lt;!--          Social media--&gt;
  
            &lt;li class="nav-item ml-auto active"&gt;
              &lt;a href="https://www.prezotech.com/" class="nav-link" &gt;
                &lt;input type="image" src="https://i.ibb.co/kchdgsK/poster5-23-205140-1.png" /&gt;
              &lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item ml-auto"&gt;
              &lt;a href="https://www.instagram.com/prezotech/" class="nav-link"&gt;&lt;i class="fab fa-instagram" style="font-size:32px;color:red"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item ml-auto"&gt;
              &lt;a href="https://www.youtube.com/channel/UCKwa5sBdl0_afSyGJTT4Nvg" class="nav-link"&gt;&lt;i class="fab fa-youtube" style="font-size:32px;color:red" &gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item ml-auto"&gt;
              &lt;a href="https://www.facebook.com/Prezotech" class="nav-link"&gt;&lt;i class="fab fa-facebook-f" style="font-size:27px;color:blue" &gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/li&gt;
  
            &lt;li class="nav-item ml-auto"&gt;
              &lt;a href="https://www.linkedin.com/company/prezotech/?originalSubdomain=in" class="nav-link"&gt;&lt;i class="fa fa-linkedin" style="font-size:29px;color:blue" &gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/li&gt;
  
            &lt;li class="nav-item ml-auto"&gt;
              &lt;a href="https://twitter.com/prezotechsol" class="nav-link"&gt;&lt;i class="fa fa-twitter" style="font-size:29px;color:blue" &gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/li&gt;
  
            &lt;li class="nav-item ml-auto"&gt;
              &lt;a href="http://prezotech.in/feedback" class="nav-link"&gt;&lt;i class="fas fa-comment-dots" style="font-size:29px;color:purple" &gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/li&gt;
  
  
  
  
  
  
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  
    &lt;!-- FOOTER --&gt;
    &lt;footer id="main-footer" class="text-center p-4"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col"&gt;
            &lt;p&gt;Copyright &amp;copy;
              &lt;span id="year"&gt;&lt;/span&gt; Prezotech&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;
  
  
    &lt;!-- VIDEO MODAL --&gt;
    &lt;div class="modal fade" id="videoModal"&gt;
      &lt;div class="modal-dialog"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-body"&gt;
            &lt;button class="close" data-dismiss="modal"&gt;
              &lt;span&gt;&amp;times;&lt;/span&gt;
            &lt;/button&gt;
            &lt;iframe src="" frameborder="0" height="350" width="100%" allowfullscreen&gt;&lt;/iframe&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  
    &lt;script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
      crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
      crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
      crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      // Get the current year for the copyright
      $('#year').text(new Date().getFullYear());
  
      // Configure Slider
      $('.carousel').carousel({
        interval: 6000,
        pause: 'hover'
      });
  
      // Lightbox Init
      $(document).on('click', '[data-toggle="lightbox"]', function (event) {
        event.preventDefault();
        $(this).ekkoLightbox();
      });
  
      // Video Play
      $(function () {
        // Auto play modal video
        $(".video").click(function () {
          var theModal = $(this).data("target"),
            videoSRC = $(this).attr("data-video"),
            videoSRCauto = videoSRC + "?modestbranding=1&amp;rel=0&amp;controls=0&amp;showinfo=0&amp;html5=1&amp;autoplay=1";
          $(theModal + ' iframe').attr('src', videoSRCauto);
          $(theModal + ' button.close').click(function () {
            $(theModal + ' iframe').attr('src', videoSRC);
          });
        });
      });
  
    &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ae3Hx.png" rel="nofollow noreferrer">Directory structure</a></p>
  
  <p><a href="http://prezotech.in/Prezotech_Manufacturer" rel="nofollow noreferrer">enter link description here</a></p>
  
  <p>P.S: I have already used <strong>collectstatic</strong></p>