Browse Source

Do a lot of work shrinking this theme

master
Gavin Howard 11 months ago
parent
commit
2b141f76c9
Signed by: gavin GPG Key ID: C08038BDF280D33E
  1. 3
      README.md
  2. 84
      assets/js/script.js
  3. 820
      assets/scss/_common.scss
  4. 146
      assets/scss/_typography.scss
  5. 4
      assets/scss/style.scss
  6. 429
      assets/scss/templates/_homepage.scss
  7. 64
      assets/scss/templates/_slider.scss
  8. 35
      exampleSite/config.toml
  9. 68
      exampleSite/data/en/homepage.yml
  10. 68
      exampleSite/data/fr/homepage.yml
  11. 808
      exampleSite/resources/_gen/assets/scss/educenter-hugo/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
  12. 1
      exampleSite/resources/_gen/assets/scss/educenter-hugo/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
  13. 64
      exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
  14. BIN
      exampleSite/static/images/about/red_header_icon_small.jpg
  15. BIN
      exampleSite/static/images/banner/red_header_white.jpg
  16. BIN
      exampleSite/static/images/favicon.png
  17. 3
      layouts/_default/baseof.html
  18. 3
      layouts/_default/course.html
  19. 3
      layouts/_default/event.html
  20. 3
      layouts/_default/list.html
  21. 3
      layouts/_default/post.html
  22. 6
      layouts/about/list.html
  23. 8
      layouts/course/single.html
  24. 7
      layouts/event/single.html
  25. 403
      layouts/index.html
  26. 238
      layouts/partials/footer.html
  27. 9
      layouts/partials/preloader.html
  28. 21
      layouts/partials/success-story.html
  29. 3623
      static/plugins/animate/animate.css
  30. 1
      static/plugins/filterizr/jquery.filterizr.min.js
  31. 140
      static/plugins/google-map/gmap.js
  32. BIN
      static/plugins/slick/ajax-loader.gif
  33. BIN
      static/plugins/slick/fonts/slick.eot
  34. 14
      static/plugins/slick/fonts/slick.svg
  35. BIN
      static/plugins/slick/fonts/slick.ttf
  36. BIN
      static/plugins/slick/fonts/slick.woff
  37. 1
      static/plugins/slick/slick.css
  38. 1
      static/plugins/slick/slick.min.js
  39. 1
      static/plugins/venobox/venobox.css
  40. 1
      static/plugins/venobox/venobox.min.js
  41. 2
      theme.toml

3
README.md

@ -65,7 +65,6 @@ $ hugo server --themesDir ../..
* **SEO Friendly** All codes are seo friendly. There is fields to put meta data and other seo parameters in every pages.
* **Multi Language** We have multi language support in premium version . Right now there is two language include in the theme , those are French and English. If you need more we can help you out.
* **Google Analytics** You can add you google analytics code in theme config file to connect with your google anlytics account .
## Reporting Issues
@ -91,4 +90,4 @@ We are available for Hiring of your next HUGO project. Drop Us a mail [themefish
| [![Airspace](https://gethugothemes.com/wp-content/uploads/2019/06/hugo-theme-Airspace.jpg)](https://gethugothemes.com/products/airspace-hugo-theme/) | [![Biztrox](https://gethugothemes.com/wp-content/uploads/2019/12/Biztrox.png)](https://gethugothemes.com/products/hugo-business-theme/) | [![Bexer](https://gethugothemes.com/wp-content/uploads/2019/06/hugo-theme-bexer.jpg)](https://gethugothemes.com/products/bexer-hugo-theme/) |
| **Airspace** | **Biztrox** | **Bexer** |
| [![Timer](https://gethugothemes.com/wp-content/uploads/edd/2019/07/Timer.jpg)](https://gethugothemes.com/products/timer-hugo-theme/) | [![Enov](https://gethugothemes.com/wp-content/uploads/2019/09/enov-business-template.jpg)](https://gethugothemes.com/products/enov-hugo/) | [![all](https://gethugothemes.com/wp-content/uploads/2019/12/get-more-hugo-themes.png)](https://gethugothemes.com/shop/) |
| **Timer** | **Enov** | **More Hugo Themes** |
| **Timer** | **Enov** | **More Hugo Themes** |

84
assets/js/script.js

@ -1,11 +1,6 @@
(function ($) {
'use strict';
// Preloader js
$(window).on('load', function () {
$('.preloader').fadeOut(100);
});
// Sticky Menu
$(window).scroll(function () {
var height = $('.top-header').innerHeight();
@ -20,8 +15,6 @@
}
});
// Background-images
$('[data-background]').each(function () {
$(this).css({
@ -29,79 +22,4 @@
});
});
//Hero Slider
$('.hero-slider').slick({
autoplay: true,
autoplaySpeed: 7500,
pauseOnFocus: false,
pauseOnHover: false,
infinite: true,
arrows: true,
fade: true,
prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'ti-angle-left\'></i></button>',
nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'ti-angle-right\'></i></button>',
dots: true
});
$('.hero-slider').slickAnimation();
// venobox popup
$(document).ready(function () {
$('.venobox').venobox();
});
// filter
$(document).ready(function () {
var containerEl = document.querySelector('.filtr-container');
var filterizd;
if (containerEl) {
filterizd = $('.filtr-container').filterizr({});
}
//Active changer
$('.filter-controls li').on('click', function () {
$('.filter-controls li').removeClass('active');
$(this).addClass('active');
});
});
// Count Up
function counter() {
var oTop;
if ($('.count').length !== 0) {
oTop = $('.count').offset().top - window.innerHeight;
}
if ($(window).scrollTop() > oTop) {
$('.count').each(function () {
var $this = $(this),
countTo = $this.attr('data-count');
$({
countNum: $this.text()
}).animate({
countNum: countTo
}, {
duration: 1000,
easing: 'swing',
step: function () {
$this.text(Math.floor(this.countNum));
},
complete: function () {
$this.text(this.countNum);
}
});
});
}
}
$(window).on('scroll', function () {
counter();
});
// Animation
$(document).ready(function () {
$('.has-animation').each(function (index) {
$(this).delay($(this).data('delay')).queue(function () {
$(this).addClass('animate-in');
});
});
});
})(jQuery);
})(jQuery);

820
assets/scss/_common.scss

@ -1,412 +1,408 @@
body {
background-color: $body-color;
overflow-x: hidden;
}
::selection {
background: lighten($color: $primary-color, $amount: 10);
color: $white;
}
/* preloader */
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFDC11;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
ol,
ul {
list-style-type: none;
margin: 0px;
}
img {
vertical-align: middle;
border: 0;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a{
color: inherit;
}
a,
button,
select {
cursor: pointer;
transition: .2s ease;
&:focus {
outline: 0;
}
}
a:hover {
color: $primary-color;
}
a.text-primary:hover {
color: $primary-color!important;
}
a.text-light:hover {
color: $primary-color!important;
}
h4{
transition: .2s ease;
}
a h4{
&:hover{
color: $primary-color;
}
}
.slick-slide {
outline: 0;
}
.section {
padding-top: 90px;
padding-bottom: 90px;
&-sm {
padding-top: 40px;
padding-bottom: 40px;
}
&-title {
margin-bottom: 30px;
}
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.border-primary {
border-color: $border-color !important;
}
/* overlay */
.overlay {
position: relative;
&::before {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
background: $secondary-color;
opacity: .8;
}
}
.outline-0 {
outline: 0 !important;
}
.d-unset {
display: unset !important;
}
.bg-primary {
background: $primary-color !important;
}
.bg-secondary {
background: $secondary-color !important;
}
.bg-gray {
background: $gray;
}
.text-primary {
color: $primary-color !important;
}
.text-color {
color: $text-color;
}
.text-light {
color: $text-color-light !important;
}
.text-lighten{
color: #d6d6e0 !important;
}
.text-muted {
color: #b5b5b7 !important;
}
.text-dark {
color: $text-color-dark !important;
}
.font-secondary {
font-family: $secondary-font;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.pl-150 {
padding-left: 150px;
}
.zindex-1 {
z-index: 1;
}
.overflow-md-hidden {
@include desktop {
overflow: hidden;
}
}
.vertical-align-middle{
vertical-align: middle;
}
.icon-md{
font-size: 36px;
}
/* page title */
.page-title-section {
padding: 200px 0 80px;
}
.custom-breadcrumb {
li {
&.nasted {
position: relative;
padding-left: 25px;
&::before {
position: absolute;
font-family: $icon-font;
content: "\e649";
font-size: 20px;
top: 50%;
left: -5px;
color: $white;
transform: translateY(-50%);
}
}
}
}
/* /page title */
.list-styled{
padding-left: 25px;
li{
position: relative;
margin-bottom: 15px;
&::before{
position: absolute;
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background: $primary-color;
left: -25px;
top: 5px;
}
}
}
textarea.form-control{
height: 200px;
padding: 20px;
}
#map_canvas{
height: 500px;
}
.post-thumb-sm {
max-width: 100px;
}
/* pagination */
.pagination {
justify-content: center;
.page-item {
margin: 0 10px;
&.active {
.page-link {
background: $primary-color;
color: $white;
border-color: $primary-color;
}
}
&:first-child .page-link,
&:last-child .page-link {
border-radius: 0;
}
.page-link {
color: $text-color;
}
}
}
.content {
* {
margin-bottom: 20px;
}
a {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
}
ol {
padding-left: 20px;
}
ul {
padding-left: 0;
li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
list-style-type: none;
&::before {
position: absolute;
content: "\e65d";
font-family: $icon-font;
font-size: 14px;
left: 0;
top: 1px;
color: $primary-color;
transition: .3s ease;
}
}
}
table {
text-align: left;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
border: 1px solid #dee2e6;
th,
td {
padding: .75rem;
vertical-align: top;
border: 1px solid #dee2e6
}
thead {
background: darken($color: $light, $amount: 2);
}
tbody {
background: $light;
td {
text-align: left !important;
}
}
}
blockquote {
p {
margin-bottom: 0;
color: $text-color;
font-style: italic !important;
}
}
pre {
padding: 10px 20px;
background: $light;
}
}
.teacher-thumb-sm{
height: 85px;
width: 85px;
object-fit: cover;
}
body {
background-color: $body-color;
overflow-x: hidden;
}
::selection {
background: lighten($color: $primary-color, $amount: 10);
color: $white;
}
/* preloader */
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFDC11;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
ol,
ul {
list-style-type: none;
margin: 0px;
}
img {
vertical-align: middle;
border: 0;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a{
color: inherit;
}
a,
button,
select {
cursor: pointer;
transition: .2s ease;
&:focus {
outline: 0;
}
}
a:hover {
color: $primary-color;
}
a.text-primary:hover {
color: $primary-color!important;
}
a.text-light:hover {
color: $primary-color!important;
}
h4{
transition: .2s ease;
}
a h4{
&:hover{
color: $primary-color;
}
}
.section {
padding-top: 90px;
padding-bottom: 90px;
&-sm {
padding-top: 40px;
padding-bottom: 40px;
}
&-title {
margin-bottom: 30px;
}
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.border-primary {
border-color: $border-color !important;
}
/* overlay */
.overlay {
position: relative;
&::before {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
background: $secondary-color;
opacity: .8;
}
}
.outline-0 {
outline: 0 !important;
}
.d-unset {
display: unset !important;
}
.bg-primary {
background: $primary-color !important;
}
.bg-secondary {
background: $secondary-color !important;
}
.bg-gray {
background: $gray;
}
.text-primary {
color: $primary-color !important;
}
.text-color {
color: $text-color;
}
.text-light {
color: $text-color-light !important;
}
.text-lighten{
color: #d6d6e0 !important;
}
.text-muted {
color: #b5b5b7 !important;
}
.text-dark {
color: $text-color-dark !important;
}
.font-secondary {
font-family: $secondary-font;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.pl-150 {
padding-left: 150px;
}
.zindex-1 {
z-index: 1;
}
.overflow-md-hidden {
@include desktop {
overflow: hidden;
}
}
.vertical-align-middle{
vertical-align: middle;
}
.icon-md{
font-size: 36px;
}
/* page title */
.page-title-section {
padding: 200px 0 80px;
}
.custom-breadcrumb {
li {
&.nasted {
position: relative;
padding-left: 25px;
&::before {
position: absolute;
font-family: $icon-font;
content: "\e649";
font-size: 20px;
top: 50%;
left: -5px;
color: $white;
transform: translateY(-50%);
}
}
}
}
/* /page title */
.list-styled{
padding-left: 25px;
li{
position: relative;
margin-bottom: 15px;
&::before{
position: absolute;
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background: $primary-color;
left: -25px;
top: 5px;
}
}
}
textarea.form-control{
height: 200px;
padding: 20px;
}
#map_canvas{
height: 500px;
}
.post-thumb-sm {
max-width: 100px;
}
/* pagination */
.pagination {
justify-content: center;
.page-item {
margin: 0 10px;
&.active {
.page-link {
background: $primary-color;
color: $white;
border-color: $primary-color;
}
}
&:first-child .page-link,
&:last-child .page-link {
border-radius: 0;
}
.page-link {
color: $text-color;
}
}
}
.content {
* {
margin-bottom: 20px;
}
a {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
}
ol {
padding-left: 20px;
}
ul {
padding-left: 0;
li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
list-style-type: none;
&::before {
position: absolute;
content: "\e65d";
font-family: $icon-font;
font-size: 14px;
left: 0;
top: 1px;
color: $primary-color;
transition: .3s ease;
}
}
}
table {
text-align: left;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
border: 1px solid #dee2e6;
th,
td {
padding: .75rem;
vertical-align: top;
border: 1px solid #dee2e6
}
thead {
background: darken($color: $light, $amount: 2);
}
tbody {
background: $light;
td {
text-align: left !important;
}
}
}
blockquote {
p {
margin-bottom: 0;
color: $text-color;
font-style: italic !important;
}
}
pre {
padding: 10px 20px;
background: $light;
}
}
.teacher-thumb-sm{
height: 85px;
width: 85px;
object-fit: cover;
}

146
assets/scss/_typography.scss

@ -1,74 +1,72 @@
/* typography */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@font-face {
font-family: 'futura-bold';
src: url('../fonts/Futura-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
line-height: 1.2;
font-family: $primary-font;
-webkit-font-smoothing: antialiased;
font-size: 15px;
color: $text-color;
}
p, .paragraph {
font-weight: 400;
color: $text-color;
font-size: 15px;
line-height: 1.9;
font-family: $primary-font;
}
h1,h2,h3,h4,h5,h6 {
color: $text-color-dark;
font-family: $secondary-font;
font-weight: 700;
line-height: 1.2;
}
h1, .h1{
font-size: 60px;
@include mobile {
font-size: 45px;
}
}
h2, .h2{
font-size: 40px;
@include mobile {
font-size: 30px;
}
}
h3, .h3{
font-size: 25px;
@include mobile {
font-size: 20px;
}
}
h4, .h4{
font-size: 20px;
@include mobile {
font-size: 18px;
}
}
h5, .h5{
font-size: 18px;
@include mobile {
font-size: 16px;
}
}
h6, .h6{
font-size: 16px;
@include mobile {
font-size: 14px;
}
}
/* typography */
@font-face {
font-family: 'futura-bold';
src: url('../fonts/Futura-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
line-height: 1.2;
font-family: $primary-font;
-webkit-font-smoothing: antialiased;
font-size: 15px;
color: $text-color;
}
p, .paragraph {
font-weight: 400;
color: $text-color;
font-size: 15px;
line-height: 1.9;
font-family: $primary-font;
}
h1,h2,h3,h4,h5,h6 {
color: $text-color-dark;
font-family: $secondary-font;
font-weight: 700;
line-height: 1.2;
}
h1, .h1{
font-size: 60px;
@include mobile {
font-size: 45px;
}
}
h2, .h2{
font-size: 40px;
@include mobile {
font-size: 30px;
}
}
h3, .h3{
font-size: 25px;
@include mobile {
font-size: 20px;
}
}
h4, .h4{
font-size: 20px;
@include mobile {
font-size: 18px;
}
}
h5, .h5{
font-size: 18px;
@include mobile {
font-size: 16px;
}
}
h6, .h6{
font-size: 16px;
@include mobile {
font-size: 14px;
}
}

4
assets/scss/style.scss

@ -21,8 +21,6 @@ VERSION: Versoin Number
@import 'templates/navigation';
@import 'templates/slider';
@import 'templates/homepage';
@import 'templates/otherspage';
@import 'templates/otherspage';

429
assets/scss/templates/_homepage.scss

@ -1,224 +1,205 @@
/* banner feature */
.feature-icon {
font-size: 50px;
color: $primary-color;
display: inline-block;
}
.feature-blocks {
margin-top: -100px;
padding-left: 70px;
padding-top: 80px;
padding-right: 30%;
@include desktop-xl {
padding-right: 10%;
}
@include desktop-lg {
padding-right: 50px;
padding-left: 50px;
padding-top: 30px;
h3 {
font-size: 20px;
}
}
@include desktop {
margin-top: 0;
padding: 50px;
h3 {
font-size: 25px;
}
}
}
/* /banner feature */
/* course */
.card-btn {
font-size: 12px;
padding: 5px 10px;
}
.flex-basis-33 {
flex-basis: 33.3333%;
}
.hover-shadow {
transition: .3s ease;
&:hover {
box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
}
}
/* /course */
/* success story */
.success-video {
min-height: 300px;
.play-btn {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
@include tablet {
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.play-btn {
display: inline-block;
height: 80px;
width: 80px;
border-radius: 50%;
background: $primary-color;
color: $white;
font-size: 20px;
text-align: center;
i {
line-height: 80px;
}
&::before {
position: absolute;
content: "";
height: 0;
width: 0;
transform: translate(-50%, -50%);
background: $white;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -2;
transition: .3s ease;
transition-delay: .2s;
}
&::after {
position: absolute;
content: "";
height: 80%;
width: 80%;
transform: translate(-50%, -50%);
background: $primary-color;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -1;
transition: .3s ease;
}
&:hover {
&::before {
height: 80%;
width: 80%;
transition-delay: 0s;
}
&::after {
height: 0;
width: 0;
transition: 0s ease;
}
}
}
/* /success story */
/* events */
.card-date {
position: absolute;
background: $primary-color;
font-family: $secondary-font;
text-align: center;
padding: 10px;
color: $white;
top: 0;
left: 0;
text-transform: uppercase;
span {
font-size: 40px;
}
}
/* /events */
/* teacher */
.teacher-info {
width: 70%;
bottom: 0;
right: 0;
}
/* /teacher */
/* footer */
.newsletter {
background-image: linear-gradient(to right, transparent 50%, $primary-color 50%);
margin-bottom: -170px;
position: relative;
z-index: 1;
&-block {
padding-left: 50px;
@include mobile {
padding-left: 15px;
}
}
}
.input-wrapper {
position: relative;
button {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
}
.form-control {
height: 60px;
background: $white;
border-radius: 0;
padding-left: 25px;
&:focus {
border-color: $primary-color;
box-shadow: none;
}
}
.newsletter-block {
.form-control {
height: 90px;
}
}
.bg-footer {
background-color: #182b45;
}
.logo-footer {
margin-top: -20px;
display: inline-block;
}
.footer {
border-color: #494a43 !important;
padding-top: 275px;
}
/* /footer */
/* banner feature */
.feature-icon {
font-size: 50px;
color: $primary-color;
display: inline-block;
}
.feature-blocks {
margin-top: -100px;
padding-left: 70px;
padding-top: 80px;
padding-right: 30%;
@include desktop-xl {
padding-right: 10%;
}
@include desktop-lg {
padding-right: 50px;
padding-left: 50px;
padding-top: 30px;
h3 {
font-size: 20px;
}
}
@include desktop {
margin-top: 0;
padding: 50px;
h3 {
font-size: 25px;
}
}
}
/* /banner feature */
/* course */
.card-btn {
font-size: 12px;
padding: 5px 10px;
}
.flex-basis-33 {
flex-basis: 33.3333%;
}
.hover-shadow {
transition: .3s ease;
&:hover {
box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
}
}
/* /course */
.play-btn {
display: inline-block;
height: 80px;
width: 80px;
border-radius: 50%;
background: $primary-color;
color: $white;
font-size: 20px;
text-align: center;
i {
line-height: 80px;
}
&::before {
position: absolute;
content: "";
height: 0;
width: 0;
transform: translate(-50%, -50%);
background: $white;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -2;
transition: .3s ease;
transition-delay: .2s;
}
&::after {
position: absolute;
content: "";
height: 80%;
width: 80%;
transform: translate(-50%, -50%);
background: $primary-color;
border-radius: 50%;
top: 50%;
left: 50%;
z-index: -1;
transition: .3s ease;
}
&:hover {
&::before {
height: 80%;
width: 80%;
transition-delay: 0s;
}
&::after {
height: 0;
width: 0;
transition: 0s ease;
}
}
}
/* events */
.card-date {
position: absolute;
background: $primary-color;
font-family: $secondary-font;
text-align: center;
padding: 10px;
color: $white;
top: 0;
left: 0;
text-transform: uppercase;
span {
font-size: 40px;
}
}
/* /events */
/* teacher */
.teacher-info {
width: 70%;
bottom: 0;
right: 0;
}
/* /teacher */
/* footer */
.newsletter {
background-image: linear-gradient(to right, transparent 50%, $primary-color 50%);
margin-bottom: -170px;
position: relative;
z-index: 1;
&-block {
padding-left: 50px;
@include mobile {
padding-left: 15px;
}
}
}
.input-wrapper {
position: relative;
button {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
}
.form-control {
height: 60px;
background: $white;
border-radius: 0;
padding-left: 25px;
&:focus {
border-color: $primary-color;
box-shadow: none;
}
}
.newsletter-block {
.form-control {
height: 90px;
}
}
.bg-footer {
background-color: #182b45;
}
.logo-footer {
margin-top: -20px;
display: inline-block;
}
.footer {
border-color: #494a43 !important;
padding-top: 275px;
}
/* /footer */

64
assets/scss/templates/_slider.scss

@ -1,64 +0,0 @@
.hero-section {
padding: 250px 0 290px;
}
.hero-slider {
.prevArrow,
.nextArrow {
position: absolute;
bottom: -123px;
z-index: 9;
padding: 15px;
color: rgba($color: $white, $alpha: .5);
border: 0;
font-size: 30px;
transition: all linear .2s;
background: transparent;
&:focus {
outline: 0;
}
&:hover {
color: $primary-color;
}
}
.prevArrow {
right: 60px;
}
.nextArrow {
right: 0;
}
.slick-dots {
position: absolute;
left: 0;
bottom: -100px;
padding-left: 0;
li {
display: inline-block;
margin: 0 6px;
&.slick-active {
button {
background: $primary-color;
}
}
button {
color: transparent;
padding: 0;
overflow: hidden;
height: 10px;
width: 10px;
background: rgba($color: $white, $alpha: .5);
border: 0;
outline: 0;
}
}
}
}

35
exampleSite/config.toml

@ -1,7 +1,7 @@
######################## default configuration ####################
baseURL = "http://examplesite.org"
title = "Educenter | hugo education template"
theme = "educenter-hugo"
title = "Politicenter | hugo political campaign template"
theme = "politicenter"
# post pagination
paginate = "6"
# post excerpt
@ -18,12 +18,6 @@ disableLanguages = [] # desable language from here
[[params.plugins.css]]
link = "plugins/bootstrap/bootstrap.min.css"
[[params.plugins.css]]
link = "plugins/slick/slick.css"
[[params.plugins.css]]
link = "plugins/animate/animate.css"
[[params.plugins.css]]
link = "plugins/venobox/venobox.css"
[[params.plugins.css]]
link = "plugins/themify-icons/themify-icons.css"
# JS Plugins
@ -31,14 +25,6 @@ link = "plugins/themify-icons/themify-icons.css"
link = "plugins/jQuery/jquery.min.js"
[[params.plugins.js]]
link = "plugins/bootstrap/bootstrap.min.js"
[[params.plugins.js]]
link = "plugins/slick/slick.min.js"
[[params.plugins.js]]
link = "plugins/venobox/venobox.min.js"
[[params.plugins.js]]
link = "plugins/filterizr/jquery.filterizr.min.js"
[[params.plugins.js]]
link = "plugins/google-map/gmap.js"
############################## navigation ###############################
@ -130,16 +116,9 @@ mobile = "+211234565523"
email = "info@educenter.com"
# contact form action
contact_form_action = "#" # contact form works with https://formspree.io
# Google Analitycs
google_analitycs_id = "" # your id
# top header
top_header = true
# Preloader
[params.preloader]
enable = true
preloader = "images/preloader.gif" # use jpg, png, svg or gif format.
# Subscription
[params.subscription]
enable = true
@ -147,14 +126,6 @@ enable = true
mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&amp;id=a0a2c6d074" # replace this url with yours
mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074" # replace this code with yours
# google map
[params.map]
enable = true
gmap_api = "https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"
map_latitude = "51.5223477"
map_longitude = "-0.1622023"
map_marker = "images/marker.png" # marker size 37*55 px
############################# social site ########################
[[params.social]]
title = "facebook"
@ -201,4 +172,4 @@ contentDir = "content/french"
weight = 2
home = "Accueil"
# copyright
copyright = "Copyright &copy; 2020 a hugo theme by [themefisher](https://themefisher.com)"
copyright = "Copyright &copy; 2020 a hugo theme by [themefisher](https://themefisher.com)"

68
exampleSite/data/en/homepage.yml

@ -1,7 +1,7 @@
################################# Slider #####################################
slider:
enable : true
bg_image : "images/banner/banner-1.jpg"
bg_image : "images/banner/red_header_white.jpg"
slider_item:
# slider item loop
- title : "Your bright future is our mission"
@ -14,60 +14,12 @@ slider:
label : "Apply now"
link : "contact"
# slider item loop
- title : "Your bright future is our mission"
content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua. Ut enim ad minim veniam, quis nostrud exer"
animation_in : "left"
animation_out : "right"
# available animation : left, right, up, down
button:
enable : true
label : "Apply now"
link : "contact"
# slider item loop
- title : "Your bright future is our mission"
content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua. Ut enim ad minim veniam, quis nostrud exer"
animation_in : "left"
animation_out : "right"
# available animation : left, right, up, down
button:
enable : true
label : "Apply now"
link : "contact"
############################### Banner feature ###############################
banner_feature:
enable : true
image : "images/banner/banner-feature.png"
feature_item:
# feature item loop