Browse Source

initialize template

master
Themefisher Dev 1 year ago
commit
9b142b3e37
  1. 11
      .gitignore
  2. 12
      LICENSE
  3. 94
      README.md
  4. 2
      archetypes/default.md
  5. 104
      assets/js/script.js
  6. 127
      assets/scss/_buttons.scss
  7. 410
      assets/scss/_common.scss
  8. 34
      assets/scss/_mixins.scss
  9. 74
      assets/scss/_typography.scss
  10. 17
      assets/scss/_variables.scss
  11. 28
      assets/scss/style.scss
  12. 224
      assets/scss/templates/_homepage.scss
  13. 181
      assets/scss/templates/_navigation.scss
  14. 13
      assets/scss/templates/_otherspage.scss
  15. 64
      assets/scss/templates/_slider.scss
  16. 26
      exampleSite/.forestry/front_matter/templates/author.yml
  17. 49
      exampleSite/.forestry/front_matter/templates/course.yml
  18. 49
      exampleSite/.forestry/front_matter/templates/event.yml
  19. 16
      exampleSite/.forestry/front_matter/templates/new-page.yml
  20. 26
      exampleSite/.forestry/front_matter/templates/notice.yml
  21. 34
      exampleSite/.forestry/front_matter/templates/post.yml
  22. 25
      exampleSite/.forestry/front_matter/templates/research.yml
  23. 18
      exampleSite/.forestry/front_matter/templates/scholarship.yml
  24. 48
      exampleSite/.forestry/front_matter/templates/teacher.yml
  25. 225
      exampleSite/.forestry/settings.yml
  26. 204
      exampleSite/config.toml
  27. 23
      exampleSite/content/english/about/_index.md
  28. 20
      exampleSite/content/english/author/john-doe.md
  29. 20
      exampleSite/content/english/author/mark-dinn.md
  30. 8
      exampleSite/content/english/blog/_index.md
  31. 32
      exampleSite/content/english/blog/blog-post-1.md
  32. 32
      exampleSite/content/english/blog/blog-post-2.md
  33. 32
      exampleSite/content/english/blog/blog-post-3.md
  34. 32
      exampleSite/content/english/blog/blog-post-4.md
  35. 32
      exampleSite/content/english/blog/blog-post-5.md
  36. 32
      exampleSite/content/english/blog/blog-post-6.md
  37. 10
      exampleSite/content/english/contact/_index.md
  38. 8
      exampleSite/content/english/course/_index.md
  39. 71
      exampleSite/content/english/course/course-1.md
  40. 71
      exampleSite/content/english/course/course-2.md
  41. 71
      exampleSite/content/english/course/course-3.md
  42. 71
      exampleSite/content/english/course/course-4.md
  43. 71
      exampleSite/content/english/course/course-5.md
  44. 71
      exampleSite/content/english/course/course-6.md
  45. 8
      exampleSite/content/english/event/_index.md
  46. 45
      exampleSite/content/english/event/event-1.md
  47. 45
      exampleSite/content/english/event/event-2.md
  48. 45
      exampleSite/content/english/event/event-3.md
  49. 45
      exampleSite/content/english/event/event-4.md
  50. 45
      exampleSite/content/english/event/event-5.md
  51. 45
      exampleSite/content/english/event/event-6.md
  52. 8
      exampleSite/content/english/notice/_index.md
  53. 50
      exampleSite/content/english/notice/notice-1.md
  54. 50
      exampleSite/content/english/notice/notice-2.md
  55. 50
      exampleSite/content/english/notice/notice-3.md
  56. 50
      exampleSite/content/english/notice/notice-4.md
  57. 50
      exampleSite/content/english/notice/notice-5.md
  58. 50
      exampleSite/content/english/notice/notice-6.md
  59. 8
      exampleSite/content/english/research/_index.md
  60. 21
      exampleSite/content/english/research/research-1.md
  61. 21
      exampleSite/content/english/research/research-2.md
  62. 21
      exampleSite/content/english/research/research-3.md
  63. 21
      exampleSite/content/english/research/research-4.md
  64. 21
      exampleSite/content/english/research/research-5.md
  65. 21
      exampleSite/content/english/research/research-6.md
  66. 21
      exampleSite/content/english/scholarship/_index.md
  67. 17
      exampleSite/content/english/scholarship/scholarship-1.md
  68. 17
      exampleSite/content/english/scholarship/scholarship-2.md
  69. 17
      exampleSite/content/english/scholarship/scholarship-3.md
  70. 8
      exampleSite/content/english/teacher/_index.md
  71. 64
      exampleSite/content/english/teacher/alex-rook.md
  72. 64
      exampleSite/content/english/teacher/clark-malik.md
  73. 64
      exampleSite/content/english/teacher/devid-luis.md
  74. 64
      exampleSite/content/english/teacher/duis-rio.md
  75. 64
      exampleSite/content/english/teacher/jacke-mastio.md
  76. 64
      exampleSite/content/english/teacher/zim-cook.md
  77. 23
      exampleSite/content/french/about/_index.md
  78. 20
      exampleSite/content/french/author/john-doe.md
  79. 20
      exampleSite/content/french/author/mark-dinn.md
  80. 8
      exampleSite/content/french/blog/_index.md
  81. 32
      exampleSite/content/french/blog/blog-post-1.md
  82. 32
      exampleSite/content/french/blog/blog-post-2.md
  83. 32
      exampleSite/content/french/blog/blog-post-3.md
  84. 32
      exampleSite/content/french/blog/blog-post-4.md
  85. 32
      exampleSite/content/french/blog/blog-post-5.md
  86. 32
      exampleSite/content/french/blog/blog-post-6.md
  87. 10
      exampleSite/content/french/contact/_index.md
  88. 8
      exampleSite/content/french/course/_index.md
  89. 71
      exampleSite/content/french/course/course-1.md
  90. 71
      exampleSite/content/french/course/course-2.md
  91. 71
      exampleSite/content/french/course/course-3.md
  92. 71
      exampleSite/content/french/course/course-4.md
  93. 71
      exampleSite/content/french/course/course-5.md
  94. 71
      exampleSite/content/french/course/course-6.md
  95. 8
      exampleSite/content/french/event/_index.md
  96. 45
      exampleSite/content/french/event/event-1.md
  97. 45
      exampleSite/content/french/event/event-2.md
  98. 45
      exampleSite/content/french/event/event-3.md
  99. 45
      exampleSite/content/french/event/event-4.md
  100. 45
      exampleSite/content/french/event/event-5.md

11
.gitignore

@ -0,0 +1,11 @@
Thumbs.db
.DS_Store
.dist
.tmp
.sass-cache
npm-debug.log
node_modules
builds
package-lock.json
public
DS_Store

12
LICENSE

@ -0,0 +1,12 @@
Attribution 3.0 Unported (CC BY 3.0)
You are free to:
Share — copy and redistribute the material in any medium or format
Adapt — remix, transform, and build upon the material
for any purpose, even commercially.
This license is acceptable for Free Cultural Works.
The licensor cannot revoke these freedoms as long as you follow the license terms.
Know more about the license follow this link - https://creativecommons.org/licenses/by/3.0/
If you want to remove the credit simply make a [donation](https://www.paypal.me/Themefisher), so that we can run our contribution to hugo community.

94
README.md

@ -0,0 +1,94 @@
# Easy Setup (Hugo + Netlify + Forestry)
Build your website with educenter hugo theme by following this easy steps (No Coding Required)
<a href="http://bit.ly/meghna-hugo-installation" target="_blank" title="meghna hugo installation" rel="nofollow"><img width="100%" src="https://user-images.githubusercontent.com/37659754/70844354-4028be00-1e6a-11ea-8d84-02e9a25e7db8.png"></a>
In this tutorial we will show you to make your website live without buying any hosting and touching a single line of code. We made this tutorial based on [meghna hugo](https://github.com/themefisher/meghna-hugo) but you can setup everithing like this.
### What you need !!
1. Git acccount (Ex: Github, Gitlab etc ) . In our case we use github.
2. [Netlify](https://bit.ly/netlify-account) account to host files and add custom domain .
3. [Forestry](https://bit.ly/forestry-account) account to maintain whole project without code.
### Step 1 : Fork or Clone repository
First we will fork this [educenter hugo](https://github.com/themefisher/educenter-hugo) template.
### Step 2 : Add your repository in Forestry
Go to your [forestry](https://bit.ly/forestry-account) account and click on `import your site now`. declare your config.toml file [`exampleSite`] and fill up basic settings .
**Or just click this button for one click installation** [![import to forestry](https://assets.forestry.io/import-to-forestryK.svg)](https://app.forestry.io/quick-start?repo=themefisher/educenter-hugo&engine=hugo&version=0.60.1&config=exampleSite)
Now mark everything as done, then go to configuration to change the base url . You can put any url but this have to similar as netlify . So for now put a name which you are going to put in netlify as netlify subdomain.
### Step 3 : Setup and host website with Netlify
Here comes the last step . Go to your [netlify](https://bit.ly/netlify-account) account and click add new site . Choose your git repository to import your website in netlify . And now you can see the forked `educenter hugo` theme. select it and follow the steps. Then go to `site settings` for change the site name and put your subdoamin name here what you puted on forestry as base url. save it and go to `deploy` from top menu, Wait a while and click on `site preview` or just simply go to the subdomain you puted as base url. **BOOM! Your site is live.** Now you can go to forestry and add, remove or customize every setting and content.
> If you face any issue regarding the installation feel free to onen [open a new issue](https://github.com/themefisher/educenter-hugo/issues)
## Table of Contents
- [Demo](#demo)
- [Installation](#installation)
- [Main Features](#main-features)
- [Reporting Issues](#reporting-issues)
- [Technical Support or Questions](#technical-support-or-questions)
- [Licensing](#licensing)
- [More Hugo Themes](https://themefisher.com/hugo-themes/)
## Demo
| About | Course | Notice | Scholarship |
|---|---|---|---|
| ![About page](https://user-images.githubusercontent.com/58769763/72678220-25331480-3ace-11ea-98fd-a1be7d839a62.png) | ![Course page](https://user-images.githubusercontent.com/58769763/72678219-25331480-3ace-11ea-84a1-679144fe3997.png) | ![Notice page](https://user-images.githubusercontent.com/58769763/72678221-25cbab00-3ace-11ea-820d-83fe7ee5daa8.png) | ![Scholarship page](https://user-images.githubusercontent.com/58769763/72678218-249a7e00-3ace-11ea-94a8-d8ccf1f1a9ee.png)
**The images are only for demonstration purpose, Please don't use those images.**
[Live Demo](http://demo.themefisher.com/educenter-hugo/).
## Installation
At the top we have shown an easy hugo installation. but still if you think you want to go with the traditional way then use the following commands:
```
$ git clone git@github.com:themefisher/educenter-hugo.git
$ cd educenter-hugo/exampleSite/
$ hugo server --themesDir ../..
```
[Full Documentation](https://documentation.themefisher.com/docs/educenter-hugo/).
## Main features
* **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
We use GitHub Issues as the official bug tracker for the educenter Template. Please Search [existing issues](https://github.com/themefisher/educenter-hugo/issues). It’s possible someone has already reported the same problem.
If your problem or idea is not addressed yet, [open a new issue](https://github.com/themefisher/educenter-hugo/issues)
## Technical Support or Questions
If you have questions or need help integrating the product please [contact us](mailto:themefisher@gmail.com) instead of opening an issue.
## Licensing
This Theme is released under [Creative Commons Attribution 3.0 (CC-BY-3.0) License](https://creativecommons.org/licenses/by/3.0/)
If you want to remove the credit simply make a [donation](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GSG5G2YL3E5V4), so that we can run our contribution to hugo community.
## Hire Us
We are available for Hiring of your next HUGO project. Drop Us a mail [themefisher@gmail.com](mailto:themefisher@gmail.com)
| [![Mega-Bundle-HUGO](https://gethugothemes.com/wp-content/uploads/edd/2019/09/Mega-Bundle-HUGO.png)](https://themefisher.com/products/hugo-mega-bundle/) | [![agen](https://gethugothemes.com/wp-content/uploads/edd/2019/09/agen-hugo-theme.jpg)](https://gethugothemes.com/products/agen-hugo/) | [![redlab](https://gethugothemes.com/wp-content/uploads/edd/2019/09/redlab-hugo-thumbnail.jpg)](https://gethugothemes.com/products/redlab-hugo/) |
|:---:|:---:|:---:|
| **Hugo Mega Bundle** | **Agen** | **Red Lab** |
| [![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** |

2
archetypes/default.md

@ -0,0 +1,2 @@
---
---

104
assets/js/script.js

@ -0,0 +1,104 @@
(function ($) {
'use strict';
// Preloader js
$(window).on('load', function () {
$('.preloader').fadeOut(100);
});
// Sticky Menu
$(window).scroll(function () {
if ($('header').offset().top > 10) {
$('.top-header').addClass('hide');
$('.navigation').addClass('nav-bg');
$('.top-hider').addClass('top-height');
} else {
$('.top-header').removeClass('hide');
$('.navigation').removeClass('nav-bg');
$('.top-hider').removeClass('top-height');
}
});
// Background-images
$('[data-background]').each(function () {
$(this).css({
'background-image': 'url(' + $(this).data('background') + ')'
});
});
//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);

127
assets/scss/_buttons.scss

@ -0,0 +1,127 @@
/* Button style */
.btn {
font-size: 16px;
font-family: $primary-font;
text-transform: capitalize;
padding: 15px 40px;
border-radius: 0;
font-weight: 500;
border: 0;
position: relative;
z-index: 1;
transition: .2s ease;
overflow: hidden;
&::before {
position: absolute;
content: "";
height: 80%;
width: 100%;
left: 0;
bottom: 10%;
z-index: -1;
transition: transform .2s ease-in-out;
transform-origin: top;
transform: scaleY(0);
}
&:focus {
outline: 0;
box-shadow: none !important;
}
&:active {
box-shadow: none;
}
&:hover {
&::before {
transform: scaleY(1);
transform-origin: bottom;
}
}
}
.btn-sm {
font-size: 14px;
padding: 10px 35px;
}
.btn-xs {
font-size: 12px;
padding: 5px 15px;
}
.btn-primary {
background: $primary-color;
color: $white;
&::before {
background: $white;
}
&:active {
background: $primary-color !important;
color: $primary-color;
&::before {
height: 80%;
}
}
&:hover {
background: darken($color: $primary-color, $amount: 10);
color: $primary-color;
}
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: $white;
background-color: darken($color: $primary-color, $amount: 10);
border-color: darken($color: $primary-color, $amount: 10);
}
.btn-secondary {
background: $white;
color: $primary-color;
border: 1px solid $white;
&::before {
background: $primary-color;
}
&:active {
background: $primary-color;
color: $white;
border: 1px solid $white;
}
&:hover {
background: $white;
color: $white;
border: 1px solid $white;
}
}
.btn-primary-outline {
border: 1px solid $primary-color;
color: $primary-color;
background: transparent;
&::before {
background: $white;
}
&:hover {
background: $primary-color;
color: $primary-color;
}
&:active {
background: $primary-color;
color: $white;
}
}

410
assets/scss/_common.scss

@ -0,0 +1,410 @@
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-hidden {
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;
}

34
assets/scss/_mixins.scss

@ -0,0 +1,34 @@
@mixin mobile-xs{
@media(max-width:370px){
@content;
}
}
@mixin mobile{
@media(max-width:575px){
@content;
}
}
@mixin tablet{
@media(max-width:767px){
@content;
}
}
@mixin desktop{
@media(max-width:991px){
@content;
}
}
@mixin desktop-lg{
@media(max-width:1200px){
@content;
}
}
@mixin desktop-xl{
@media(max-width:1400px){
@content;
}
}
@mixin size($size){
width: $size; height: $size;
}

74
assets/scss/_typography.scss

@ -0,0 +1,74 @@
/* 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;
}
}

17
assets/scss/_variables.scss

@ -0,0 +1,17 @@
// Color Variables
$primary-color: #ffbc3b;
$secondary-color: #1a1a37;
$text-color: #5c5c77;
$text-color-light: #8585a4;
$text-color-dark: #1e1e4b;
$body-color: #fff;
$border-color: #ededf1;
$black: #000;
$white: #fff;
$light: #f8f9fe;
$gray: #f8f8f8;
// Font Variables
$primary-font: 'Poppins', sans-serif;
$secondary-font: 'futura-bold';
$icon-font: 'themify';

28
assets/scss/style.scss

@ -0,0 +1,28 @@
/*!------------------------------------------------------------------
[MAIN STYLESHEET]
PROJECT: Project Name
VERSION: Versoin Number
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]
-------------------------------------------------------------------*/
@import 'variables';
@import 'mixins';
@import 'typography';
@import 'buttons';
@import 'common';
@import 'templates/navigation';
@import 'templates/slider';
@import 'templates/homepage';
@import 'templates/otherspage';

224
assets/scss/templates/_homepage.scss

@ -0,0 +1,224 @@
/* 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 */

181
assets/scss/templates/_navigation.scss

@ -0,0 +1,181 @@
.top-header {
font-size: 12px;
transition: transform .2s ease;
transform-origin: top;
font-weight: 600;
&.hide {
transform: scaleY(0);
transform-origin: top;
}
}
.header{
@include desktop {
position: static !important;
background: $secondary-color;
}
}
.navigation {
background-image: linear-gradient(to right, transparent 50%, $primary-color 50%);
transition: .2s ease;
@include mobile {
background-image: linear-gradient(to right, transparent 70%, $primary-color 30%);
}
}
.navbar-nav {
padding-left: 50px;
background: $primary-color;
@include desktop {
padding-left: 0;
}
}
.nav-bg {
background-color: $secondary-color;
}
.top-height{
margin-top: -46px;
}
.nav-item {
.nav-link {
text-transform: uppercase;
font-weight: 600;
}
margin: 0 15px;
position: relative;
&::before {
position: absolute;
left: 0;
bottom: 0;
height: 6px;
width: 100%;
content: "";
background: $white;
transform: scaleY(0);
transform-origin: top;
transition: transform .3s ease;
}
&:hover,
&.active {
&::before {
transform: scaleY(1);
transform-origin: bottom;
}
}
}
.navbar-light .navbar-nav .nav-link {
color: $white;
}
link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: $white;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: $white;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 40px 0px;
@include desktop {
padding: 20px;
}
}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
background: $white;
box-shadow: 0 2px 5px #0000000d;
}
.navbar {
.dropdown {
&:hover {
.dropdown-menu {
visibility: visible;
opacity: 1;
transform: translateY(0)
}
}
&-menu {
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
border-bottom: 5px solid $primary-color;
padding: 15px;
top: 96px;
border-radius: 0;
display: block;
visibility: hidden;
transition: .3s ease;
opacity: 0;
transform: translateY(20px);
background: $white;
@include desktop {
display: none;
opacity: 1;
visibility: visible;
transform: translateY(0);
transform-origin: unset;
}
&.view {
visibility: visible !important;
opacity: 1;
transform: translateY(0);
@include desktop {
display: block;
}
}
&.show {
visibility: hidden;
@include desktop {
visibility: visible;
display: block;
}
}
}
&-item {
position: relative;
color: $text-color-dark;
transition: .2s ease;
font-family: $primary-font;
@include desktop {
text-align: center;
}
&:not(:last-child) {
margin-bottom: 10px;
}
&:hover {
color: $primary-color;
background: transparent;
}
}
}
}

13
assets/scss/templates/_otherspage.scss

@ -0,0 +1,13 @@
.filter-controls{
li{
cursor: pointer;
transition: .1s ease;
&.active{
font-weight: 600;
color: $primary-color;
}
&:hover{
color: $primary-color;
}
}
}

64
assets/scss/templates/_slider.scss

@ -0,0 +1,64 @@
.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;
}
}
}
}

26
exampleSite/.forestry/front_matter/templates/author.yml

@ -0,0 +1,26 @@
---
label: Author
hide_body: false
fields:
- type: text
name: title
label: title
- name: image
type: file
config:
maxSize: 250
label: image
- type: text
name: email
label: email
- type: field_group_list
name: social
label: social
fields:
- type: text
name: icon
label: icon
description: https://themify.me/themify-icons
- type: text
name: link
label: link

49
exampleSite/.forestry/front_matter/templates/course.yml

@ -0,0 +1,49 @@
---
label: Course
hide_body: false
fields:
- type: text
name: title
label: title
- type: datetime
name: date
label: date
- type: file
name: bg_image
label: bg image
description: Page header background image
- type: textarea
name: description
label: description
description: meta description
- type: file
name: image
label: image
- type: text
name: category
label: category
description: course category
- type: text
name: teacher
label: teacher
description: 'Ex: John Doe'
- type: text
name: duration
label: duration
description: Course Duration
- type: text
name: weekly
label: weekly
description: Course time per week
- type: text
name: fee
label: fee
description: Course fee
- type: text
name: apply_url
label: apply_url
description: Application submit link
- type: text
name: type
label: type
default: course

49
exampleSite/.forestry/front_matter/templates/event.yml

@ -0,0 +1,49 @@
---
label: Event
hide_body: false
fields:
- type: text
name: title
label: title
- type: datetime
name: date
label: date
- type: file
name: bg_image
label: bg image
description: Page header background image
- type: textarea
name: description
label: description
description: meta description
- type: file
name: image
label: image
- type: text
name: location
label: location
- type: text
name: fee
label: fee
description: Event fee
- type: text
name: apply_url
label: apply_url
description: Application submit link
- type: field_group_list
name: speaker
label: speaker
fields:
- type: text
name: name
label: name
- type: file
name: image
label: image
- type: text
name: designation
label: designation
- type: text
name: type
label: type
default: event

16
exampleSite/.forestry/front_matter/templates/new-page.yml

@ -0,0 +1,16 @@
---
label: New Page
hide_body: false
fields:
- type: text
name: title
label: title
- type: text
name: description
label: description
- name: bg_image
type: file
config:
maxSize: 250
label: bg image
description: page header background image

26
exampleSite/.forestry/front_matter/templates/notice.yml

@ -0,0 +1,26 @@
---
label: Notice
hide_body: false
fields:
- type: text
name: title
label: title
- type: datetime
name: date
label: date
- type: file
name: bg_image
label: bg image
description: Page header background image
- type: textarea
name: description
label: description
description: meta description
- type: text
name: download_link
label: download_link
description: Notice download link
- type: text
name: type
label: type
default: notice

34
exampleSite/.forestry/front_matter/templates/post.yml

@ -0,0 +1,34 @@
---
label: Post
hide_body: false
fields:
- type: text
name: title
label: title
- type: datetime
name: date
label: date
- type: file
name: bg_image
label: bg image
description: page header background image
- type: file
name: image
label: image
- type: text
name: author
label: author
- type: text
name: description
label: description
description: this is meta description
- type: list
name: categories
label: categories
- type: list
name: tags
label: tags
- type: text
name: type
label: type
default: post

25
exampleSite/.forestry/front_matter/templates/research.yml

@ -0,0 +1,25 @@
---
label: Research
hide_body: false
fields:
- type: text
name: title
label: title
- type: datetime
name: date
label: date
- type: file
name: bg_image
label: bg image
description: Page header background image
- type: textarea
name: description
label: description
description: meta description
- type: file
name: image
label: image
- type: text
name: type
label: type
default: research