first commit
This commit is contained in:
0
themes/coHub/.gitignore
vendored
Normal file
0
themes/coHub/.gitignore
vendored
Normal file
0
themes/coHub/.hugo_build.lock
Normal file
0
themes/coHub/.hugo_build.lock
Normal file
20
themes/coHub/LICENSE
Normal file
20
themes/coHub/LICENSE
Normal file
@@ -0,0 +1,20 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2022 YOUR_NAME_HERE
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
52
themes/coHub/README.md
Normal file
52
themes/coHub/README.md
Normal file
@@ -0,0 +1,52 @@
|
||||
# coHub Hugo
|
||||
|
||||
<img src="https://user-images.githubusercontent.com/17458664/150072315-13c8a214-a88e-44da-8ab0-6cf353c1feec.png" alt="screenshot" width="100%">
|
||||
|
||||
coHub is a simple, minimal and responsive Portfolio Hugo Theme. coHub is well organized, well-formatted and named accordingly so it’s easy to change any and all of the design. coHub is built with Bootstrap 4.5. You can customize it very easily to fit your needs.
|
||||
|
||||
## Table of Contents
|
||||
|
||||
- [Live Demo](#live-demo)
|
||||
- [Installation](#installation)
|
||||
- [Main Features](#features)
|
||||
- [Support](#support)
|
||||
- [Licensing](#licensing)
|
||||
- [Hire](#hire)
|
||||
|
||||
## Live Demo
|
||||
|
||||
Check out the live demo [here](https://cohub-hugo.netlify.app/)
|
||||
|
||||
## Installation
|
||||
|
||||
1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/hugo-coHub.git themes/coHub`.
|
||||
2. Copy the `data`, `content`, `static`, `resources` & `config.toml` files from the `exampleSite` directory and paste it on you Hugo Project repository/directory. From the site home directory:
|
||||
|
||||
```cli
|
||||
cp -a themes/coHub/exampleSite/* .
|
||||
```
|
||||
|
||||
3. Build your site with `hugo serve` and see the result at `http://localhost:1313/`.
|
||||
|
||||
## Features
|
||||
|
||||
- Responsive Ready.
|
||||
- Powered by Bootstrap 4.5.
|
||||
- Blog Support.
|
||||
- Well formatted code.
|
||||
- Easy Customization.
|
||||
- FabForm.io [static website forms](https://fabform.io).
|
||||
- Google Analytics.
|
||||
- Crafted for Personal Portfolio
|
||||
|
||||
## Support
|
||||
|
||||
Have some question or facing any technical trouble? Feel free to [Contact Us](https://staticmania.com/contact/).
|
||||
|
||||
## Licensing
|
||||
|
||||
This Repository is licensed under the [MIT](https://github.com/StaticMania/coHub/blob/master/LICENSE) License.
|
||||
|
||||
## Hire
|
||||
|
||||
Need help to build HUGO websites with your custom requirements. Feel free to [contact](https://staticmania.com/contact/) us. We provide custom development service for HUGO.
|
||||
2
themes/coHub/archetypes/default.md
Normal file
2
themes/coHub/archetypes/default.md
Normal file
@@ -0,0 +1,2 @@
|
||||
+++
|
||||
+++
|
||||
40
themes/coHub/assets/js/formhandler.js
Normal file
40
themes/coHub/assets/js/formhandler.js
Normal file
@@ -0,0 +1,40 @@
|
||||
window.addEventListener("DOMContentLoaded", function() {
|
||||
var form = document.getElementById("contact-form");
|
||||
var button = document.getElementById("contact-form-button");
|
||||
var status = document.getElementById("contact-form-status");
|
||||
|
||||
function success() {
|
||||
form.reset();
|
||||
button.style = "display: none ";
|
||||
status.innerHTML = "Thanks! Contact form is submitted successfully.";
|
||||
}
|
||||
|
||||
function error() {
|
||||
status.innerHTML = "Oops! There was a problem.";
|
||||
}
|
||||
|
||||
// handle the form submission event
|
||||
|
||||
form.addEventListener("submit", function(ev) {
|
||||
ev.preventDefault();
|
||||
var data = new FormData(form);
|
||||
ajax(form.method, form.action, data, success, error);
|
||||
});
|
||||
});
|
||||
|
||||
// helper function for sending an AJAX request
|
||||
|
||||
function ajax(method, url, data, success, error) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open(method, url);
|
||||
xhr.setRequestHeader("Accept", "application/json");
|
||||
xhr.onreadystatechange = function() {
|
||||
if (xhr.readyState !== XMLHttpRequest.DONE) return;
|
||||
if (xhr.status === 200) {
|
||||
success(xhr.response, xhr.responseType);
|
||||
} else {
|
||||
error(xhr.status, xhr.response, xhr.responseType);
|
||||
}
|
||||
};
|
||||
xhr.send(data);
|
||||
}
|
||||
364
themes/coHub/assets/js/script.js
Normal file
364
themes/coHub/assets/js/script.js
Normal file
@@ -0,0 +1,364 @@
|
||||
$(document).ready(function () {
|
||||
"use strict";
|
||||
//Copyright Date
|
||||
// var newYear = document.getElementById("newYear");
|
||||
// newYear.innerHTML = new Date().getFullYear();
|
||||
|
||||
// Scroll to top
|
||||
$("a[href='#top']").click(function () {
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: 0,
|
||||
},
|
||||
"slow"
|
||||
);
|
||||
return false;
|
||||
});
|
||||
|
||||
// Smooth scroll
|
||||
$("a.scroll-to").on("click", function (event) {
|
||||
$("html, body")
|
||||
.stop()
|
||||
.animate(
|
||||
{
|
||||
scrollTop: $(this.hash).offset().top - 50,
|
||||
},
|
||||
1000
|
||||
);
|
||||
event.preventDefault();
|
||||
if (screen.width < 992) {
|
||||
$(".navbar-toggler").click();
|
||||
}
|
||||
});
|
||||
|
||||
// AOS initialize
|
||||
AOS.init({
|
||||
disable: "mobile",
|
||||
});
|
||||
|
||||
// Service Item Match Height
|
||||
$(".service-item").matchHeight({
|
||||
byRow: 0,
|
||||
});
|
||||
|
||||
// .blog-content Match Height
|
||||
$(".blog-content").matchHeight({
|
||||
byRow: 0,
|
||||
});
|
||||
$(".story-slider").slick({
|
||||
dots: true,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
$(".quotes-slider").slick({
|
||||
dots: true,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
$(".clients-slider").slick({
|
||||
dots: true,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
$(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({
|
||||
disableOn: 700,
|
||||
type: "iframe",
|
||||
mainClass: "mfp-fade",
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
fixedContentPos: false,
|
||||
});
|
||||
// Magnific Gallery
|
||||
$(".gallery").magnificPopup({
|
||||
delegate: "a",
|
||||
type: "image",
|
||||
closeOnContentClick: false,
|
||||
closeBtnInside: false,
|
||||
mainClass: "mfp-with-zoom mfp-img-mobile",
|
||||
image: {
|
||||
verticalFit: true,
|
||||
titleSrc: function (item) {
|
||||
return (
|
||||
item.el.attr("title") +
|
||||
' · <a class="image-source-link" href="' +
|
||||
item.el.attr("data-source") +
|
||||
'" target="_blank">image source</a>'
|
||||
);
|
||||
},
|
||||
},
|
||||
gallery: {
|
||||
enabled: true,
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300, // don't foget to change the duration also in CSS
|
||||
opener: function (element) {
|
||||
return element.find("img");
|
||||
},
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
// Add nav bg
|
||||
$(window).on("scroll", function () {
|
||||
if ($(window).scrollTop()) {
|
||||
$(".main-nav").addClass("nav-bg");
|
||||
} else {
|
||||
$(".main-nav").removeClass("nav-bg");
|
||||
}
|
||||
});
|
||||
// G-Map
|
||||
/**
|
||||
* Created by Kausar on 06/10/2016.
|
||||
*/
|
||||
window.marker = null;
|
||||
|
||||
function initialize() {
|
||||
var map;
|
||||
var lat = $("#map").data("lat");
|
||||
var long = $("#map").data("long");
|
||||
console.log(lat, long);
|
||||
var mapCenter = new google.maps.LatLng(lat, long);
|
||||
var style = [
|
||||
{
|
||||
"featureType": "all",
|
||||
"elementType": "geometry",
|
||||
"stylers": [
|
||||
{
|
||||
"color": "#202c3e"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "all",
|
||||
"elementType": "labels.text.fill",
|
||||
"stylers": [
|
||||
{
|
||||
"gamma": 0.01
|
||||
},
|
||||
{
|
||||
"lightness": 20
|
||||
},
|
||||
{
|
||||
"weight": "1.39"
|
||||
},
|
||||
{
|
||||
"color": "#ffffff"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "all",
|
||||
"elementType": "labels.text.stroke",
|
||||
"stylers": [
|
||||
{
|
||||
"weight": "0.96"
|
||||
},
|
||||
{
|
||||
"saturation": "9"
|
||||
},
|
||||
{
|
||||
"visibility": "on"
|
||||
},
|
||||
{
|
||||
"color": "#000000"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "all",
|
||||
"elementType": "labels.icon",
|
||||
"stylers": [
|
||||
{
|
||||
"visibility": "off"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "landscape",
|
||||
"elementType": "geometry",
|
||||
"stylers": [
|
||||
{
|
||||
"lightness": 30
|
||||
},
|
||||
{
|
||||
"saturation": "9"
|
||||
},
|
||||
{
|
||||
"color": "#29446b"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "poi",
|
||||
"elementType": "geometry",
|
||||
"stylers": [
|
||||
{
|
||||
"saturation": 20
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "poi.park",
|
||||
"elementType": "geometry",
|
||||
"stylers": [
|
||||
{
|
||||
"lightness": 20
|
||||
},
|
||||
{
|
||||
"saturation": -20
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "road",
|
||||
"elementType": "geometry",
|
||||
"stylers": [
|
||||
{
|
||||
"lightness": 10
|
||||
},
|
||||
{
|
||||
"saturation": -30
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "road",
|
||||
"elementType": "geometry.fill",
|
||||
"stylers": [
|
||||
{
|
||||
"color": "#193a55"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "road",
|
||||
"elementType": "geometry.stroke",
|
||||
"stylers": [
|
||||
{
|
||||
"saturation": 25
|
||||
},
|
||||
{
|
||||
"lightness": 25
|
||||
},
|
||||
{
|
||||
"weight": "0.01"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "water",
|
||||
"elementType": "all",
|
||||
"stylers": [
|
||||
{
|
||||
"lightness": -20
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
var mapOptions = {
|
||||
// SET THE CENTER
|
||||
center: mapCenter,
|
||||
// SET THE MAP STYLE & ZOOM LEVEL
|
||||
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
||||
// REMOVE ALL THE CONTROLS EXCEPT ZOOM
|
||||
zoom: 12,
|
||||
panControl: false,
|
||||
scrollwheel: false,
|
||||
zoomControl: true,
|
||||
mapTypeControl: false,
|
||||
scaleControl: false,
|
||||
streetViewControl: false,
|
||||
overviewMapControl: false,
|
||||
zoomControlOptions: {
|
||||
style: google.maps.ZoomControlStyle.LARGE,
|
||||
},
|
||||
};
|
||||
|
||||
map = new google.maps.Map(document.getElementById("map"), mapOptions);
|
||||
// SET THE MAP TYPE
|
||||
var mapType = new google.maps.StyledMapType(style, {
|
||||
name: "Grayscale",
|
||||
});
|
||||
map.mapTypes.set("grey", mapType);
|
||||
map.setMapTypeId("grey");
|
||||
//CREATE A CUSTOM PIN ICON
|
||||
var marker_image = $("#map").data("pin");
|
||||
var pinIcon = new google.maps.MarkerImage(
|
||||
marker_image,
|
||||
null,
|
||||
null,
|
||||
null
|
||||
);
|
||||
marker = new google.maps.Marker({
|
||||
position: mapCenter,
|
||||
map: map,
|
||||
icon: pinIcon,
|
||||
title: "CoHub",
|
||||
});
|
||||
}
|
||||
|
||||
if ($("#map").length > 0) {
|
||||
google.maps.event.addDomListener(window, "load", initialize);
|
||||
}
|
||||
|
||||
12
themes/coHub/assets/scss/_buttons.scss
Normal file
12
themes/coHub/assets/scss/_buttons.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
.btn-primary {
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
border: 1px solid $primary-color;
|
||||
font-family: $primary-font;
|
||||
font-size: 14px;
|
||||
padding: 15px 40px;
|
||||
transition: 0.3s $site-ease;
|
||||
&:hover {
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
}
|
||||
173
themes/coHub/assets/scss/_common.scss
Normal file
173
themes/coHub/assets/scss/_common.scss
Normal file
@@ -0,0 +1,173 @@
|
||||
.section {
|
||||
padding: 100px 0;
|
||||
@include desktop {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
&-title {
|
||||
text-align: center;
|
||||
margin-bottom: 100px;
|
||||
position: relative;
|
||||
@include mobile {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 5px;
|
||||
background: $text-color;
|
||||
border-radius: 5px;
|
||||
bottom: -25px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
color: #252525;
|
||||
margin-bottom: 15px;
|
||||
|
||||
@include tablet {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
width: 66%;
|
||||
margin: 0 auto;
|
||||
|
||||
@include mobile-xs {
|
||||
width: 72%;
|
||||
}
|
||||
|
||||
@include mobile {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-header {
|
||||
text-align: center;
|
||||
padding-bottom: 100px;
|
||||
@include desktop-lg {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
@include tablet {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
color: #252525;
|
||||
margin-bottom: 15px;
|
||||
|
||||
@include tablet {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
width: 66%;
|
||||
margin: 0 auto;
|
||||
|
||||
@include mobile-xs {
|
||||
width: 72%;
|
||||
}
|
||||
|
||||
@include mobile {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.about {
|
||||
padding-top: 150px;
|
||||
@include mobile {
|
||||
padding-top: 120px;
|
||||
}
|
||||
}
|
||||
// bloge page-title
|
||||
.page-title {
|
||||
padding: 200px 0 50px;
|
||||
text-align: center;
|
||||
@include desktop-lg {
|
||||
padding: 130px 0 50px;
|
||||
}
|
||||
@include desktop {
|
||||
padding: 140px 0 50px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 110px 0 30px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
padding: 110px 0 0px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
font-family: $primary-font;
|
||||
|
||||
a {
|
||||
font-weight: 600;
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.privacy-policy {
|
||||
background-color: $border-color;
|
||||
padding: 150px 0;
|
||||
@include mobile {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
&-content {
|
||||
padding: 50px;
|
||||
background-color: $white;
|
||||
border-radius: 20px;
|
||||
@include desktop {
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
&-item {
|
||||
margin-bottom: 40px;
|
||||
h2 {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
48
themes/coHub/assets/scss/_mixins.scss
Normal file
48
themes/coHub/assets/scss/_mixins.scss
Normal file
@@ -0,0 +1,48 @@
|
||||
@mixin mobile-xs{
|
||||
@media(max-width:400px){
|
||||
@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:1199px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin desktop-xl{
|
||||
@media(max-width:1400px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin desktop-1500{
|
||||
@media(min-width:1500px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin desktop-4k{
|
||||
@media(min-width:2000px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin size($size){
|
||||
width: $size; height: $size;
|
||||
}
|
||||
51
themes/coHub/assets/scss/_typography.scss
Normal file
51
themes/coHub/assets/scss/_typography.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400|Open+Sans:300,400,600,700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: $secondary-font;
|
||||
font-size: 16px;
|
||||
color: $text-color;
|
||||
background: $body-color;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $text-color-dark;
|
||||
font-family: $primary-font;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: $text-color;
|
||||
line-height: 26px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 44px;
|
||||
line-height: 58px;
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 33px;
|
||||
line-height: 45px;
|
||||
font-weight: 300;
|
||||
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 19px;
|
||||
font-weight: 400;
|
||||
color: $text-color-dark;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
17
themes/coHub/assets/scss/_variables.scss
Normal file
17
themes/coHub/assets/scss/_variables.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
//site color variables
|
||||
$body-color: #FFF;
|
||||
$bg-color:#DFF1F4;
|
||||
$primary-color: #007af5;
|
||||
$secondary-color: #5477F8;
|
||||
$text-color: #808080;
|
||||
$text-color-dark:#252525;
|
||||
$site-ease: cubic-bezier(0.77, 0, 0.175, 1);
|
||||
$border-color: #EDEDF4;
|
||||
|
||||
// solid colors
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
|
||||
// Font Variables
|
||||
$primary-font: 'Montserrat', sans-serif;
|
||||
$secondary-font: 'Open Sans', sans-serif;
|
||||
227
themes/coHub/assets/scss/components/_blog.scss
Normal file
227
themes/coHub/assets/scss/components/_blog.scss
Normal file
@@ -0,0 +1,227 @@
|
||||
.blog {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
@include tablet {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 30px 0;
|
||||
}
|
||||
&-post {
|
||||
margin-bottom: 30px;
|
||||
@include mobile {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
border-radius: 5px 5px 0 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-content {
|
||||
padding: 30px 20px;
|
||||
border-left: 1px solid #ececec;
|
||||
border-right: 1px solid #ececec;
|
||||
border-bottom: 1px solid #ececec;
|
||||
border-radius: 0px 5px 5px 5px;
|
||||
|
||||
h3 {
|
||||
@include mobile-xs {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
color: $text-color-dark;
|
||||
text-transform: capitalize;
|
||||
|
||||
@include mobile-xs {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
a.more {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
font-family: $primary-font;
|
||||
text-transform: capitalize;
|
||||
transition: 0.3s $site-ease;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-pagination {
|
||||
margin-top: 40px;
|
||||
|
||||
.pagination {
|
||||
justify-content: center;
|
||||
|
||||
.page-item {
|
||||
&:not(:last-child) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.page-link {
|
||||
font-size: 18px;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
padding: 12px 20px;
|
||||
color: $text-color-dark;
|
||||
font-weight: 300;
|
||||
transition: all 0.3s ease;
|
||||
font-family: $primary-font;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.page-link {
|
||||
background-color: $primary-color;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post {
|
||||
text-align: center;
|
||||
padding-top: 150px;
|
||||
padding-bottom: 90px;
|
||||
|
||||
@include desktop {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
@include mobile {
|
||||
padding-top: 110px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
&-title {
|
||||
padding-bottom: 20px;
|
||||
|
||||
h2 {
|
||||
font-size: 33px;
|
||||
line-height: 35px;
|
||||
|
||||
@include mobile {
|
||||
font-size: 30px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-meta {
|
||||
padding-bottom: 50px;
|
||||
@include mobile {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-image {
|
||||
img {
|
||||
max-width: 100%;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&-body {
|
||||
text-align: left;
|
||||
padding-top: 30px;
|
||||
p {
|
||||
line-height: 32px;
|
||||
margin-bottom: 30px;
|
||||
@include mobile-xs {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
p{
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
color: $text-color-dark;
|
||||
margin-bottom: 40px;
|
||||
font-family: $primary-font;
|
||||
font-weight: 400;
|
||||
@include mobile-xs {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-list {
|
||||
text-align: left;
|
||||
li {
|
||||
font-size: 22px;
|
||||
@include mobile-xs {
|
||||
font-size: 18px;
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
p{
|
||||
.tags{
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 500;
|
||||
transition: all .3s ease-in-out;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
&:nth-child(2) {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-right: 5px;
|
||||
}
|
||||
&:hover{
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
60
themes/coHub/assets/scss/components/_clients.scss
Normal file
60
themes/coHub/assets/scss/components/_clients.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
.clients {
|
||||
position: relative;
|
||||
padding: 50px 0;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
background-color: #8080802e;
|
||||
margin: 100px 0;
|
||||
@include desktop {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
@include tablet {
|
||||
margin: 50px 0 30px 0;
|
||||
}
|
||||
&-slider {
|
||||
position: relative;
|
||||
padding: 50px 0;
|
||||
@include mobile {
|
||||
padding: 20px 0;
|
||||
}
|
||||
&-item {
|
||||
position: relative;
|
||||
outline: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img {
|
||||
max-width: 80%;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@include mobile {
|
||||
bottom: -30px;
|
||||
}
|
||||
li {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
button {
|
||||
background: $text-color;
|
||||
text-indent: -999999999px;
|
||||
border-radius: 50%;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.slick-dots li.slick-active button {
|
||||
background: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
105
themes/coHub/assets/scss/components/_contact.scss
Normal file
105
themes/coHub/assets/scss/components/_contact.scss
Normal file
@@ -0,0 +1,105 @@
|
||||
.contact {
|
||||
.container-fluid {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
&-aria {
|
||||
background: #222029;
|
||||
padding: 100px;
|
||||
@include desktop {
|
||||
text-align: center;
|
||||
padding: 50px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 30px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
padding: 30px 10px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 25px;
|
||||
line-height: 38px;
|
||||
font-weight: 300;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 30px 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
a {
|
||||
color: $white;
|
||||
line-height: 32px;
|
||||
font-size: 19px;
|
||||
font-weight: 400;
|
||||
text-decoration: underline;
|
||||
font-family: $primary-font;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: $white;
|
||||
font-weight: 300;
|
||||
line-height: 32px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
@include desktop {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
@include mobile {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#map {
|
||||
height: 100%;
|
||||
|
||||
@include desktop {
|
||||
height: 500px;
|
||||
}
|
||||
@include tablet {
|
||||
height: 400px;
|
||||
}
|
||||
@include mobile {
|
||||
height: 300px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
&-section {
|
||||
padding: 140px 0 100px 0;
|
||||
@include mobile {
|
||||
padding: 120px 0 50px 0;
|
||||
}
|
||||
}
|
||||
&-form {
|
||||
text-align: center;
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
margin-bottom: 40px;
|
||||
@include mobile-xs {
|
||||
font-size: 24px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
form {
|
||||
.form-control {
|
||||
padding: 17px 20px;
|
||||
margin-bottom: 30px;
|
||||
@include mobile-xs {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.form-check {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
17
themes/coHub/assets/scss/components/_cta.scss
Normal file
17
themes/coHub/assets/scss/components/_cta.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
.cta {
|
||||
padding-bottom: 50px;
|
||||
@include tablet {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
&-content {
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
margin-bottom: 15px;
|
||||
|
||||
@include mobile-xs {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
121
themes/coHub/assets/scss/components/_error.scss
Normal file
121
themes/coHub/assets/scss/components/_error.scss
Normal file
@@ -0,0 +1,121 @@
|
||||
.error {
|
||||
background: #f0f2f5;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
&-content {
|
||||
padding: 270px 0 245px;
|
||||
text-align: center;
|
||||
|
||||
@include desktop-lg {
|
||||
padding: 200px 0;
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
padding: 150px 0 100px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 120px 0 60px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 170px;
|
||||
display: inline-block;
|
||||
margin-bottom: 80px;
|
||||
|
||||
@include desktop {
|
||||
font-size: 100px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
font-size: 80px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
@include mobile {
|
||||
font-size: 50px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@include mobile-xs {
|
||||
font-size: 40px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 30px;
|
||||
font-weight: 500;
|
||||
color: $text-color-dark;
|
||||
@include mobile-xs {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
padding: 30px 0 70px;
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
|
||||
@include tablet {
|
||||
width: 80%;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 30px 0 40px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
.form-control {
|
||||
background: white;
|
||||
padding: 20px 50px 20px 40px;
|
||||
border-radius: 50px;
|
||||
color: $text-color;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
border: none;
|
||||
|
||||
@include mobile-xs {
|
||||
padding: 10px 50px 10px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.input-search {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 95%;
|
||||
transform: translate(-95%, -50%);
|
||||
|
||||
@include mobile-xs {
|
||||
left: 90%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-size: 30px;
|
||||
i {
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-link {
|
||||
a {
|
||||
background: $primary-color;
|
||||
padding: 15px 30px;
|
||||
color: $white;
|
||||
border-radius: 30px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
text-decoration: none;
|
||||
|
||||
i {
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
49
themes/coHub/assets/scss/components/_faq.scss
Normal file
49
themes/coHub/assets/scss/components/_faq.scss
Normal file
@@ -0,0 +1,49 @@
|
||||
.faq {
|
||||
padding: 100px 0;
|
||||
@include desktop {
|
||||
text-align: center;
|
||||
padding: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.text-block {
|
||||
h2 {
|
||||
@include tablet {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
font-size: 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-content {
|
||||
margin: 0 auto 30px;
|
||||
@include tablet {
|
||||
text-align: center;
|
||||
}
|
||||
@include mobile {
|
||||
width: 100%;
|
||||
}
|
||||
@include mobile-xs {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
margin: 0 0 10px;
|
||||
@include desktop {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
152
themes/coHub/assets/scss/components/_footer.scss
Normal file
152
themes/coHub/assets/scss/components/_footer.scss
Normal file
@@ -0,0 +1,152 @@
|
||||
.footer {
|
||||
padding: 100px 0;
|
||||
background: #f7f8fc;
|
||||
@include desktop {
|
||||
padding: 50px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-logo {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
&-menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
padding-bottom: 20px;
|
||||
|
||||
@include tablet {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
padding-bottom: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
|
||||
&:not(:first-child) {
|
||||
padding-left: 50px;
|
||||
|
||||
@include desktop {
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 12px;
|
||||
color: $text-color-dark;
|
||||
transition: all 0.5s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-text-block {
|
||||
@include desktop {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-family: $primary-font;
|
||||
}
|
||||
}
|
||||
|
||||
&-icon {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-bottom: 20px;
|
||||
|
||||
@include desktop {
|
||||
justify-content: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding-left: 15px;
|
||||
display: inline-block;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #666666;
|
||||
transition: all 0.3s ease-in-out;
|
||||
text-decoration: none;
|
||||
|
||||
i {
|
||||
font-size: 1.5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-copyright-text {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
opacity: 0.5;
|
||||
|
||||
@include desktop {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
padding-left: 20px;
|
||||
|
||||
a {
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li:hover > a {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
56
themes/coHub/assets/scss/components/_gallery.scss
Normal file
56
themes/coHub/assets/scss/components/_gallery.scss
Normal file
@@ -0,0 +1,56 @@
|
||||
.gallery {
|
||||
padding: 100px 0;
|
||||
@include desktop-lg {
|
||||
padding: 70px 0 50px;
|
||||
}
|
||||
@include tablet {
|
||||
padding: 50px 0 0;
|
||||
}
|
||||
&-item {
|
||||
opacity: 1;
|
||||
transition: all 0.5s $site-ease;
|
||||
margin-bottom: 30px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
|
||||
a {
|
||||
cursor: url(../images/plus.png), auto;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
&:hover {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
}
|
||||
|
||||
&-button-platform {
|
||||
padding-bottom: 20px;
|
||||
|
||||
a {
|
||||
background: $primary-color;
|
||||
transition: all 0.3s ease-in-out;
|
||||
position: relative;
|
||||
font-family: "Lato", sans-serif;
|
||||
padding: 10px 50px;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
|
||||
.badge {
|
||||
top: -7px;
|
||||
position: absolute;
|
||||
color: #f7f1f1;
|
||||
background: #31639c;
|
||||
border-radius: 50px;
|
||||
padding: 7px 20px;
|
||||
font-size: 10px;
|
||||
font-weight: 400;
|
||||
right: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
&-pragrap {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
123
themes/coHub/assets/scss/components/_hero.scss
Normal file
123
themes/coHub/assets/scss/components/_hero.scss
Normal file
@@ -0,0 +1,123 @@
|
||||
.hero {
|
||||
padding: 250px 0 200px;
|
||||
position: relative;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
|
||||
@include desktop-lg {
|
||||
padding: 150px 0 120px;
|
||||
}
|
||||
@include desktop {
|
||||
padding: 200px 0 120px;
|
||||
}
|
||||
@include tablet {
|
||||
padding: 150px 0 100px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 120px 0 80px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba($color: $black, $alpha: 0.5);
|
||||
}
|
||||
|
||||
&-content {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
h1 {
|
||||
color: $white;
|
||||
margin-bottom: 15px;
|
||||
font-size: 50px;
|
||||
line-height: 70px;
|
||||
|
||||
@include tablet {
|
||||
font-size: 40px;
|
||||
line-height: 55px;
|
||||
}
|
||||
@include mobile {
|
||||
font-size: 30px;
|
||||
line-height: 45px;
|
||||
}
|
||||
|
||||
@include mobile-xs {
|
||||
font-size: 24px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: $white;
|
||||
font-size: 19px;
|
||||
line-height: 32px;
|
||||
width: 83%;
|
||||
margin: 0 auto 50px;
|
||||
|
||||
@include desktop {
|
||||
width: 100%;
|
||||
}
|
||||
@include mobile {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-video-player {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
|
||||
@include desktop {
|
||||
margin-top: 60px;
|
||||
}
|
||||
@include mobile {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.hero-video-player-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
a {
|
||||
display: block;
|
||||
position: relative;
|
||||
background: $white;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
color: $black;
|
||||
margin-bottom: 20px;
|
||||
transition: 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.2);
|
||||
i {
|
||||
color: $primary-color;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: $white;
|
||||
font-family: $primary-font;
|
||||
}
|
||||
}
|
||||
}
|
||||
153
themes/coHub/assets/scss/components/_navigation.scss
Normal file
153
themes/coHub/assets/scss/components/_navigation.scss
Normal file
@@ -0,0 +1,153 @@
|
||||
.main-nav {
|
||||
padding: 30px 35px 20px;
|
||||
transition: all 0.5s ease-in-out;
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
@include desktop {
|
||||
background: $white;
|
||||
padding: 30px;
|
||||
}
|
||||
@include mobile {
|
||||
padding: 15px 30px;
|
||||
width: 95%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 10px;
|
||||
}
|
||||
.navbar-nav {
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
color: $white;
|
||||
padding-left: 20px;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
padding-right: 20px;
|
||||
letter-spacing: 1px;
|
||||
position: relative;
|
||||
font-family: $primary-font;
|
||||
z-index: 1;
|
||||
transition: all 0.5s ease-in-out;
|
||||
@include desktop {
|
||||
color: $text-color-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include desktop {
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
.logo-main {
|
||||
display: none;
|
||||
@include desktop {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.logo-white {
|
||||
display: block;
|
||||
@include desktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
img {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
|
||||
.icon-bar {
|
||||
width: 25px;
|
||||
height: 2px;
|
||||
background: $secondary-color;
|
||||
transition: all 0.2s;
|
||||
display: block;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
transform: rotate(45deg);
|
||||
transform-origin: 10% 10%;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: 10% 90%;
|
||||
}
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
.icon-bar {
|
||||
&:nth-child(1) {
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=1);
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-bg {
|
||||
background: $white;
|
||||
padding: 20px;
|
||||
border: none;
|
||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
|
||||
top: 0;
|
||||
@include mobile {
|
||||
top: 10px;
|
||||
padding: 20px 20px;
|
||||
}
|
||||
.navbar-brand {
|
||||
.logo-main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo-white {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
color: $text-color-dark !important;
|
||||
|
||||
&::before {
|
||||
background: darken($color: $white, $amount: 10) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.account-list {
|
||||
li {
|
||||
a {
|
||||
color: $white;
|
||||
background: $secondary-color;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-colored {
|
||||
@extend .nav-bg;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
76
themes/coHub/assets/scss/components/_pricing.scss
Normal file
76
themes/coHub/assets/scss/components/_pricing.scss
Normal file
@@ -0,0 +1,76 @@
|
||||
.pricing {
|
||||
padding: 100px 0;
|
||||
@include desktop {
|
||||
padding: 50px 0;
|
||||
}
|
||||
@include mobile-xs {
|
||||
padding: 30px 0;
|
||||
}
|
||||
&-wraper {
|
||||
transition: all 0.3s ease-in-out;
|
||||
.pricing-item {
|
||||
background: $white;
|
||||
padding: 40px 10px;
|
||||
text-align: center;
|
||||
border: 1px solid #0000001c;
|
||||
border-radius: 6px 6px 0 0;
|
||||
position: relative;
|
||||
h3 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
span.price {
|
||||
font-size: 70px;
|
||||
font-weight: 400;
|
||||
font-family: $primary-font;
|
||||
color: $text-color-dark;
|
||||
transition: all 0.3s ease-in-out;
|
||||
sup {
|
||||
font-size: 30px;
|
||||
}
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&-badge {
|
||||
position: absolute;
|
||||
background: $primary-color;
|
||||
padding: 5px 10px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
color: $white;
|
||||
text-transform: lowercase;
|
||||
font-family: $primary-font;
|
||||
border-radius: 5px;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
p {
|
||||
margin-top: 20px;
|
||||
font-size: 14px;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
a {
|
||||
border: none;
|
||||
width: 100%;
|
||||
border-radius: 0px 0px 6px 6px;
|
||||
font-size: 13px;
|
||||
padding: 15px;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease-in-out;
|
||||
@include desktop {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
a {
|
||||
background-color: darken($color: $primary-color, $amount: 10);
|
||||
transform: translateY(0);
|
||||
}
|
||||
span.price {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
54
themes/coHub/assets/scss/components/_quotes.scss
Normal file
54
themes/coHub/assets/scss/components/_quotes.scss
Normal file
@@ -0,0 +1,54 @@
|
||||
.quotes {
|
||||
text-align: center;
|
||||
&-slider {
|
||||
&-item {
|
||||
outline: none;
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
display: block;
|
||||
line-height: 50px;
|
||||
margin: 0 140px 20px 140px;
|
||||
@include tablet {
|
||||
margin: 0 50px 20px 50px;
|
||||
}
|
||||
@include mobile {
|
||||
margin: 0 10px 20px 10px;
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
font-size: 25px;
|
||||
line-height: 35px;
|
||||
}
|
||||
}
|
||||
span {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
li {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
button {
|
||||
background: $text-color;
|
||||
text-indent: -999999999px;
|
||||
border-radius: 50%;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.slick-dots li.slick-active button {
|
||||
background: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
43
themes/coHub/assets/scss/components/_service.scss
Normal file
43
themes/coHub/assets/scss/components/_service.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
.service {
|
||||
background: #f7f8fc;
|
||||
padding: 50px 0;
|
||||
@include mobile {
|
||||
padding: 20px 0;
|
||||
}
|
||||
&-item {
|
||||
background: $white;
|
||||
padding: 50px 30px 50px;
|
||||
text-align: center;
|
||||
border: 1px solid #0000001c;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 30px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
@include mobile {
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
i {
|
||||
font-size: 40px;
|
||||
margin-bottom: 40px;
|
||||
color: $text-color-dark;
|
||||
display: inline-block;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
h3 {
|
||||
text-transform: capitalize;
|
||||
line-height: 26px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
line-height: 26px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
i {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
46
themes/coHub/assets/scss/components/_story.scss
Normal file
46
themes/coHub/assets/scss/components/_story.scss
Normal file
@@ -0,0 +1,46 @@
|
||||
.story {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-content {
|
||||
@include tablet {
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
&-slider {
|
||||
.slider-item {
|
||||
outline: none;
|
||||
img {
|
||||
width: 100%;
|
||||
transition: 0.5s $site-ease;
|
||||
}
|
||||
}
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
li {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
button {
|
||||
background: $text-color;
|
||||
text-indent: -999999999px;
|
||||
border-radius: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.slick-dots li.slick-active button {
|
||||
background: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
29
themes/coHub/assets/scss/components/_team.scss
Normal file
29
themes/coHub/assets/scss/components/_team.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
.team {
|
||||
padding-bottom: 100px;
|
||||
@include desktop {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
@include mobile {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.member-informashion {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
.member-thume {
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
||||
img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
&:hover {
|
||||
img {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
60
themes/coHub/assets/scss/components/_testimonial.scss
Normal file
60
themes/coHub/assets/scss/components/_testimonial.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
.testimonial {
|
||||
position: relative;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
padding: 100px 0;
|
||||
@include desktop {
|
||||
padding: 50px 0;
|
||||
}
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba($color: $black, $alpha: 0.5);
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&-content {
|
||||
background: $white;
|
||||
padding: 50px 70px 40px;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@include desktop {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@include mobile {
|
||||
padding: 30px;
|
||||
}
|
||||
@include mobile-xs {
|
||||
padding: 30px 15px 15px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: 300;
|
||||
font-size: 25px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
line-height: 32px;
|
||||
font-family: $primary-font;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
color: $text-color-dark;
|
||||
cite {
|
||||
color: #666666;
|
||||
display: block;
|
||||
margin-top: 30px;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-family: $secondary-font;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
themes/coHub/assets/scss/critical.scss
Normal file
13
themes/coHub/assets/scss/critical.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
@import "variables";
|
||||
|
||||
@import "plugins/bootstrap.min";
|
||||
|
||||
@import "typography";
|
||||
|
||||
@import "mixins";
|
||||
|
||||
@import "buttons";
|
||||
|
||||
@import "components/navigation";
|
||||
|
||||
@import "components/hero";
|
||||
45
themes/coHub/assets/scss/non-critical.scss
Normal file
45
themes/coHub/assets/scss/non-critical.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
@import "variables";
|
||||
|
||||
@import "mixins";
|
||||
|
||||
@import "plugins/themify";
|
||||
|
||||
@import "plugins/slick";
|
||||
|
||||
@import "plugins/slick-theme";
|
||||
|
||||
@import "plugins/aos";
|
||||
|
||||
@import "plugins/magnific-popup";
|
||||
|
||||
@import "common";
|
||||
|
||||
@import "components/gallery";
|
||||
|
||||
@import "components/cta";
|
||||
|
||||
@import "components/service";
|
||||
|
||||
@import "components/blog";
|
||||
|
||||
@import "components/testimonial";
|
||||
|
||||
@import "components/pricing";
|
||||
|
||||
@import "components/faq";
|
||||
|
||||
@import "components/clients";
|
||||
|
||||
@import "components/story";
|
||||
|
||||
@import "components/team";
|
||||
|
||||
@import "components/quotes";
|
||||
|
||||
@import "components/contact";
|
||||
|
||||
@import "components/error";
|
||||
|
||||
@import "components/footer";
|
||||
|
||||
@import "components/footer";
|
||||
3536
themes/coHub/assets/scss/plugins/_aos.scss
Normal file
3536
themes/coHub/assets/scss/plugins/_aos.scss
Normal file
File diff suppressed because one or more lines are too long
7
themes/coHub/assets/scss/plugins/_bootstrap.min.scss
Normal file
7
themes/coHub/assets/scss/plugins/_bootstrap.min.scss
Normal file
File diff suppressed because one or more lines are too long
4
themes/coHub/assets/scss/plugins/_font-awesome.min.scss
Normal file
4
themes/coHub/assets/scss/plugins/_font-awesome.min.scss
Normal file
File diff suppressed because one or more lines are too long
470
themes/coHub/assets/scss/plugins/_magnific-popup.scss
Normal file
470
themes/coHub/assets/scss/plugins/_magnific-popup.scss
Normal file
@@ -0,0 +1,470 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-container {
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mfp-content {
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-ajax-cur {
|
||||
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 {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mfp-preloader {
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-close {
|
||||
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:active {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px;
|
||||
}
|
||||
|
||||
.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:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px;
|
||||
}
|
||||
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F;
|
||||
}
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px;
|
||||
}
|
||||
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F;
|
||||
}
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px;
|
||||
}
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
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, 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 40px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
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, 0.6);
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.mfp-figure figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mfp-bottom-bar {
|
||||
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;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-iframe-holder .mfp-close{
|
||||
font-family: $primary-font;
|
||||
font-weight: 300;
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
button.mfp-close{
|
||||
font-family: $primary-font;
|
||||
font-weight: 300;
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
.mfp-zoom-out-cur{
|
||||
cursor: url(../images/minus.png), auto;
|
||||
}
|
||||
|
||||
.mfp-title, .mfp-counter{
|
||||
font-family: $primary-font;
|
||||
}
|
||||
199
themes/coHub/assets/scss/plugins/_slick-theme.scss
Normal file
199
themes/coHub/assets/scss/plugins/_slick-theme.scss
Normal file
@@ -0,0 +1,199 @@
|
||||
@charset 'UTF-8';
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('../fonts/slick.eot');
|
||||
src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
|
||||
font-display: swap;
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
119
themes/coHub/assets/scss/plugins/_slick.scss
Normal file
119
themes/coHub/assets/scss/plugins/_slick.scss
Normal file
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
1081
themes/coHub/assets/scss/plugins/_themify.scss
Normal file
1081
themes/coHub/assets/scss/plugins/_themify.scss
Normal file
File diff suppressed because it is too large
Load Diff
4
themes/coHub/config.toml
Normal file
4
themes/coHub/config.toml
Normal file
@@ -0,0 +1,4 @@
|
||||
[module]
|
||||
[module.hugoVersion]
|
||||
extended = true
|
||||
min = "0.41.0"
|
||||
BIN
themes/coHub/images/screenshot.png
Normal file
BIN
themes/coHub/images/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
themes/coHub/images/tn.png
Normal file
BIN
themes/coHub/images/tn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 554 KiB |
31
themes/coHub/layouts/404.html
Normal file
31
themes/coHub/layouts/404.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{{ define "main"}}
|
||||
<section class="error">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!--start error-content -->
|
||||
<div class="error-content">
|
||||
<h2>404 Error</h2>
|
||||
<p>Oops! Page Not Found</p>
|
||||
<form action="#">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search again...">
|
||||
<div class="input-search">
|
||||
<a href="#"> <i class="ti-search"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="error-content-link">
|
||||
<a href="{{.Site.BaseURL}}">
|
||||
<i class="ti-arrow-left"></i>
|
||||
back to home
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end error-content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{end}}
|
||||
11
themes/coHub/layouts/_default/baseof.html
Normal file
11
themes/coHub/layouts/_default/baseof.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{{- partial "head.html" . -}}
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
<div id="content">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
{{- partial "footer.html" . -}}
|
||||
</body>
|
||||
</html>
|
||||
0
themes/coHub/layouts/_default/list.html
Normal file
0
themes/coHub/layouts/_default/list.html
Normal file
0
themes/coHub/layouts/_default/single.html
Normal file
0
themes/coHub/layouts/_default/single.html
Normal file
43
themes/coHub/layouts/about/list.html
Normal file
43
themes/coHub/layouts/about/list.html
Normal file
@@ -0,0 +1,43 @@
|
||||
{{ define "main"}}
|
||||
<section class="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="page-header">
|
||||
<h2>{{ .Title}}</h2>
|
||||
<p>{{ .Params.subTitle }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="story">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="story-content">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{{ with .Params.slideImage }}
|
||||
<div class="story-slider">
|
||||
{{range . }}
|
||||
<div class="slider-item">
|
||||
<img src="{{ .image | absURL }}" alt="images">
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ partial "gallery.html" . }}
|
||||
{{ partial "testimonial.html" . }}
|
||||
{{ partial "client.html" . }}
|
||||
{{ partial "investor.html" . }}
|
||||
{{ partial "contactAddress.html" . }}
|
||||
|
||||
|
||||
{{end}}
|
||||
41
themes/coHub/layouts/blog/list.html
Normal file
41
themes/coHub/layouts/blog/list.html
Normal file
@@ -0,0 +1,41 @@
|
||||
{{define "main"}}
|
||||
<section class="page-title">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>{{.Title}}</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
|
||||
<li class="breadcrumb-item active">{{.Title}}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="blog">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="col-lg-4">
|
||||
<article class="blog-post">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="blog-images">
|
||||
<div class="blog-content">
|
||||
<h3><a href="{{ .Permalink }}">{{ .Title}}</a></h3>
|
||||
<p> {{truncate 100 .Summary}} </p>
|
||||
<a class="more" href="{{ .Permalink }}">Read more <span>⟶</span></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="col-12">
|
||||
<div class="blog-pagination">
|
||||
{{partial "pagination.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
26
themes/coHub/layouts/blog/single.html
Normal file
26
themes/coHub/layouts/blog/single.html
Normal file
@@ -0,0 +1,26 @@
|
||||
{{define "main"}}
|
||||
<article class="post">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto">
|
||||
<div class="post-title">
|
||||
<h2>{{.Title}}</h2>
|
||||
</div>
|
||||
<div class="post-meta">
|
||||
<p><span>{{ .PublishDate.Format "January 2, 2006" }}</span> in
|
||||
{{ range (.GetTerms "tags") }}
|
||||
<a class="tags" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
|
||||
{{ end }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="post-image">
|
||||
<img src="{{ .Params.featureImage | absURL}}" alt="feature-image">
|
||||
</div>
|
||||
<div class="post-body">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{{end}}
|
||||
48
themes/coHub/layouts/contact/list.html
Normal file
48
themes/coHub/layouts/contact/list.html
Normal file
@@ -0,0 +1,48 @@
|
||||
{{define "main"}}
|
||||
<section class="contact-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto col-md-12">
|
||||
<div class="page-header">
|
||||
<h2> {{ .Title }}</h2>
|
||||
<p>{{.Params.subTitle}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<div class="contact-form">
|
||||
<h2>Contact Form</h2>
|
||||
<form id="contact-form" class="row" action="{{ .Site.Params.fabFormURL }}" method="POST">
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" id="exampleFormControlInput1" name="Name" placeholder="Your Name">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" id="validationCustom02" required="" name="email" placeholder="Your Email">
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="8" name="message"
|
||||
placeholder="Message here…"></textarea>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="gridCheck" name="checkbox" required>
|
||||
<label class="form-check-label" for="gridCheck">
|
||||
I agree that my submitted data is being collected and stored.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button type="submit" class="btn btn-primary" id="contact-form-button" formtarget="_blank">Send Message</button>
|
||||
</div>
|
||||
<p id="contact-form-status"></p>
|
||||
</form>
|
||||
<p class="contact-form-generator mt-3">
|
||||
<strong>** </strong> <a href="https://fabform.io/" target="_blank">Static website forms</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
11
themes/coHub/layouts/index.html
Normal file
11
themes/coHub/layouts/index.html
Normal file
@@ -0,0 +1,11 @@
|
||||
{{define "main"}}
|
||||
{{ partial "hero.html" . }}
|
||||
{{ partial "gallery.html" . }}
|
||||
{{ partial "cta.html" . }}
|
||||
{{ partial "service.html" . }}
|
||||
{{ partial "blogSection.html" . }}
|
||||
{{ partial "feedback.html" . }}
|
||||
{{ partial "pricing.html" . }}
|
||||
{{ partial "faq.html" . }}
|
||||
{{ partial "contactAddress.html" . }}
|
||||
{{end}}
|
||||
35
themes/coHub/layouts/partials/blogSection.html
Normal file
35
themes/coHub/layouts/partials/blogSection.html
Normal file
@@ -0,0 +1,35 @@
|
||||
{{with .Site.Data.blogSection}}
|
||||
{{if .enable}}
|
||||
<section class="blog" id="blog">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="section-title">
|
||||
<h2>{{.title}}</h2>
|
||||
<p>
|
||||
{{.subtitle}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
{{ range first 3 (where $.Site.RegularPages "Type" "blog") }}
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<article class="blog-post">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="blog-images">
|
||||
<div class="blog-content">
|
||||
<h3><a href="{{ .Permalink }}">{{.Title}}</a></h3>
|
||||
<p>{{ truncate 75 .Summary }}</p>
|
||||
<a class="more" href="{{ .Permalink }}">Read more <span>⟶</span></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="col-12 text-center">
|
||||
<a href="{{.buttonTarget | absURL}}" class="btn btn-primary">View blog page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
24
themes/coHub/layouts/partials/client.html
Normal file
24
themes/coHub/layouts/partials/client.html
Normal file
@@ -0,0 +1,24 @@
|
||||
{{ with .Site.Data.clients}}
|
||||
{{ if .enable}}
|
||||
<section class="clients">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h2>{{ .title}}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="clients-slider">
|
||||
{{ range .clients}}
|
||||
<div class="clients-slider-item">
|
||||
<img src="{{ .image | absURL}}" alt="{{ .image}}">
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
27
themes/coHub/layouts/partials/contactAddress.html
Normal file
27
themes/coHub/layouts/partials/contactAddress.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{{ $address := .Site.Params.address}}
|
||||
<section class="contact" id="contact">
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-lg-6">
|
||||
{{ $map := .Site.Params.map }}
|
||||
<div id="map" data-lat={{ $map.latitude }} data-long={{ $map.longitude }} data-pin={{ $map.pinImage | absURL }}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="contact-aria">
|
||||
<h3>
|
||||
{{ $address.address | safeHTML }}
|
||||
</h3>
|
||||
<ul>
|
||||
{{ with $address.email }}<li><i class="ti-email"></i> <a href="mailto:{{ . }}">{{ . }}</a></li>{{ end }}
|
||||
{{ with $address.phone }}<li><i class="ti-mobile"></i> <a href="tel:{{ . }}">{{ . }}</a></li>{{ end }}
|
||||
</ul>
|
||||
<p>
|
||||
{{ $address.openingDesc }}
|
||||
</p>
|
||||
<p>{{ $address.openingHours }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
19
themes/coHub/layouts/partials/cta.html
Normal file
19
themes/coHub/layouts/partials/cta.html
Normal file
@@ -0,0 +1,19 @@
|
||||
{{with .Site.Data.cta}}
|
||||
{{ if .enable }}
|
||||
<section class="cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="cta-content">
|
||||
<h2>{{.title}}</h2>
|
||||
<a href="{{.buttonTarget | absURL }}" class="btn btn-primary mb-3">
|
||||
Schedule your day
|
||||
</a>
|
||||
<p style="font-size: 12px;">or check out <a class="scroll-to" href="{{ $.Site.BaseURL }}{{ .priceLink }}">pricing plans</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
29
themes/coHub/layouts/partials/faq.html
Normal file
29
themes/coHub/layouts/partials/faq.html
Normal file
@@ -0,0 +1,29 @@
|
||||
{{with .Site.Data.faq}}
|
||||
{{if .enable}}
|
||||
<section class="faq" id="faq">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-12">
|
||||
<div class="faq-content text-block">
|
||||
<h2> {{.title}} </h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-12">
|
||||
<div class="row">
|
||||
{{ range .faq}}
|
||||
<div class="col-lg-6">
|
||||
<div class="faq-content">
|
||||
<h3>{{.question}}</h3>
|
||||
<p>
|
||||
{{.answer}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
18
themes/coHub/layouts/partials/feedback.html
Normal file
18
themes/coHub/layouts/partials/feedback.html
Normal file
@@ -0,0 +1,18 @@
|
||||
{{with .Site.Data.feedback}}
|
||||
{{if .enable}}
|
||||
<section class="testimonial" style="background-image: url( {{ .backgroundImage }} );">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="testimonial-content">
|
||||
<h3>{{ .title}}</h3>
|
||||
<blockquote>
|
||||
{{ .feedback}}
|
||||
<cite>{{ .feedbackAuthor }}</cite>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
71
themes/coHub/layouts/partials/footer.html
Normal file
71
themes/coHub/layouts/partials/footer.html
Normal file
@@ -0,0 +1,71 @@
|
||||
<section class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<div class="footer-logo">
|
||||
<img class="img-fluid" src="{{ .Site.Params.footerlogo | absURL}}" alt="logo">
|
||||
</div>
|
||||
<p class="footer-description">
|
||||
{{ .Site.Params.footerDescription}}
|
||||
</p>
|
||||
<div class="footer-text-block">
|
||||
<p>
|
||||
{{ .Site.Params.address.address | safeHTML}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ $socialIcon := .Site.Params.social}}
|
||||
<div class="col-lg-6 col-md-12 align-self-end">
|
||||
<div class="footer-icon">
|
||||
<ul>
|
||||
{{ range $socialIcon }}
|
||||
<li>
|
||||
<a target="_blank" href="{{ .url }}">
|
||||
<i
|
||||
class="{{ .icon }}">
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.address.email }}
|
||||
<li><a target="_blank" href="mailto:{{ . }}"><i class="ti-email"></i></a></li>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.address.phone }}
|
||||
<li><a target="_blank" href="tel:{{ . }}"><i class="ti-mobile"></i></a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-copyright-text">
|
||||
<p> {{ replace .Site.Params.copyright "{year}" now.Year | safeHTML }} </p>
|
||||
<ul>
|
||||
{{ $sitemap := .Site.Menus.sitemap }}
|
||||
{{ range $sitemap }}
|
||||
<li>
|
||||
<a href="{{ .URL | absURL }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{{ "<!-- Non Critical CSS -->" | safeHTML }}
|
||||
{{$style := resources.Get "scss/non-critical.scss" | resources.ToCSS | resources.Minify }}
|
||||
<link href="{{ $style.Permalink }}" rel="stylesheet" />
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key={{ .Site.Params.Map.APIkey }}&libraries=geometry">
|
||||
</script>
|
||||
{{ "<!-- VENDOR JS -->" | safeHTML }}
|
||||
<script src="{{"vendor/jQuery/jquery.min.js" | absURL }}"></script>
|
||||
<script src="{{"vendor/bootstrap/bootstrap.min.js" | absURL }}"></script>
|
||||
<script src="{{"vendor/slick/slick.min.js" | absURL}}"></script>
|
||||
<script src="{{"vendor/aos/aos.js" | absURL}}"></script>
|
||||
<script src="{{"vendor/match-height/match-height.js" | absURL}}"></script>
|
||||
<script src="{{"vendor/magnific-popup/magnific-popup.min.js" | absURL}}"></script>
|
||||
<script src="{{"vendor/g-map/gmap.js" | absURL}}"></script>
|
||||
<!-- {{ $formhandler := resources.Get "js/formhandler.js" | minify}}
|
||||
<script src="{{ $formhandler.Permalink}}"></script> -->
|
||||
{{ $script := resources.Get "js/script.js" | minify}}
|
||||
<script src="{{ $script.Permalink}}"></script>
|
||||
31
themes/coHub/layouts/partials/gallery.html
Normal file
31
themes/coHub/layouts/partials/gallery.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{{ with .Site.Data.gallery }}
|
||||
{{ if .enable }}
|
||||
<section class="gallery" id="gallery">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<h2>{{ .title | safeHTML }}</h2>
|
||||
<p>
|
||||
{{.subtitle}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{{ range .galleryImage }}
|
||||
<div class="col-md-6">
|
||||
<div class="gallery-item">
|
||||
<a href="{{ .image | absURL }}" data-source="{{ .image | absURL }}"
|
||||
title="{{ .description }}">
|
||||
<img src="{{ .image | absURL }}" alt="gallery-images">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
43
themes/coHub/layouts/partials/head.html
Normal file
43
themes/coHub/layouts/partials/head.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{{.Title}}</title>
|
||||
|
||||
{{ "<!--Meta For No Index-->" | safeHTML }}
|
||||
<meta name="robots" content="noindex, Nofollow, Noimageindex">
|
||||
|
||||
{{ "<!--mobile responsive meta-->" | safeHTML }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1"
|
||||
/>
|
||||
{{hugo.Generator}}
|
||||
{{ "<!-- Critical CSS -->" | safeHTML }}
|
||||
{{$style := resources.Get "scss/critical.scss" | resources.ToCSS | resources.Minify }}
|
||||
<link href="{{ $style.Permalink }}" rel="stylesheet" />
|
||||
|
||||
{{ with .Site.Params.theme_overrides }}
|
||||
{{ $theme_overrides := resources.Get . | minify | fingerprint "sha512" }}
|
||||
<link rel="stylesheet" href="{{ $theme_overrides.RelPermalink }}" integrity="{{ $theme_overrides.Data.Integrity }}">
|
||||
{{ end }}
|
||||
|
||||
{{"<!-- Favicon -->" | safeHTML}}
|
||||
<link rel="shortcut icon" href="{{"images/favicon.ico" | absURL}}" type="image/x-icon" />
|
||||
<link rel="icon" href="{{"images/favicon.png" | absURL}}" type="image/x-icon" />
|
||||
|
||||
{{ with .Site.Params.googleAnalytics }}
|
||||
{{ "<!-- Global Site Tag (gtag.js) - Google Analytics -->" | safeHTML }}
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', '{{ . }}');
|
||||
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
30
themes/coHub/layouts/partials/header.html
Normal file
30
themes/coHub/layouts/partials/header.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!-- Mark up for Site Navigation Section-->
|
||||
<header class="header">
|
||||
<nav class="main-nav navbar navbar-expand-lg {{ if not $.IsHome }}main-nav-colored{{ end }}">
|
||||
<div class="container-fluid">
|
||||
<a href="{{.Site.BaseURL}}" class="navbar-brand">
|
||||
<img src="{{ .Site.Params.logo | absURL}}" alt="site-logo" />
|
||||
</a>
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainNav" aria-expanded="false">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="collapse navbar-collapse nav-list"
|
||||
id="mainNav"
|
||||
>
|
||||
<ul class="navbar-nav ml-auto">
|
||||
{{ $currentPage := . }}
|
||||
{{ $menu := .Site.Menus.main}}
|
||||
{{range $index, $element := $menu}}
|
||||
<li class="nav-item {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{ end }}">
|
||||
<a class="nav-link scroll-to" href="{{ .URL | relURL }}">{{.Name}}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
28
themes/coHub/layouts/partials/hero.html
Normal file
28
themes/coHub/layouts/partials/hero.html
Normal file
@@ -0,0 +1,28 @@
|
||||
{{with .Site.Data.hero}}
|
||||
{{if .enable}}
|
||||
<section class="hero" style="background-image: url( {{ .heroBGimg }} );">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="hero-content">
|
||||
<h1>{{.title | safeHTML}}</h1>
|
||||
<p>
|
||||
{{.subtitle}}
|
||||
</p>
|
||||
{{ if .heroVideo }}
|
||||
<div class="hero-video-player">
|
||||
<div class="hero-video-player-icon">
|
||||
<a class="popup-vimeo" href="{{ .heroVideo }}">
|
||||
<i class="ti-control-play"></i>
|
||||
</a>
|
||||
</div>
|
||||
{{ .herosVideoDesc | safeHTML }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
30
themes/coHub/layouts/partials/investor.html
Normal file
30
themes/coHub/layouts/partials/investor.html
Normal file
@@ -0,0 +1,30 @@
|
||||
{{ with .Site.Data.investor}}
|
||||
{{ if .enable}}
|
||||
<section class="team">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<h2>{{ .title }}</h2>
|
||||
<p>{{ .subtitle }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{ range .investor}}
|
||||
<div class="col-lg-3">
|
||||
<div class="member-informashion">
|
||||
<div class="member-thume">
|
||||
<img src="{{ .image | absURL }}" alt="image">
|
||||
</div>
|
||||
<h3>{{.name}}</h3>
|
||||
<p>{{.post}}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
27
themes/coHub/layouts/partials/pagination.html
Normal file
27
themes/coHub/layouts/partials/pagination.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{{ $pag := $.Paginator }}
|
||||
{{ if gt $pag.TotalPages 1 }}
|
||||
<nav>
|
||||
<ul class="pagination ">
|
||||
{{ range $pag.Pagers }}
|
||||
{{ if eq . $pag }}
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ if $pag.HasNext }}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ $pag.Next.URL }}" rel="next">
|
||||
→
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{{ end }}
|
||||
37
themes/coHub/layouts/partials/pricing.html
Normal file
37
themes/coHub/layouts/partials/pricing.html
Normal file
@@ -0,0 +1,37 @@
|
||||
{{ with .Site.Data.pricing}}
|
||||
{{ if .enable}}
|
||||
<section class="pricing" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<h2>{{.title}}</h2>
|
||||
<p>{{.subtitle}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ range .itemPrices}}
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="pricing-wraper">
|
||||
<div class="pricing-item">
|
||||
{{if .badge}}
|
||||
<span class="pricing-item-badge">Popular</span>
|
||||
{{end}}
|
||||
<span class="price">
|
||||
<sup>$</sup>{{.price}}
|
||||
</span>
|
||||
<h3>{{.packcage}}</h3>
|
||||
<p>
|
||||
{{.description}}
|
||||
</p>
|
||||
</div>
|
||||
<a href="{{ .buttonTarget | absURL}}" class="btn btn-primary">Join Us</a>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
29
themes/coHub/layouts/partials/service.html
Normal file
29
themes/coHub/layouts/partials/service.html
Normal file
@@ -0,0 +1,29 @@
|
||||
{{ with .Site.Data.service}}
|
||||
{{ if .enable}}
|
||||
<section class="service" id="service">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<h2> {{.title }} </h2>
|
||||
<p>
|
||||
{{.subtitle}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ range .services}}
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="service-item">
|
||||
<i class="{{ .icon }}" aria-hidden="true"></i>
|
||||
<h3>{{ .name }}</h3>
|
||||
<p>
|
||||
{{.description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
21
themes/coHub/layouts/partials/testimonial.html
Normal file
21
themes/coHub/layouts/partials/testimonial.html
Normal file
@@ -0,0 +1,21 @@
|
||||
{{ with .Site.Data.testimonial}}
|
||||
{{ if .enable}}
|
||||
<section class="quotes">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="quotes-slider">
|
||||
{{range .testimonial}}
|
||||
|
||||
<div class="quotes-slider-item">
|
||||
<h2>{{ .testimonialDetails }}</h2>
|
||||
<span>-{{ .author }}</span>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
{{end}}
|
||||
23
themes/coHub/layouts/privacy/privacy.html
Normal file
23
themes/coHub/layouts/privacy/privacy.html
Normal file
@@ -0,0 +1,23 @@
|
||||
{{define "main"}}
|
||||
<section class="privacy-policy">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="page-header">
|
||||
<h1>{{ .Title}}</h1>
|
||||
<p>{{.Params.subTitle}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="privacy-policy-content">
|
||||
<div class="privacy-policy-item">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
41
themes/coHub/layouts/tags/taxonomy.html
Normal file
41
themes/coHub/layouts/tags/taxonomy.html
Normal file
@@ -0,0 +1,41 @@
|
||||
{{define "main"}}
|
||||
<section class="page-title">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>{{.Title}}</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
|
||||
<li class="breadcrumb-item active">{{.Title}}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="blog">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="col-lg-4">
|
||||
<article class="blog-post">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="blog-images">
|
||||
<div class="blog-content">
|
||||
<h3><a href="{{ .Permalink }}">{{ .Title}}</a></h3>
|
||||
<p> {{truncate 100 .Summary}} </p>
|
||||
<a class="more" href="{{ .Permalink }}">Read more <span>⟶</span></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="col-12">
|
||||
<div class="blog-pagination">
|
||||
{{partial "pagination.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
23
themes/coHub/layouts/terms/terms.html
Normal file
23
themes/coHub/layouts/terms/terms.html
Normal file
@@ -0,0 +1,23 @@
|
||||
{{define "main"}}
|
||||
<section class="privacy-policy">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="page-header">
|
||||
<h1>{{ .Title}}</h1>
|
||||
<p>{{.Params.subTitle}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="privacy-policy-content">
|
||||
<div class="privacy-policy-item">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
{"Target":"scss/critical.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
{"Target":"scss/non-critical.min.css","MediaType":"text/css","Data":{}}
|
||||
BIN
themes/coHub/static/fonts/slick.eot
Normal file
BIN
themes/coHub/static/fonts/slick.eot
Normal file
Binary file not shown.
14
themes/coHub/static/fonts/slick.svg
Normal file
14
themes/coHub/static/fonts/slick.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by Fontastic.me</metadata>
|
||||
<defs>
|
||||
<font id="slick" horiz-adv-x="512">
|
||||
<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
|
||||
<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
BIN
themes/coHub/static/fonts/slick.ttf
Normal file
BIN
themes/coHub/static/fonts/slick.ttf
Normal file
Binary file not shown.
BIN
themes/coHub/static/fonts/slick.woff
Normal file
BIN
themes/coHub/static/fonts/slick.woff
Normal file
Binary file not shown.
BIN
themes/coHub/static/fonts/themify.eot
Normal file
BIN
themes/coHub/static/fonts/themify.eot
Normal file
Binary file not shown.
362
themes/coHub/static/fonts/themify.svg
Normal file
362
themes/coHub/static/fonts/themify.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 229 KiB |
BIN
themes/coHub/static/fonts/themify.ttf
Normal file
BIN
themes/coHub/static/fonts/themify.ttf
Normal file
Binary file not shown.
BIN
themes/coHub/static/fonts/themify.woff
Normal file
BIN
themes/coHub/static/fonts/themify.woff
Normal file
Binary file not shown.
16
themes/coHub/theme.toml
Normal file
16
themes/coHub/theme.toml
Normal file
@@ -0,0 +1,16 @@
|
||||
# theme.toml template for a Hugo theme
|
||||
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||
|
||||
name = "CoHub"
|
||||
license = "MIT"
|
||||
licenselink = "https://github.com/StaticMania/hugo-cohub/blob/master/LICENSE"
|
||||
description = "CoHub is a completely responsive multi-purpose layout with an advanced plan appropriate for a business. The layout is highlighting various unique, really special sites, settling on it an ideal decision to feature your work."
|
||||
homepage = "https://cohub-hugo.netlify.app/"
|
||||
tags = ["clean", "minimal", "blog", "responsive", "personal", "google analytics", "bootstrap", "portfolio", "white", "modern", "contact form", "creative"]
|
||||
features = ['bootstrap 4', 'responsive design', 'blog', 'responsive', 'minimal', 'hugo-theme', 'portfolio', 'creative', 'contact-form']
|
||||
min_version = "0.41.0"
|
||||
|
||||
[author]
|
||||
name = "Static Mania"
|
||||
homepage = "https://staticmania.com/"
|
||||
|
||||
Reference in New Issue
Block a user