big update: html files connect in server

fantasmixDjango/django_project/django_project/urls.py

-# main URLs
+# django_project URLs.
 
 from django.contrib import admin
-from django.urls import include, path
-from django.conf.urls import include, url
-
-from votings.views import home as votings_home
-from votings.views import generate as votings_generate
-from votings.views import postsign as votings_postsign
-from votings.views import signIn as votings_signin
+# from django.urls import path
+from votings import views
+from django.conf.urls import url
 
 urlpatterns = [
-    path(r'database/', votings_signin),
-    path(r'postsign/',votings_postsign),
-    path(r'home/', votings_home),
-    path(r'home/generate/', votings_generate),
-    path(r'admin/', admin.site.urls),
-
+    url(r'^$', views.home, name='home'),
+    url(r'^home/$', views.home, name='home'),
+    url(r'^home/about/$', views.about, name='about'),
+    url(r'^home/generate/$', views.generate, name='generate'),
+    url(r'^signin/$', views.signIn, name='signIn'),
+    url(r'^login/$', views.login, name='login'),
+    url(r'^postsign/$', views.postsign, name='postsing'),
+    url(r'admin/', admin.site.urls),
+    url(r'^home/generateMusic/$', views.generateMusic, name='generateMusic'),
 ]

fantasmixDjango/django_project/static/css/aboutstyle.css

+{% load static %}
+
+body {
+  background-image: url("hpwallpaper.jpg");
+  background-repeat: no-repeat;
+  background-size: 5000px;
+  animation: breath 30s linear infinite
+}
+
+@keyframes breath {
+  0%   { background-size: 120% auto; }
+  50% { background-size: 140% auto; }
+  100% { background-size: 120% auto; }
+}
+
+.logo {
+  width: 120px;
+  height: 100px;
+  margin-left: 250px;
+  text-decoration: none;
+  border-radius: 10px;
+}
+
+ul {
+  list-style-type: none;
+  margin: auto;
+  padding: 0;
+  padding-bottom: 10px;
+  overflow: hidden;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  padding-right: 20px;
+  padding-left: 80px;
+  font-family: 'Roboto', sans-serif;
+  font-weight: bold;
+  color: black;
+  font-size: 20px;
+  text-decoration: none;
+  transition: 0.3s;
+}
+
+li a:hover{
+  color: black;
+  text-decoration: underline #00FFFF;
+}
+
+
+.container-fluid {
+  padding-top: 1px;
+  border-top: 1px solid black;
+  border-bottom: 1px solid black;
+  background-color: white;
+}
+
+h1 {
+  text-align: center;
+  font-family: Roboto;
+}
+
+hr {
+  width: 50%;
+  color: #00FFFF;
+}
+
+.finalhr {
+  width: 100%;
+}
+
+i {
+  font-size: 55px;
+  transition: 0.3s;
+}
+
+i:hover {
+  color: #00FFFF;
+}
+
+h2 {
+  text-align: center;
+  font-family: Roboto;
+}
+
+p {
+  margin-top: 20px;
+  font-size: 20px;
+  text-align: center;
+  font-family: Roboto;
+  color: black;
+}
+
+h4 {
+  font-family: Roboto;
+}
+
+h3 {
+  text-align: center;
+  font-family: Roboto;
+  font-size: 30px;
+}
+
+.container {
+  margin-top: 20px;
+  text-align: center;
+}
+
+.caption{
+  font-family: Roboto;
+}
+
+.jumbotron {
+  margin-bottom: 0;
+  background-image: url("hpwallpaper.jpg");
+  background-size: 1500px;
+  animation: breath 30s linear infinite
+}

fantasmixDjango/django_project/static/css/loginstyle.css

+*{
+  font-family: Roboto;
+}
+body {
+  background-image: url("hpwallpaper.jpg");
+  background-repeat: no-repeat;
+  background-size: 5000px;
+  animation: breath 30s linear infinite
+}
+
+@keyframes breath {
+  0%   { background-size: 120% auto; }
+  50% { background-size: 140% auto; }
+  100% { background-size: 120% auto; }
+}
+
+
+.logo {
+  width: 120px;
+  height: 100px;
+  margin-left: 250px;
+  text-decoration: none;
+  border-radius: 10px;
+}
+
+ul {
+  list-style-type: none;
+  margin: auto;
+  padding: 0;
+  padding-bottom: 10px;
+  overflow: hidden;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  padding-right: 20px;
+  padding-left: 80px;
+  font-family: 'Roboto', sans-serif;
+  font-weight: bold;
+  color: black;
+  font-size: 20px;
+  text-decoration: none;
+  transition: 0.3s;
+}
+
+li a:hover{
+  color: black;
+  text-decoration: underline #00FFFF;
+}
+
+.container-fluid {
+  margin-top: 20px;
+  background-color: rgba(255,255,255, 1);
+}
+
+.logo-login {
+  width: 120px;
+  height: 100px;
+  text-decoration: none;
+  border-radius: 75%;
+  margin-top: 20px;
+  margin-left: 500px;
+  margin-right: 500px;
+}
+
+#logintitle {
+  margin: auto;
+}
+
+#logincont{
+  background-color: black;
+}
+
+#regiscont {
+  background-color: #00FFFF;
+}
+
+p {
+  font-size: 50px;
+}
+
+h1 {
+  text-align: center;
+}
+
+.col-lg-6 {
+  margin-bottom: 50px;
+}