Added users app, fixed images, and worked on urls
|
@ -16,8 +16,11 @@ Including another URLconf
|
|||
from django.contrib import admin
|
||||
from django.urls import path, include
|
||||
from homepage import views as homepage_views
|
||||
from users import views as user_views
|
||||
|
||||
urlpatterns = [
|
||||
path('', include('homepage.urls')),
|
||||
path('login/', user_views.login, name='login'),
|
||||
path('register/', user_views.register, name='register'),
|
||||
path('admin/', admin.site.urls),
|
||||
]
|
||||
|
|
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 64 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 165 KiB After Width: | Height: | Size: 83 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 746 KiB |
Before Width: | Height: | Size: 159 KiB After Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 70 KiB |
|
@ -111,773 +111,71 @@ nav {
|
|||
color: #fff !important;
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.col-sm {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.row-cols-sm-1 > * {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.btn-dark {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40;
|
||||
}
|
||||
.btn-social {
|
||||
height: 2.5rem;
|
||||
width: 2.5rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.mx-2 {
|
||||
margin-right: 0.5rem !important;
|
||||
}
|
||||
|
||||
.row-cols-sm-2 > * {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.row-cols-sm-3 > * {
|
||||
flex: 0 0 33.3333333333%;
|
||||
max-width: 33.3333333333%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
section {
|
||||
padding: 9rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.row-cols-sm-4 > * {
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.row-cols-sm-5 > * {
|
||||
flex: 0 0 20%;
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
.row-cols-sm-6 > * {
|
||||
flex: 0 0 16.6666666667%;
|
||||
max-width: 16.6666666667%;
|
||||
}
|
||||
.btn-primary {
|
||||
background-color: #070707;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #fec810;
|
||||
border-color: #fec503;
|
||||
}
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
color: #fff;
|
||||
background-color: #fec810;
|
||||
border-color: #fec503;
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
|
||||
}
|
||||
.btn-primary.disabled, .btn-primary:disabled {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #fec503;
|
||||
border-color: #f3bd01;
|
||||
}
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
color: #fff;
|
||||
background-color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.btn-secondary:hover {
|
||||
color: #fff;
|
||||
background-color: #5a6268;
|
||||
border-color: #545b62;
|
||||
}
|
||||
.btn-secondary:focus, .btn-secondary.focus {
|
||||
color: #fff;
|
||||
background-color: #5a6268;
|
||||
border-color: #545b62;
|
||||
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
|
||||
}
|
||||
.btn-secondary.disabled, .btn-secondary:disabled {
|
||||
color: #fff;
|
||||
background-color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #545b62;
|
||||
border-color: #4e555b;
|
||||
}
|
||||
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: #fff;
|
||||
background-color: #28a745;
|
||||
border-color: #28a745;
|
||||
}
|
||||
.btn-success:hover {
|
||||
color: #fff;
|
||||
background-color: #218838;
|
||||
border-color: #1e7e34;
|
||||
}
|
||||
.btn-success:focus, .btn-success.focus {
|
||||
color: #fff;
|
||||
background-color: #218838;
|
||||
border-color: #1e7e34;
|
||||
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
|
||||
}
|
||||
.btn-success.disabled, .btn-success:disabled {
|
||||
color: #fff;
|
||||
background-color: #28a745;
|
||||
border-color: #28a745;
|
||||
}
|
||||
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #1e7e34;
|
||||
border-color: #1c7430;
|
||||
}
|
||||
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border-color: #17a2b8;
|
||||
}
|
||||
.btn-info:hover {
|
||||
color: #fff;
|
||||
background-color: #138496;
|
||||
border-color: #117a8b;
|
||||
}
|
||||
.btn-info:focus, .btn-info.focus {
|
||||
color: #fff;
|
||||
background-color: #138496;
|
||||
border-color: #117a8b;
|
||||
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
|
||||
}
|
||||
.btn-info.disabled, .btn-info:disabled {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border-color: #17a2b8;
|
||||
}
|
||||
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #117a8b;
|
||||
border-color: #10707f;
|
||||
}
|
||||
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-warning:hover {
|
||||
color: #fff;
|
||||
background-color: #fec810;
|
||||
border-color: #fec503;
|
||||
}
|
||||
.btn-warning:focus, .btn-warning.focus {
|
||||
color: #fff;
|
||||
background-color: #fec810;
|
||||
border-color: #fec503;
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
|
||||
}
|
||||
.btn-warning.disabled, .btn-warning:disabled {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #fec503;
|
||||
border-color: #f3bd01;
|
||||
}
|
||||
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
color: #fff;
|
||||
background-color: #dc3545;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
.btn-danger:hover {
|
||||
color: #fff;
|
||||
background-color: #c82333;
|
||||
border-color: #bd2130;
|
||||
}
|
||||
.btn-danger:focus, .btn-danger.focus {
|
||||
color: #fff;
|
||||
background-color: #c82333;
|
||||
border-color: #bd2130;
|
||||
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
|
||||
}
|
||||
.btn-danger.disabled, .btn-danger:disabled {
|
||||
color: #fff;
|
||||
background-color: #dc3545;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #bd2130;
|
||||
border-color: #b21f2d;
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
|
||||
}
|
||||
|
||||
.btn-light {
|
||||
color: #212529;
|
||||
background-color: #f8f9fa;
|
||||
border-color: #f8f9fa;
|
||||
}
|
||||
.btn-light:hover {
|
||||
color: #212529;
|
||||
background-color: #e2e6ea;
|
||||
border-color: #dae0e5;
|
||||
}
|
||||
.btn-light:focus, .btn-light.focus {
|
||||
color: #212529;
|
||||
background-color: #e2e6ea;
|
||||
border-color: #dae0e5;
|
||||
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
|
||||
}
|
||||
.btn-light.disabled, .btn-light:disabled {
|
||||
color: #212529;
|
||||
background-color: #f8f9fa;
|
||||
border-color: #f8f9fa;
|
||||
}
|
||||
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
|
||||
color: #212529;
|
||||
background-color: #dae0e5;
|
||||
border-color: #d3d9df;
|
||||
}
|
||||
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
|
||||
}
|
||||
|
||||
.btn-dark {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40;
|
||||
}
|
||||
.btn-dark:hover {
|
||||
color: #fff;
|
||||
background-color: #23272b;
|
||||
border-color: #1d2124;
|
||||
}
|
||||
.btn-dark:focus, .btn-dark.focus {
|
||||
color: #fff;
|
||||
background-color: #23272b;
|
||||
border-color: #1d2124;
|
||||
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
|
||||
}
|
||||
.btn-dark.disabled, .btn-dark:disabled {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40;
|
||||
}
|
||||
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #1d2124;
|
||||
border-color: #171a1d;
|
||||
}
|
||||
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-outline-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-outline-primary:focus, .btn-outline-primary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
|
||||
}
|
||||
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
|
||||
color: #fed136;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.btn-outline-secondary:hover {
|
||||
color: #fff;
|
||||
background-color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
|
||||
}
|
||||
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
|
||||
color: #6c757d;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-success {
|
||||
color: #28a745;
|
||||
border-color: #28a745;
|
||||
}
|
||||
.btn-outline-success:hover {
|
||||
color: #fff;
|
||||
background-color: #28a745;
|
||||
border-color: #28a745;
|
||||
}
|
||||
.btn-outline-success:focus, .btn-outline-success.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
|
||||
}
|
||||
.btn-outline-success.disabled, .btn-outline-success:disabled {
|
||||
color: #28a745;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #28a745;
|
||||
border-color: #28a745;
|
||||
}
|
||||
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-info {
|
||||
color: #17a2b8;
|
||||
border-color: #17a2b8;
|
||||
}
|
||||
.btn-outline-info:hover {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border-color: #17a2b8;
|
||||
}
|
||||
.btn-outline-info:focus, .btn-outline-info.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
|
||||
}
|
||||
.btn-outline-info.disabled, .btn-outline-info:disabled {
|
||||
color: #17a2b8;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #17a2b8;
|
||||
border-color: #17a2b8;
|
||||
}
|
||||
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-warning {
|
||||
color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-outline-warning:hover {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-outline-warning:focus, .btn-outline-warning.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
|
||||
}
|
||||
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
|
||||
color: #fed136;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
}
|
||||
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
color: #dc3545;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
.btn-outline-danger:hover {
|
||||
color: #fff;
|
||||
background-color: #dc3545;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
|
||||
}
|
||||
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
||||
color: #dc3545;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #dc3545;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
color: #f8f9fa;
|
||||
border-color: #f8f9fa;
|
||||
}
|
||||
.btn-outline-light:hover {
|
||||
color: #212529;
|
||||
background-color: #f8f9fa;
|
||||
border-color: #f8f9fa;
|
||||
}
|
||||
.btn-outline-light:focus, .btn-outline-light.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
|
||||
}
|
||||
.btn-outline-light.disabled, .btn-outline-light:disabled {
|
||||
color: #f8f9fa;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
|
||||
color: #212529;
|
||||
background-color: #f8f9fa;
|
||||
border-color: #f8f9fa;
|
||||
}
|
||||
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
color: #343a40;
|
||||
border-color: #343a40;
|
||||
}
|
||||
.btn-outline-dark:hover {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40;
|
||||
}
|
||||
.btn-outline-dark:focus, .btn-outline-dark.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
|
||||
}
|
||||
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
|
||||
color: #343a40;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #343a40;
|
||||
border-color: #343a40;
|
||||
}
|
||||
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
font-weight: 400;
|
||||
color: #fed136;
|
||||
text-decoration: none;
|
||||
}
|
||||
.btn-link:hover {
|
||||
color: #e6b301;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn-link:focus, .btn-link.focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn-link:disabled, .btn-link.disabled {
|
||||
color: #6c757d;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.btn-lg, .btn-group-lg > .btn {
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
.btn-sm, .btn-group-sm > .btn {
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.btn-block + .btn-block {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
input[type=submit].btn-block,
|
||||
input[type=reset].btn-block,
|
||||
input[type=button].btn-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fade {
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.fade {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
.fade:not(.show) {
|
||||
opacity: 0;
|
||||
}
|
||||
.btn-social {
|
||||
height: 2.5rem;
|
||||
width: 2.5rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.mx-2 {
|
||||
margin-right: 0.5rem !important;
|
||||
}
|
||||
.mx-2 {
|
||||
margin-left: 0.5rem !important;
|
||||
}
|
||||
.col-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.col-1 {
|
||||
flex: 0 0 8.3333333333%;
|
||||
max-width: 8.3333333333%;
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
flex: 0 0 16.6666666667%;
|
||||
max-width: 16.6666666667%;
|
||||
}
|
||||
|
||||
.col-3 {
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.col-4 {
|
||||
flex: 0 0 33.3333333333%;
|
||||
max-width: 33.3333333333%;
|
||||
}
|
||||
|
||||
.col-5 {
|
||||
flex: 0 0 41.6666666667%;
|
||||
max-width: 41.6666666667%;
|
||||
}
|
||||
|
||||
.col-6 {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.col-7 {
|
||||
flex: 0 0 58.3333333333%;
|
||||
max-width: 58.3333333333%;
|
||||
}
|
||||
|
||||
.col-8 {
|
||||
flex: 0 0 66.6666666667%;
|
||||
max-width: 66.6666666667%;
|
||||
}
|
||||
|
||||
.col-9 {
|
||||
flex: 0 0 75%;
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
.col-10 {
|
||||
flex: 0 0 83.3333333333%;
|
||||
max-width: 83.3333333333%;
|
||||
}
|
||||
|
||||
.col-11 {
|
||||
flex: 0 0 91.6666666667%;
|
||||
max-width: 91.6666666667%;
|
||||
}
|
||||
|
||||
.col-12 {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
section {
|
||||
padding: 9rem 0;
|
||||
}
|
||||
}
|
||||
.page-section {
|
||||
padding: 6rem 0;
|
||||
}
|
||||
.page-section h2.section-heading {
|
||||
font-size: 2.5rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.page-section h3.section-subheading {
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.team-member {
|
||||
margin-bottom: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
.team-member img {
|
||||
width: 14rem;
|
||||
height: 14rem;
|
||||
border: 0.5rem solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.team-member h4 {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.bg-light {
|
||||
background-color: #070707 !important;
|
||||
}
|
||||
.col-xl,
|
||||
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
|
||||
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
|
||||
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
|
||||
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
|
||||
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 0.75rem;
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
|
||||
.col {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.row-cols-1 > * {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.row-cols-2 > * {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.row-cols-3 > * {
|
||||
flex: 0 0 33.3333333333%;
|
||||
max-width: 33.3333333333%;
|
||||
}
|
||||
|
||||
.row-cols-4 > * {
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.row-cols-5 > * {
|
||||
flex: 0 0 20%;
|
||||
max-width: 20%;
|
||||
}
|
||||
|
||||
.row-cols-6 > * {
|
||||
flex: 0 0 16.6666666667%;
|
||||
max-width: 16.6666666667%;
|
||||
}
|
||||
|
||||
.col-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.col-1 {
|
||||
flex: 0 0 8.3333333333%;
|
||||
max-width: 8.3333333333%;
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
flex: 0 0 16.6666666667%;
|
||||
max-width: 16.6666666667%;
|
||||
}
|
||||
|
||||
.col-3 {
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.col-4 {
|
||||
flex: 0 0 33.3333333333%;
|
||||
max-width: 33.3333333333%;
|
||||
}
|
||||
|
||||
.col-5 {
|
||||
flex: 0 0 41.6666666667%;
|
||||
max-width: 41.6666666667%;
|
||||
}
|
||||
|
||||
.col-6 {
|
||||
flex: 0 0 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.col-7 {
|
||||
flex: 0 0 58.3333333333%;
|
||||
max-width: 58.3333333333%;
|
||||
}
|
||||
|
||||
.col-8 {
|
||||
flex: 0 0 66.6666666667%;
|
||||
max-width: 66.6666666667%;
|
||||
}
|
||||
|
||||
.col-9 {
|
||||
flex: 0 0 75%;
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
.col-10 {
|
||||
flex: 0 0 83.3333333333%;
|
||||
max-width: 83.3333333333%;
|
||||
}
|
||||
|
||||
.col-11 {
|
||||
flex: 0 0 91.6666666667%;
|
||||
max-width: 91.6666666667%;
|
||||
}
|
||||
|
||||
.col-12 {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
a.bg-light:hover, a.bg-light:focus,
|
||||
button.bg-light:hover,
|
||||
button.bg-light:focus {
|
||||
background-color: #dae0e5 !important;
|
||||
}
|
||||
.page-section h2.section-heading {
|
||||
font-size: 2.5rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.page-section h3.section-subheading {
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.team-member {
|
||||
margin-bottom: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
.team-member img {
|
||||
width: 14rem;
|
||||
height: 14rem;
|
||||
border: 0.5rem solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.team-member h4 {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.bg-light {
|
||||
background-color: #070707 !important;
|
||||
}
|
||||
.col-xl,
|
||||
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
|
||||
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
|
||||
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
|
||||
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
|
||||
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 0.75rem;
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
|
@ -958,47 +256,6 @@ p {
|
|||
.content {
|
||||
padding: 50px 2% 250px; }
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
background: #333 url(res/branch_big.svg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
background-attachment: local;
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
color: #FFFFFF;
|
||||
=======
|
||||
=======
|
||||
>>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0
|
||||
body {
|
||||
animation: 10000ms ease-in-out infinite color-change;
|
||||
}
|
||||
|
||||
|
||||
<<<<<<< HEAD
|
||||
|
||||
>>>>>>> 362401d662a29cb198c7c00b361d9d098c08fc9b
|
||||
=======
|
||||
|
||||
|
||||
|
||||
>>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0
|
||||
padding-top: 70px;
|
||||
min-height: 100vh;
|
||||
letter-spacing: 2px;
|
||||
font-family: "Montserrat", sans-serif; }
|
||||
.hero h2 {
|
||||
font-family: "Gotham-Bold", "Montserrat", sans-serif; }
|
||||
h2, .h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.hero #bottomRight {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
position: absolute; }
|
||||
|
||||
.scroll-text {
|
||||
height: 76.8px;
|
||||
overflow: hidden; }
|
||||
|
@ -1024,46 +281,6 @@ p {
|
|||
-ms-transform: translateY(20px);
|
||||
transform: translateY(20px); } }
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
|
||||
/* The side navigation menu */
|
||||
.sidenav {
|
||||
height: 100%; /* 100% Full-height */
|
||||
width: 0; /* 0 width - change this with JavaScript */
|
||||
position: fixed; /* Stay in place */
|
||||
z-index: 1; /* Stay on top */
|
||||
top: 0; /* Stay at the top */
|
||||
right: 0;
|
||||
background-color: #111; /* Black*/
|
||||
overflow-x: hidden; /* Disable horizontal scroll */
|
||||
padding-top: 60px; /* Place content 60px from the top */
|
||||
transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
|
||||
}
|
||||
|
||||
/* The navigation menu links */
|
||||
.sidenav a {
|
||||
padding: 8px 8px 8px 32px;
|
||||
text-decoration: none;
|
||||
font-size: 25px;
|
||||
color: #818181;
|
||||
display: block;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
/* When you mouse over the navigation links, change their color */
|
||||
.sidenav a:hover {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Position and style the close button (top right corner) */
|
||||
.sidenav .closebtn {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 25px;
|
||||
font-size: 36px;
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
|
||||
#main {
|
||||
transition: margin-left .5s;
|
||||
|
|
|
@ -36,11 +36,11 @@
|
|||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="company.html">Companies</a></li>
|
||||
<li><a href="influencer.html">Influencers</a></li>
|
||||
<li><a href="login.html">Login</a></li>
|
||||
<li><a href="{% url 'homepage-about' %}">About</a></li>
|
||||
<li><a href="{% url 'homepage-services' %}">Services</a></li>
|
||||
<li><a href="{% url 'homepage-companies' %}">Companies</a></li>
|
||||
<li><a href="{% url 'homepage-influencer' %}">Influencers</a></li>
|
||||
<li><a href="{% url 'login' %}">Login</a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
@ -102,10 +102,10 @@ content, with much convenience."</h1>
|
|||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="team-member">
|
||||
<img class="mx-auto rounded-circle" src="{% static 'homepage/css/res/adnan.png' %}" alt="" />
|
||||
<h4>Adnan Murtaza</h4>
|
||||
<p class="text-muted">Lead Designer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/adnanmurtaza1/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/adnan.murtaza.378"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:adnanamurtaza@gmail.com"><i class="fa fa-envelope"></i></a>
|
||||
<img class="mx-auto rounded-circle " src="{% static 'homepage/css/res/rushilu.png' %}" alt="" />
|
||||
<h4>Rushil Umaretiya</h4>
|
||||
<p class="text-muted">Lead Developer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushilwiz/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.umaretiya.12"><i class="fab fa-facebook"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:rushilwiz@gmail.com"><i class="fa fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
|
@ -136,10 +136,10 @@ content, with much convenience."</h1>
|
|||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="team-member">
|
||||
<img class="mx-auto rounded-circle" src="{% static 'homepage/css/res/rushilu.png' %}" alt="" />
|
||||
<h4>Rushil Umaretiya</h4>
|
||||
<p class="text-muted">Lead Developer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushilwiz/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.umaretiya.12"><i class="fab fa-facebook"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:rushilwiz@gmail.com"><i class="fab fa-envelope"></i></a>
|
||||
<img class="mx-auto rounded-circle" src="{% static 'homepage/css/res/adnan.png' %}" alt="" />
|
||||
<h4>Adnan Murtaza</h4>
|
||||
<p class="text-muted">Lead Designer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/adnanmurtaza1/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/adnan.murtaza.378"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:adnanamurtaza@gmail.com"><i class="fa fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -5,4 +5,7 @@ from . import views
|
|||
urlpatterns = [
|
||||
path('', views.index, name='homepage'),
|
||||
path('about/', views.about, name='homepage-about'),
|
||||
path('services/', views.services, name='homepage-services'),
|
||||
path('companies/', views.about, name='homepage-companies'),
|
||||
path('influencer/', views.about, name='homepage-influencer'),
|
||||
]
|
||||
|
|
|
@ -7,3 +7,12 @@ def index(request):
|
|||
|
||||
def about(request):
|
||||
return render(request, 'homepage/about.html')
|
||||
|
||||
def services(request):
|
||||
return render(request, 'homepage/services.html')
|
||||
|
||||
def companies(request):
|
||||
return render(request, 'homepage/companies.html')
|
||||
|
||||
def influencer(request):
|
||||
return render(request, 'homepage/influencerw.html')
|
||||
|
|
0
brancher/users/__init__.py
Normal file
3
brancher/users/admin.py
Normal file
|
@ -0,0 +1,3 @@
|
|||
from django.contrib import admin
|
||||
|
||||
# Register your models here.
|
5
brancher/users/apps.py
Normal file
|
@ -0,0 +1,5 @@
|
|||
from django.apps import AppConfig
|
||||
|
||||
|
||||
class UsersConfig(AppConfig):
|
||||
name = 'users'
|
0
brancher/users/migrations/__init__.py
Normal file
3
brancher/users/models.py
Normal file
|
@ -0,0 +1,3 @@
|
|||
from django.db import models
|
||||
|
||||
# Create your models here.
|
3
brancher/users/tests.py
Normal file
|
@ -0,0 +1,3 @@
|
|||
from django.test import TestCase
|
||||
|
||||
# Create your tests here.
|
9
brancher/users/views.py
Normal file
|
@ -0,0 +1,9 @@
|
|||
from django.shortcuts import render
|
||||
|
||||
# Create your views here.
|
||||
|
||||
def login (request):
|
||||
pass
|
||||
|
||||
def register (request):
|
||||
pass
|