update

about/views.py

@@ -6,8 +6,10 @@ def aboutPageFront(request):
     seo = aboutPageSEO.objects.first()
     aboutpage = aboutPage.objects.first()
     about = aboutSection.objects.first()
+    sliders = sliderSection.objects.all()
 
-    context = {
+    context ={
+        'sliders' : sliders,
         'seo' : seo,
         'aboutpage' : aboutpage,
         'about' : about,

assets/front/assets/css/magnific-popup.css

@@ -1,433 +1,417 @@
+/* Magnific Popup CSS */
 .mfp-bg {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1042;
-    overflow: hidden;
-    position: fixed;
-    background: #0b0b0b;
-    opacity: .8
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1042;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8;
 }
 
 .mfp-wrap {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1043;
-    position: fixed;
-    outline: none !important;
-    -webkit-backface-visibility: hidden
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1043;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden;
 }
 
 .mfp-container {
-    text-align: center;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    padding: 0 8px;
-    box-sizing: border-box
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  box-sizing: border-box;
 }
 
 .mfp-container:before {
-    content: '';
-    display: inline-block;
-    height: 100%;
-    vertical-align: middle
+  content: "";
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle;
 }
 
 .mfp-align-top .mfp-container:before {
-    display: none
+  display: none;
 }
 
 .mfp-content {
-    position: relative;
-    display: inline-block;
-    vertical-align: middle;
-    margin: 0 auto;
-    text-align: left;
-    z-index: 1045
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 1045;
 }
 
 .mfp-inline-holder .mfp-content,
 .mfp-ajax-holder .mfp-content {
-    width: 100%;
-    cursor: auto
+  width: 100%;
+  cursor: auto;
 }
 
 .mfp-ajax-cur {
-    cursor: progress
+  cursor: progress;
 }
 
-.mfp-zoom-out-cur,
-.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
-    cursor: -moz-zoom-out;
-    cursor: -webkit-zoom-out;
-    cursor: zoom-out
+.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out;
 }
 
 .mfp-zoom {
-    cursor: pointer;
-    cursor: -webkit-zoom-in;
-    cursor: -moz-zoom-in;
-    cursor: zoom-in
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in;
 }
 
 .mfp-auto-cursor .mfp-content {
-    cursor: auto
+  cursor: auto;
 }
 
 .mfp-close,
 .mfp-arrow,
 .mfp-preloader,
 .mfp-counter {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 
 .mfp-loading.mfp-figure {
-    display: none
+  display: none;
 }
 
 .mfp-hide {
-    display: none !important
+  display: none !important;
 }
 
 .mfp-preloader {
-    color: #ccc;
-    position: absolute;
-    top: 50%;
-    width: auto;
-    text-align: center;
-    margin-top: -.8em;
-    left: 8px;
-    right: 8px;
-    z-index: 1044
+  color: #CCC;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 1044;
 }
-
 .mfp-preloader a {
-    color: #ccc
+  color: #CCC;
 }
-
 .mfp-preloader a:hover {
-    color: #fff
+  color: #FFF;
 }
 
 .mfp-s-ready .mfp-preloader {
-    display: none
+  display: none;
 }
 
 .mfp-s-error .mfp-content {
-    display: none
+  display: none;
 }
 
-button.mfp-close,
-button.mfp-arrow {
-    overflow: visible;
-    cursor: pointer;
-    background: 0 0;
-    border: 0;
-    -webkit-appearance: none;
-    display: block;
-    outline: none;
-    padding: 0;
-    z-index: 1046;
-    box-shadow: none;
-    touch-action: manipulation
+button.mfp-close, button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  outline: none;
+  padding: 0;
+  z-index: 1046;
+  box-shadow: none;
+  touch-action: manipulation;
 }
-
 button::-moz-focus-inner {
-    padding: 0;
-    border: 0
+  padding: 0;
+  border: 0;
 }
 
 .mfp-close {
-    width: 44px;
-    height: 44px;
-    line-height: 44px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    text-decoration: none;
-    text-align: center;
-    opacity: .65;
-    padding: 0 0 18px 10px;
-    color: #fff;
-    font-style: normal;
-    font-size: 28px;
-    font-family: Arial, Baskerville, monospace
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: #FFF;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace;
 }
-
-.mfp-close:hover,
-.mfp-close:focus {
-    opacity: 1
+.mfp-close:hover, .mfp-close:focus {
+  opacity: 1;
 }
-
 .mfp-close:active {
-    top: 1px
+  top: 1px;
 }
 
 .mfp-close-btn-in .mfp-close {
-    color: #333
+  color: #333;
 }
 
 .mfp-image-holder .mfp-close,
 .mfp-iframe-holder .mfp-close {
-    color: #fff;
-    right: -6px;
-    text-align: right;
-    padding-right: 6px;
-    width: 100%
+  color: #FFF;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%;
 }
 
 .mfp-counter {
-    position: absolute;
-    top: 0;
-    right: 0;
-    color: #ccc;
-    font-size: 12px;
-    line-height: 18px;
-    white-space: nowrap
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #CCC;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap;
 }
 
 .mfp-arrow {
-    position: absolute;
-    opacity: .65;
-    margin: 0;
-    top: 50%;
-    margin-top: -55px;
-    padding: 0;
-    width: 90px;
-    height: 110px;
-    -webkit-tap-highlight-color: transparent
+  position: absolute;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-
 .mfp-arrow:active {
-    margin-top: -54px
+  margin-top: -54px;
 }
-
-.mfp-arrow:hover,
-.mfp-arrow:focus {
-    opacity: 1
+.mfp-arrow:hover, .mfp-arrow:focus {
+  opacity: 1;
+}
+.mfp-arrow:before, .mfp-arrow:after {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: 0;
+  top: 0;
+  margin-top: 35px;
+  margin-left: 35px;
+  border: medium inset transparent;
 }
-
-.mfp-arrow:before,
 .mfp-arrow:after {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    position: absolute;
-    left: 0;
-    top: 0;
-    margin-top: 35px;
-    margin-left: 35px;
-    border: medium inset transparent
+  border-top-width: 13px;
+  border-bottom-width: 13px;
+  top: 8px;
 }
-
-.mfp-arrow:after {
-    border-top-width: 13px;
-    border-bottom-width: 13px;
-    top: 8px
-}
-
 .mfp-arrow:before {
-    border-top-width: 21px;
-    border-bottom-width: 21px;
-    opacity: .7
+  border-top-width: 21px;
+  border-bottom-width: 21px;
+  opacity: 0.7;
 }
 
 .mfp-arrow-left {
-    left: 0
+  left: 0;
 }
-
 .mfp-arrow-left:after {
-    border-right: 17px solid #fff;
-    margin-left: 31px
+  border-right: 17px solid #FFF;
+  margin-left: 31px;
 }
-
 .mfp-arrow-left:before {
-    margin-left: 25px;
-    border-right: 27px solid #3f3f3f
+  margin-left: 25px;
+  border-right: 27px solid #3F3F3F;
 }
 
 .mfp-arrow-right {
-    right: 0
+  right: 0;
 }
-
 .mfp-arrow-right:after {
-    border-left: 17px solid #fff;
-    margin-left: 39px
+  border-left: 17px solid #FFF;
+  margin-left: 39px;
 }
-
 .mfp-arrow-right:before {
-    border-left: 27px solid #3f3f3f
+  border-left: 27px solid #3F3F3F;
 }
 
 .mfp-iframe-holder {
-    padding-top: 40px;
-    padding-bottom: 40px
+  padding-top: 40px;
+  padding-bottom: 40px;
 }
-
 .mfp-iframe-holder .mfp-content {
-    line-height: 0;
-    width: 100%;
-    max-width: 900px
+  line-height: 0;
+  width: 100%;
+  max-width: 900px;
 }
-
 .mfp-iframe-holder .mfp-close {
-    top: -40px
+  top: -40px;
 }
 
 .mfp-iframe-scaler {
-    width: 100%;
-    height: 0;
-    overflow: hidden;
-    padding-top: 56.25%
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%;
 }
-
 .mfp-iframe-scaler iframe {
-    position: absolute;
-    display: block;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
-    background: #000
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+  background: #000;
 }
 
+/* Main image in popup */
 img.mfp-img {
-    width: auto;
-    max-width: 100%;
-    height: auto;
-    display: block;
-    line-height: 0;
-    box-sizing: border-box;
-    padding: 40px 0;
-    margin: 0 auto
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto;
 }
 
+/* The shadow behind the image */
 .mfp-figure {
-    line-height: 0
+  line-height: 0;
 }
-
 .mfp-figure:after {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 40px;
-    bottom: 40px;
-    display: block;
-    right: 0;
-    width: auto;
-    height: auto;
-    z-index: -1;
-    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
-    background: #444
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 40px;
+  bottom: 40px;
+  display: block;
+  right: 0;
+  width: auto;
+  height: auto;
+  z-index: -1;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+  background: #444;
 }
-
 .mfp-figure small {
-    color: #bdbdbd;
-    display: block;
-    font-size: 12px;
-    line-height: 14px
+  color: #BDBDBD;
+  display: block;
+  font-size: 12px;
+  line-height: 14px;
 }
-
 .mfp-figure figure {
-    margin: 0
+  margin: 0;
 }
 
 .mfp-bottom-bar {
-    margin-top: -36px;
-    position: absolute;
-    top: 100%;
-    left: 0;
-    width: 100%;
-    cursor: auto
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto;
 }
 
 .mfp-title {
-    text-align: left;
-    line-height: 18px;
-    color: #f3f3f3;
-    word-wrap: break-word;
-    padding-right: 36px
+  text-align: left;
+  line-height: 18px;
+  color: #F3F3F3;
+  word-wrap: break-word;
+  padding-right: 36px;
 }
 
 .mfp-image-holder .mfp-content {
-    max-width: 100%
+  max-width: 100%;
 }
 
 .mfp-gallery .mfp-image-holder .mfp-figure {
-    cursor: pointer
+  cursor: pointer;
 }
 
-@media screen and (max-width:800px) and (orientation:landscape),
-screen and (max-height:300px) {
-    .mfp-img-mobile .mfp-image-holder {
-        padding-left: 0;
-        padding-right: 0
-    }
-    .mfp-img-mobile img.mfp-img {
-        padding: 0
-    }
-    .mfp-img-mobile .mfp-figure:after {
-        top: 0;
-        bottom: 0
-    }
-    .mfp-img-mobile .mfp-figure small {
-        display: inline;
-        margin-left: 5px
-    }
-    .mfp-img-mobile .mfp-bottom-bar {
-        background: rgba(0, 0, 0, .6);
-        bottom: 0;
-        margin: 0;
-        top: auto;
-        padding: 3px 5px;
-        position: fixed;
-        box-sizing: border-box
-    }
-    .mfp-img-mobile .mfp-bottom-bar:empty {
-        padding: 0
-    }
-    .mfp-img-mobile .mfp-counter {
-        right: 5px;
-        top: 3px
-    }
-    .mfp-img-mobile .mfp-close {
-        top: 0;
-        right: 0;
-        width: 35px;
-        height: 35px;
-        line-height: 35px;
-        background: rgba(0, 0, 0, .6);
-        position: fixed;
-        text-align: center;
-        padding: 0
-    }
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+   * Remove all paddings around the image on small screen
+   */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .mfp-img-mobile img.mfp-img {
+    padding: 0;
+  }
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0;
+  }
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px;
+  }
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    box-sizing: border-box;
+  }
+  .mfp-img-mobile .mfp-bottom-bar:empty {
+    padding: 0;
+  }
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px;
+  }
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0;
+  }
+}
+@media all and (max-width: 900px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75);
+  }
+
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0;
+  }
+
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%;
+  }
+
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px;
+  }
 }
 
-@media all and (max-width:900px) {
-    .mfp-arrow {
-        -webkit-transform: scale(.75);
-        transform: scale(.75)
-    }
-    .mfp-arrow-left {
-        -webkit-transform-origin: 0;
-        transform-origin: 0
-    }
-    .mfp-arrow-right {
-        -webkit-transform-origin: 100%;
-        transform-origin: 100%
-    }
-    .mfp-container {
-        padding-left: 6px;
-        padding-right: 6px
-    }
-}
+/*# sourceMappingURL=magnific-popup.css.map */

assets/front/assets/css/style.css

@@ -113,7 +113,7 @@ video {
     width: 100%;
     height: 100%;
     z-index: 99999;
-    background: #000;
+    background: #39A5C8;
     top: 0;
     left: 0;
     display: -webkit-box;
@@ -316,7 +316,7 @@ video {
     -webkit-animation: scroll1 15s ease-out infinite;
     animation: scroll1 15s ease-out infinite;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
-    background-image: linear-gradient(0deg, #000000, transparent)
+    background-image: linear-gradient(0deg, #39A5C8, transparent)
 }
 
 .line_item {
@@ -346,14 +346,14 @@ video {
     -webkit-animation: scroll2 15s ease-out infinite;
     animation: scroll2 15s ease-out infinite;
     background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000000));
-    background-image: linear-gradient(0deg, transparent, #000000)
+    background-image: linear-gradient(0deg, transparent, #39A5C8)
 }
 
 .line_item:nth-child(even):before {
     -webkit-animation: scroll1 15s ease-out infinite;
     animation: scroll1 15s ease-out infinite;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
-    background-image: linear-gradient(0deg, #000000, transparent)
+    background-image: linear-gradient(0deg, #39A5C8, transparent)
 }
 
 @-webkit-keyframes scroll1 {
@@ -415,7 +415,6 @@ video {
 .breadcrumbs {
     position: relative;
     height: 480px;
-    background-image: url(../img/breadcrumb-bg.jpg);
     background-size: cover;
     background-position: center center;
     z-index: 1
@@ -2350,123 +2349,6 @@ only screen and (min-width:768px) and (max-width:991px) {
     color: #191a1c
 }
 
-.price-box {
-    background-color: #fff;
-    -webkit-box-shadow: 0 0 40px rgba(33, 33, 33, .1);
-    box-shadow: 0 0 40px rgba(33, 33, 33, .1);
-    border-radius: 10px;
-    padding: 40px;
-    text-align: center;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-@media only screen and (min-width:992px) and (max-width:1199px) {
-    .price-box {
-        padding: 40px 20px
-    }
-}
-
-.price-box.layout2 h3:before {
-    position: absolute;
-    content: "";
-    left: 50%;
-    bottom: -10px;
-    width: 150px;
-    height: 2px;
-    -webkit-transform: translateX(-50%);
-    transform: translateX(-50%);
-    background: -webkit-gradient(linear, left top, right top, from(#181818), color-stop(#75DAB4), to(#181818));
-    background: linear-gradient(90deg, #181818, #75DAB4, #181818)
-}
-
-.price-box h3 {
-    position: relative;
-    font-weight: 700;
-    font-size: 32px;
-    color: #17161a;
-    margin-bottom: 30px;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.price-box h3:before {
-    position: absolute;
-    content: "";
-    left: 50%;
-    bottom: -10px;
-    width: 150px;
-    height: 2px;
-    -webkit-transform: translateX(-50%);
-    transform: translateX(-50%);
-    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#75DAB4), to(#fff));
-    background: linear-gradient(90deg, #fff, #75DAB4, #fff)
-}
-
-.price-box span {
-    font-weight: 400;
-    font-size: 18px;
-    color: #17161a;
-    display: block;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.price-box strong {
-    font-weight: 700;
-    font-size: 38px;
-    color: #17161a;
-    display: block;
-    margin: 20px 0;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.price-box strong sub {
-    color: #75dab4;
-    font-size: 16px;
-    font-weight: 400
-}
-
-.price-box:hover {
-    background-color: #191a1c;
-    border-radius: 10px
-}
-
-.price-box:hover h3 {
-    color: #e4e4e4
-}
-
-.price-box:hover h3:before {
-    position: absolute;
-    content: "";
-    left: 50%;
-    bottom: -10px;
-    width: 150px;
-    height: 2px;
-    -webkit-transform: translateX(-50%);
-    transform: translateX(-50%);
-    background: -webkit-gradient(linear, left top, right top, from(#181818), color-stop(#75DAB4), to(#181818));
-    background: linear-gradient(90deg, #181818, #75DAB4, #181818)
-}
-
-.price-box:hover h3,
-.price-box:hover span,
-.price-box:hover strong {
-    color: #e4e4e4
-}
-
-.price-box:hover .item-list li {
-    color: #e4e4e4;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.price-box:hover .price-btn a {
-    color: #000;
-    background-color: #75dab4
-}
-
 .item-list li {
     font-size: 16px;
     color: #17161a;
@@ -2482,168 +2364,6 @@ only screen and (min-width:768px) and (max-width:991px) {
     font-size: 18px
 }
 
-.price-btn {
-    position: relative;
-    display: inline-block;
-    margin-top: 40px
-}
-
-.price-btn a {
-    background-color: #17161a;
-    border-radius: 5px;
-    font-weight: 700;
-    font-size: 17px;
-    display: inline-block;
-    text-align: center;
-    color: #fff;
-    min-width: 200px;
-    padding: 10px 30px;
-    -webkit-transition: transition(0.5s), transition(0.5s);
-    transition: transition(0.5s), transition(0.5s);
-    transition: transition(0.5s)
-}
-
-.price-btn .line-1 {
-    position: absolute;
-    right: 8px;
-    top: 8px;
-    z-index: 2
-}
-
-.price-btn .line-1:before {
-    position: absolute;
-    content: "";
-    border: 1px solid #fff;
-    width: 25px;
-    opacity: .1;
-    right: 0
-}
-
-.price-btn .line-1:after {
-    position: absolute;
-    content: "";
-    border: 1px solid #fff;
-    height: 25px;
-    opacity: .1
-}
-
-.price-btn .line-2 {
-    position: absolute;
-    left: 8px;
-    bottom: 10px;
-    z-index: 2
-}
-
-.price-btn .line-2:before {
-    position: absolute;
-    content: "";
-    border: 1px solid #fff;
-    height: 25px;
-    opacity: .1;
-    right: 0;
-    bottom: -2px
-}
-
-.price-btn .line-2:after {
-    position: absolute;
-    content: "";
-    border: 1px solid #fff;
-    width: 25px;
-    opacity: .1;
-    left: 0
-}
-
-.testimonial-area {
-    background-color: #191a1c;
-    padding: 100px 0;
-    position: relative
-}
-
-@media(max-width:767px) {
-    .testimonial-area {
-        padding: 80px 0
-    }
-}
-
-.testimonial-area .swiper-button-next,
-.testimonial-area .swiper-button-prev {
-    top: 62%
-}
-
-@media(max-width:576px) {
-    .testimonial-area .swiper-button-next,
-    .testimonial-area .swiper-button-prev {
-        display: none;
-        visibility: hidden
-    }
-}
-
-.testimonial-area .swiper-button-next:after,
-.testimonial-area .swiper-button-prev:after {
-    font-size: 20px;
-    height: 40px;
-    min-width: 40px;
-    color: #e4e4e4;
-    background-color: #2a2a2a;
-    border: 1px solid #2a2a2a;
-    text-align: center;
-    line-height: 40px;
-    border-radius: 50%;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.testimonial-area .swiper-button-next:hover:after,
-.testimonial-area .swiper-button-prev:hover:after {
-    color: #000;
-    border: none;
-    background-color: #75dab4
-}
-
-.testimonial-area .swiper-button-next {
-    right: 7%
-}
-
-.testimonial-area .swiper-button-prev {
-    left: 7%
-}
-
-.swiper.testimonial-slider .swiper-slide {
-    opacity: .4
-}
-
-.swiper.testimonial-slider .swiper-slide.swiper-slide-active {
-    opacity: 1
-}
-
-.single-testimonial {
-    position: relative;
-    background-color: #0d0d0f;
-    -webkit-box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
-    box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
-    border-radius: 10px;
-    padding: 45px 20px
-}
-
-.single-testimonial h5 {
-    font-weight: 600;
-    font-size: 25px;
-    color: #e4e4e4;
-    margin-bottom: 5px
-}
-
-.single-testimonial span {
-    font-weight: 400;
-    font-size: 17px;
-    color: #5f6062
-}
-
-.single-testimonial p {
-    color: #e4e4e4;
-    font-size: 15px;
-    margin: 30px 0
-}
-
 .stars {
     position: absolute;
     top: 45px;
@@ -2680,12 +2400,6 @@ only screen and (min-width:768px) and (max-width:991px) {
     border-radius: 50%
 }
 
-@media(max-width:767px) {
-    .our-team {
-        margin: 80px 0
-    }
-}
-
 .swiper.services-slider {
     padding: 5px 5px 50px
 }
@@ -2726,128 +2440,6 @@ only screen and (min-width:768px) and (max-width:991px) {
     }
 }
 
-.swiper.testimonial-slider {
-    padding: 5px 5px 50px
-}
-
-.swiper.testimonial-slider .swiper-pagination {
-    bottom: -5px !important
-}
-
-.swiper.testimonial-slider .swiper-pagination .swiper-pagination-bullet {
-    background-color: transparent;
-    height: 15px;
-    width: 15px;
-    border: .8px solid #75dab4;
-    opacity: 1
-}
-
-.swiper.testimonial-slider .swiper-pagination .swiper-pagination-bullet-active {
-    position: relative
-}
-
-.swiper.testimonial-slider .swiper-pagination .swiper-pagination-bullet-active:before {
-    position: absolute;
-    content: "";
-    left: 50%;
-    top: 50%;
-    height: 5px;
-    width: 5px;
-    background-color: #75dab4;
-    border-radius: 50%;
-    -webkit-transform: translate(-62%, -62%);
-    transform: translate(-62%, -62%)
-}
-
-@media(max-width:991px) {
-    .swiper.testimonial-slider .swiper-pagination .swiper-pagination-bullet-active:before {
-        -webkit-transform: translate(-62%, -42%);
-        transform: translate(-62%, -42%)
-    }
-}
-
-.swiper.team-slider {
-    padding: 5px 5px 50px
-}
-
-.swiper.team-slider .swiper-pagination {
-    bottom: -5px !important
-}
-
-.swiper.team-slider .swiper-pagination .swiper-pagination-bullet {
-    background-color: transparent;
-    height: 15px;
-    width: 15px;
-    border: .8px solid #75dab4;
-    opacity: 1
-}
-
-.swiper.team-slider .swiper-pagination .swiper-pagination-bullet-active {
-    position: relative
-}
-
-.swiper.team-slider .swiper-pagination .swiper-pagination-bullet-active:before {
-    position: absolute;
-    content: "";
-    left: 50%;
-    top: 50%;
-    height: 5px;
-    width: 5px;
-    background-color: #75dab4;
-    border-radius: 50%;
-    -webkit-transform: translate(-62%, -62%);
-    transform: translate(-62%, -62%)
-}
-
-@media(max-width:991px) {
-    .swiper.team-slider .swiper-pagination .swiper-pagination-bullet-active:before {
-        -webkit-transform: translate(-62%, -42%);
-        transform: translate(-62%, -42%)
-    }
-}
-
-.single-team {
-    position: relative
-}
-
-.single-team:hover .member-img:before {
-    visibility: visible;
-    opacity: .8;
-    -webkit-transform: translateY(0);
-    transform: translateY(0)
-}
-
-.single-team:hover .member-img img {
-    -webkit-transform: scale(1.1);
-    transform: scale(1.1)
-}
-
-.single-team:hover .member-img svg {
-    visibility: visible;
-    opacity: 1;
-    -webkit-transform: translateX(0);
-    transform: translateX(0)
-}
-
-.single-team:hover .member-img .team-social {
-    visibility: visible;
-    opacity: 1;
-    -webkit-transform: translateY(-50%);
-    transform: translateY(-50%)
-}
-
-.single-team:hover .team-inner {
-    background-color: #191a1c
-}
-
-.single-team:hover .team-inner h4 {
-    color: #e4e4e4
-}
-
-.single-team:hover .team-inner span {
-    color: #75dab4
-}
-
 .member-img {
     position: relative;
     border-radius: 10px 10px 0 0;
@@ -2931,253 +2523,6 @@ only screen and (min-width:768px) and (max-width:991px) {
     color: #0f1012
 }
 
-.team-inner {
-    background-color: #fff;
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
-    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
-    border-radius: 0 0 10px 10px;
-    padding: 20px;
-    text-align: center;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.team-inner h4 {
-    font-weight: 600;
-    font-size: 25px;
-    color: #17161a;
-    margin-bottom: 5px;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-@media(max-width:767px) {
-    .team-inner h4 {
-        font-size: 24px
-    }
-}
-
-.team-inner span {
-    font-size: 17px;
-    color: #5f6062;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.single-blog .blog-thumb {
-    position: relative;
-    overflow: hidden;
-    border-radius: 10px 10px 0 0
-}
-
-.single-blog .blog-thumb a img {
-    border-radius: 10px 10px 0 0;
-    width: 100%;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.single-blog .blog-thumb .tag {
-    position: absolute;
-    top: 20px;
-    left: 20px
-}
-
-.single-blog .blog-thumb .tag a {
-    font-weight: 600;
-    font-size: 15px;
-    display: inline-block;
-    text-align: center;
-    color: #0f1012;
-    background-color: #75dab4;
-    padding: 5px 15px;
-    border-radius: 30px;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.single-blog .blog-thumb .tag a:hover {
-    background-color: #fff;
-    color: #75dab4
-}
-
-.single-blog .blog-inner {
-    padding: 20px;
-    background: #fff;
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
-    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
-    border-radius: 0 0 10px 10px
-}
-
-.single-blog .blog-inner h4 {
-    margin-top: 15px;
-    margin-bottom: 5px
-}
-
-.single-blog .blog-inner h4 a {
-    font-weight: 600;
-    font-size: 22px;
-    display: inline-block;
-    text-transform: capitalize;
-    color: #17161a;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.single-blog .blog-inner h4 a:hover {
-    color: #75dab4
-}
-
-.single-blog .blog-inner .author-date {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between
-}
-
-.single-blog .blog-inner .author-date a {
-    font-weight: 500;
-    font-size: 17px;
-    text-transform: capitalize;
-    color: #5f6062;
-    display: inline-block
-}
-
-@media(max-width:767px) {
-    .single-blog .blog-inner .author-date a.cmnt {
-        display: none
-    }
-}
-
-.single-blog:hover .blog-thumb a img {
-    -webkit-transform: scale(1.1) skewY(5deg);
-    transform: scale(1.1) skewY(5deg)
-}
-
-.subscribe-newsletter {
-    position: relative;
-    z-index: 1
-}
-
-@media(max-width:767px) {
-    .subscribe-newsletter {
-        margin-top: 80px
-    }
-}
-
-.news-letter-content {
-    position: relative;
-    padding: 60px 80px;
-    border-radius: 10px;
-    background-color: #1a191d;
-    background-image: url(../img/subscribe-bg.png);
-    background-size: cover;
-    background-position: center center
-}
-
-@media(max-width:767px) {
-    .news-letter-content {
-        padding: 30px 20px
-    }
-}
-
-.subscribe-cnt span {
-    font-weight: 600;
-    font-size: 20px;
-    display: block;
-    text-transform: capitalize;
-    color: #75dab4
-}
-
-.subscribe-cnt h3 {
-    font-weight: 700;
-    font-size: 45px;
-    text-transform: uppercase;
-    color: #e4e4e4;
-    margin-bottom: 5px
-}
-
-@media(max-width:767px) {
-    .subscribe-cnt h3 {
-        font-size: 30px
-    }
-}
-
-.subscribe-cnt strong {
-    -webkit-text-stroke: 1px #5f5f5f;
-    -webkit-text-fill-color: transparent;
-    font-size: 45px;
-    text-transform: uppercase;
-    font-weight: 700
-}
-
-@media(max-width:767px) {
-    .subscribe-cnt strong {
-        font-size: 30px
-    }
-}
-
-@media only screen and (min-width:768px) and (max-width:991px),
-(max-width:767px) {
-    .subscribe-form {
-        margin-top: 15px
-    }
-}
-
-.subscribe-form form {
-    position: relative
-}
-
-.subscribe-form form input {
-    height: 60px;
-    width: 100%;
-    background-color: #0f0f11;
-    border-radius: 10px;
-    border: none;
-    padding: 0 20px;
-    color: #e4e4e4
-}
-
-.subscribe-form form input[type=email] {
-    padding-right: 160px
-}
-
-@media(max-width:767px) {
-    .subscribe-form form input[type=email] {
-        padding: 0 10px
-    }
-}
-
-.subscribe-form form input[type=submit] {
-    max-width: 140px;
-    background-color: #75dab4;
-    border-radius: 10px;
-    position: absolute;
-    right: 5px;
-    height: 50px;
-    top: 5px;
-    color: #000;
-    font-size: 16px;
-    font-weight: 600;
-    text-transform: uppercase;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-@media(max-width:767px) {
-    .subscribe-form form input[type=submit] {
-        position: static;
-        margin-top: 15px
-    }
-}
-
-.subscribe-form form input[type=submit]:hover {
-    color: #75dab4;
-    background-color: #fff
-}
-
 footer {
     position: relative;
     padding-top: 100px;
@@ -3560,20 +2905,20 @@ footer.error {
 }
 
 .creasoft-wrap.layout2 {
-    background-image: url(../img/black-concrete-textured.png);
+    background-image: url(../img/bg-network-particle.jpg);
     background-repeat: repeat;
-    background-color: #000
+    background-color: #39A5C8
 }
 
 .services-area.layout2 .swiper-button-next::after,
 .services-area.layout2 .swiper-button-prev::after {
-    background-color: #2a2a2a;
+    background-color: #39A5C8;
     color: #e4e4e4
 }
 
 .single-service.layout2 {
     position: relative;
-    background-color: #0d0d0e;
+    background-color: #39A5C8;
     -webkit-box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
     box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
     border-radius: 10px
@@ -3612,7 +2957,7 @@ footer.error {
 }
 
 .company-since.layout2 {
-    background: #0d0d0f;
+    background: #39A5C8;
     -webkit-box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
     box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
     border-radius: 20px
@@ -3627,8 +2972,8 @@ footer.error {
 }
 
 .about-right.layout2 .banner-2 {
-    border-left: 10px solid #000;
-    border-top: 10px solid #000
+    border-left: 10px solid #39A5C8;
+    border-top: 10px solid #39A5C8
 }
 
 @media(max-width:767px) {
@@ -3640,7 +2985,7 @@ footer.error {
 .isotope-menu.layout2 li.active {
     position: relative;
     color: #fff;
-    background-color: #0d0d0f
+    background-color: #39A5C8
 }
 
 .isotope-menu.layout2 li.active:before {
@@ -3657,84 +3002,12 @@ footer.error {
     border-radius: 12px
 }
 
-.price-table-tab.layout2 .nav.nav-pills .nav-item .nav-link.active {
-    position: relative;
-    background-color: #191a1c;
-    color: #fff
-}
-
-.price-table-tab.layout2 .nav.nav-pills .nav-item .nav-link.active:before {
-    position: absolute;
-    content: "";
-    left: -1px;
-    top: -.5px;
-    right: -1px;
-    bottom: -.5px;
-    background-color: #75dab4;
-    z-index: -1;
-    -webkit-transform: skew(1deg, 1deg);
-    transform: skew(1deg, 1deg);
-    border-radius: 12px
-}
-
 .nav.nav-pills .nav-item .nav-link.active {
     position: relative;
     background-color: #75dab4;
     color: #fff
 }
 
-.price-box.layout2 {
-    background-color: #0d0d0f;
-    -webkit-box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
-    box-shadow: inset 0 0 10px rgba(6, 6, 6, .15);
-    border-radius: 10px
-}
-
-.price-box.layout2 h3,
-.price-box.layout2 span,
-.price-box.layout2 strong {
-    color: #fff
-}
-
-.price-box.layout2 .item-list li {
-    color: #fff
-}
-
-.price-box.layout2:hover {
-    background-color: #191a1c
-}
-
-.single-team.layout2 .team-inner {
-    background-color: #191a1c
-}
-
-.single-team.layout2 .team-inner h4 {
-    color: #e4e4e4
-}
-
-.single-team.layout2 .team-inner span {
-    color: #5f6062
-}
-
-.single-blog.layout2 .blog-inner {
-    background: 0 0;
-    -webkit-transition: all .5s ease-out 0s;
-    transition: all .5s ease-out 0s
-}
-
-.single-blog.layout2 .blog-inner .author-date a {
-    color: #5f6062
-}
-
-.single-blog.layout2 .blog-inner h4 a {
-    color: #e4e4e4
-}
-
-.single-blog.layout2:hover .blog-inner {
-    background: linear-gradient(357.81deg, rgba(39, 39, 46, 0.6445) 1.75%, rgba(74, 75, 86, 0.0072) 98.16%);
-    border-radius: 0 0 10px 10px
-}
-
 @media(max-width:767px) {
     .contact-area {
         margin: 80px 0

contact/views.py

@@ -4,14 +4,17 @@ from contact.forms import *
 from django.utils import timezone
 from datetime import datetime
 from django.http import JsonResponse
+from home.models import *
 
 # # # # # # # # # # # # # # # # # #
     # Contact Page Front #
 # # # # # # # # # # # # # # # # # #
 def contactPageFront(request):
     seo = contactPageSEO.objects.first()
+    sliders = sliderSection.objects.all()
 
-    context = {
+    context ={
+        'sliders' : sliders,
         'seo' : seo,
     }
     return render(request, 'front/main/contact.html', context)

core/settings.py

@@ -18,9 +18,7 @@ load_env()
 # SECURITY WARNING: keep the secret key used in production secret!
 SECRET_KEY = 'django-insecure-x=qe5@^3%@t1fk)pk@uyv&r!z^#9==^*-&aiqfau3@9x@+j%nm'
 
-# SECURITY WARNING: don't run with debug turned on in production!
-DEBUG = False
-#True if os.getenv('DEBUG') == 'True' else False
+DEBUG = True
 
 ALLOWED_HOSTS = os.getenv('ALLOWED_HOSTS').split(',')