mirror of
https://github.com/tiennm99/ocrot.git
synced 2026-08-01 19:44:01 +00:00
[Change] use hugo module
This commit is contained in:
@@ -32,7 +32,7 @@ jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
env:
|
||||
HUGO_VERSION: 0.124.0
|
||||
HUGO_VERSION: 0.125.2
|
||||
steps:
|
||||
- name: Install Hugo CLI
|
||||
run: |
|
||||
@@ -55,6 +55,7 @@ jobs:
|
||||
# For maximum backward compatibility with Hugo modules
|
||||
HUGO_ENVIRONMENT: production
|
||||
HUGO_ENV: production
|
||||
TZ: Asia/Ho_Chi_Minh
|
||||
run: |
|
||||
hugo \
|
||||
--gc \
|
||||
-153
@@ -1,153 +0,0 @@
|
||||
######################## default configuration ####################
|
||||
baseURL = "/"
|
||||
languageCode = "en-us"
|
||||
title = "Ốc Rốt"
|
||||
theme = "restaurant-hugo"
|
||||
summaryLength = "10"
|
||||
paginate = 4
|
||||
|
||||
markup.goldmark.renderer.unsafe = true
|
||||
|
||||
############################# Plugins ##############################
|
||||
|
||||
# CSS Plugins
|
||||
[[params.plugins.css]]
|
||||
URL = "css/bootstrap.min.css"
|
||||
[[params.plugins.css]]
|
||||
URL = "css/slick.css"
|
||||
[[params.plugins.css]]
|
||||
URL = "css/font-awesome.min.css"
|
||||
[[params.plugins.css]]
|
||||
URL = "css/animate.min.css"
|
||||
[[params.plugins.css]]
|
||||
URL = "css/venobox.css"
|
||||
[[params.plugins.css]]
|
||||
URL = "css/main.css"
|
||||
[[params.plugins.css]]
|
||||
URL = "css/responsive.css"
|
||||
|
||||
# JS Plugins
|
||||
[[params.plugins.js]]
|
||||
URL = "js/jquery.min.js"
|
||||
[[params.plugins.js]]
|
||||
URL = "js/bootstrap.min.js"
|
||||
[[params.plugins.js]]
|
||||
URL = "js/slick.min.js"
|
||||
[[params.plugins.js]]
|
||||
URL = "js/wow.min.js"
|
||||
[[params.plugins.js]]
|
||||
URL = "js/venobox.min.js"
|
||||
[[params.plugins.js]]
|
||||
URL = "js/main.js"
|
||||
|
||||
############################## navigation ###############################
|
||||
|
||||
[[menu.main]]
|
||||
name = "Trang chủ"
|
||||
URL = "hero-area"
|
||||
weight = 1
|
||||
|
||||
[[menu.main]]
|
||||
name = "Về chúng tôi"
|
||||
URL = "about-us"
|
||||
weight = 2
|
||||
|
||||
[[menu.main]]
|
||||
name = "Blog"
|
||||
URL = "blog"
|
||||
weight = 3
|
||||
|
||||
[[menu.main]]
|
||||
name = "Menu"
|
||||
URL = "price"
|
||||
weight = 4
|
||||
|
||||
[[menu.main]]
|
||||
name = "Theo dõi"
|
||||
URL = "subscribe"
|
||||
weight = 5
|
||||
|
||||
[[menu.main]]
|
||||
name = "Liên hệ"
|
||||
URL = "contact-us"
|
||||
weight = 6
|
||||
|
||||
|
||||
#################### default parameters ################################
|
||||
[params]
|
||||
logo = "images/logo.png"
|
||||
# meta data
|
||||
author = "MiTi99"
|
||||
description = "Just a developer want to become magician"
|
||||
# google analitycs ID
|
||||
google_analitycs_id = "G-BETBKBFEGN"
|
||||
# mainSections
|
||||
main_sections = ["post"]
|
||||
# copyright
|
||||
copyright = "Made by [MiTi99](https://miti99.eu.org) with ❤"
|
||||
|
||||
# Preloader
|
||||
[params.preloader]
|
||||
enable = false
|
||||
preloader = "" # use .png , .svg or .gif format
|
||||
|
||||
################################### Footer ############################
|
||||
[params.footer]
|
||||
enable = true
|
||||
contactInfoTitle = "Thông tin <span>Liên hệ</span> "
|
||||
blogTitle = "Tin <span>mới nhất</span>"
|
||||
galleryTitle = "Thư viện <span>ảnh</span>"
|
||||
socialTitle = "Theo dõi <span>Ốc Rốt</span>"
|
||||
|
||||
############################ footer contact item
|
||||
[[params.footer.contactItem]]
|
||||
title = "Điện thoại"
|
||||
icon = "fa fa-phone"
|
||||
content = "090900khôngcó"
|
||||
|
||||
[[params.footer.contactItem]]
|
||||
title = "Địa chỉ"
|
||||
icon = "fa fa-map-marker"
|
||||
content = "ĐT9 - Mỹ Hạnh Nam - Đức Hoà - Long An <br> (đối diện tạp hoá Anh Tài)"
|
||||
|
||||
[[params.footer.contactItem]]
|
||||
title = "Giờ mở cửa"
|
||||
icon = "fa fa-clock-o"
|
||||
content = "T2 - T7: 17:00 - 22:00 <br> CN: 17:00 - 21:00"
|
||||
|
||||
[[params.footer.contactItem]]
|
||||
title = "Email"
|
||||
icon = "fa fa-envelope"
|
||||
content = "ocrot@gmail.com"
|
||||
|
||||
######################### footer gallery
|
||||
[[params.footer.gallery]]
|
||||
image = "images/slider-img-1.jpg"
|
||||
|
||||
[[params.footer.gallery]]
|
||||
image = "images/slider-img-2.jpg"
|
||||
|
||||
[[params.footer.gallery]]
|
||||
image = "images/slider-img-3.jpg"
|
||||
|
||||
[[params.footer.gallery]]
|
||||
image = "images/slider-img-4.jpg"
|
||||
|
||||
[[params.footer.gallery]]
|
||||
image = "images/slider-img-1.jpg"
|
||||
|
||||
[[params.footer.gallery]]
|
||||
image = "images/slider-img-2.jpg"
|
||||
|
||||
######################## Social Icon
|
||||
[[params.footer.socialLink]]
|
||||
icon = "facebook"
|
||||
link = "https://fb.com/hoangthan1999"
|
||||
|
||||
[[params.footer.socialLink]]
|
||||
icon = "facebook"
|
||||
link = "https://fb.com/104600149239783"
|
||||
|
||||
[[params.footer.socialLink]]
|
||||
icon = "instagram"
|
||||
link = "https://fb.com/ocrot"
|
||||
@@ -0,0 +1,5 @@
|
||||
module github.com/ocrot/ocrot.github.io
|
||||
|
||||
go 1.22.2
|
||||
|
||||
require github.com/themefisher/restaurant-hugo v0.0.0-20230621071609-b8f746a3c0e3 // indirect
|
||||
@@ -0,0 +1,2 @@
|
||||
github.com/themefisher/restaurant-hugo v0.0.0-20230621071609-b8f746a3c0e3 h1:JQxwd7+iCIKsoilFIjD05FA0TU7KKmCC6uItnplSSlw=
|
||||
github.com/themefisher/restaurant-hugo v0.0.0-20230621071609-b8f746a3c0e3/go.mod h1:fJeg5EjGpbOxsXwQGo/daXtMSZzWnv3NU7EgHh7T4aY=
|
||||
@@ -1,4 +1,4 @@
|
||||
baseURL: /
|
||||
baseURL: https://ocrot.github.io/
|
||||
languageCode: vi-vn
|
||||
title: Ốc Rốt
|
||||
module:
|
||||
@@ -33,25 +33,18 @@ menu:
|
||||
url: contact-us
|
||||
weight: 6
|
||||
|
||||
#################### default parameters ################################
|
||||
params:
|
||||
logo: images/logo.png
|
||||
# meta data
|
||||
author: MiTi99
|
||||
author: miti99
|
||||
description: Just a developer want to become magician
|
||||
# google analitycs ID
|
||||
google_analitycs_id: G-BETBKBFEGN
|
||||
# mainSections
|
||||
main_sections:
|
||||
- post
|
||||
# copyright
|
||||
copyright: Made by [MiTi99](https://miti99.eu.org) with ❤
|
||||
# Preloader
|
||||
copyright: Made by [miti99](https://tiennm99.github.io) with ❤
|
||||
preloader:
|
||||
enable: false
|
||||
preloader: "" # use .png , .svg or .gif format
|
||||
|
||||
################################### Footer ############################
|
||||
footer:
|
||||
enable: true
|
||||
contactInfoTitle: "Thông tin <span>Liên hệ</span> "
|
||||
@@ -59,11 +52,10 @@ params:
|
||||
galleryTitle: "Thư viện <span>ảnh</span>"
|
||||
socialTitle: "Theo dõi <span>Ốc Rốt</span>"
|
||||
|
||||
############################ footer contact item
|
||||
contactItem:
|
||||
- title: Điện thoại
|
||||
icon: fa fa-phone
|
||||
content: 090900khôngcó
|
||||
content: 0908 746 572
|
||||
|
||||
- title: Địa chỉ
|
||||
icon: fa fa-map-marker
|
||||
@@ -71,13 +63,12 @@ params:
|
||||
|
||||
- title: Giờ mở cửa
|
||||
icon: fa fa-clock-o
|
||||
content: "T2 - T7: 17:00 - 22:00 <br> CN: 17:00 - 21:00"
|
||||
content: "Các ngày trong tuần: 15:00 - 23:00"
|
||||
|
||||
- title: Email
|
||||
icon: fa fa-envelope
|
||||
content: ocrot@gmail.com
|
||||
|
||||
######################### footer gallery
|
||||
gallery:
|
||||
- image: images/slider-img-1.jpg
|
||||
- image: images/slider-img-2.jpg
|
||||
@@ -86,14 +77,11 @@ params:
|
||||
- image: images/slider-img-1.jpg
|
||||
- image: images/slider-img-2.jpg
|
||||
|
||||
######################## Social Icon
|
||||
socialLink:
|
||||
- icon: facebook
|
||||
link: https://fb.com/hoangthan1999
|
||||
- icon: facebook
|
||||
link: https://fb.com/104600149239783
|
||||
- icon: instagram
|
||||
link: https://fb.com/ocrot
|
||||
plugins:
|
||||
css:
|
||||
- URL: css/bootstrap.min.css
|
||||
@@ -104,7 +92,6 @@ params:
|
||||
- URL: css/main.css
|
||||
- URL: css/responsive.css
|
||||
|
||||
# JS Plugins
|
||||
js:
|
||||
- URL: js/jquery.min.js
|
||||
- URL: js/bootstrap.min.js
|
||||
|
||||
@@ -1,925 +0,0 @@
|
||||
/* var text-decoration */
|
||||
@font-face {
|
||||
font-family: myfont;
|
||||
src: url(../fonts/Roboto-Regular.ttf);
|
||||
}
|
||||
|
||||
/*--
|
||||
Common Css
|
||||
--*/
|
||||
.preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
z-index: 99999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: myfont;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0px;
|
||||
font-family: myfont;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
margin: 0px;
|
||||
font-family: myfont;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a, a:active, a:focus, a:active {
|
||||
text-decoration: none !important;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
.d-inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*============== Mixins style start ================*/
|
||||
.overlay-effect {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("../images/overlay-pattern.png") #000000;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
/*--
|
||||
custom heading Start
|
||||
--*/
|
||||
.heading {
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
color: #2E2E2E;
|
||||
padding: 40px 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.heading span {
|
||||
font-size: 45px;
|
||||
color: #ff530a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.heading:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 140px;
|
||||
height: 1px;
|
||||
background: #C8C1B3;
|
||||
margin-left: -70px;
|
||||
}
|
||||
|
||||
/*--
|
||||
custom heading Start
|
||||
--*/
|
||||
.title {
|
||||
color: #2E2E2E;
|
||||
text-transform: uppercase;
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
.title span {
|
||||
color: #FF5333;
|
||||
}
|
||||
|
||||
.before-border {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 140px;
|
||||
height: 1px;
|
||||
background: #C8C1B3;
|
||||
margin-left: -70px;
|
||||
}
|
||||
|
||||
/*--
|
||||
transition custom style
|
||||
--*/
|
||||
.transition {
|
||||
-webkit-transition: .3s all;
|
||||
-moz-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
/*============== Mixins style close ================*/
|
||||
/*--
|
||||
header-img start Start
|
||||
--*/
|
||||
.overlay {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overlay:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("../images/overlay-pattern.png") #000000;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
/*--
|
||||
nav Start
|
||||
--*/
|
||||
.navigation {
|
||||
position: sticky;
|
||||
top: 85px;
|
||||
}
|
||||
|
||||
nav {
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
nav .block {
|
||||
margin-top: -85px;
|
||||
background: #fff;
|
||||
padding: 25px 40px;
|
||||
background: rgba(255, 255, 255, 0.89);
|
||||
}
|
||||
|
||||
nav .block .navbar-default {
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
margin-bottom: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-brand {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>li>a {
|
||||
color: #2E2E2E;
|
||||
padding: 10px 0px;
|
||||
margin: 0px 15px;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>li>a:before {
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
height: 2px;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>li>a:hover:before {
|
||||
background-color: #e94c3d;
|
||||
content: "";
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>li.current>a {
|
||||
color: #2E2E2E;
|
||||
padding: 10px 0px;
|
||||
margin: 0px 15px;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>li.current>a:before {
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
height: 2px;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
width: 100%;
|
||||
background-color: #e94c3d;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>.active>a,
|
||||
nav .block .navbar-default .navbar-nav>.active>a:focus,
|
||||
nav .block .navbar-default .navbar-nav>.active>a:hover {
|
||||
background: none;
|
||||
}
|
||||
|
||||
nav .block .navbar-default .navbar-nav>.active>a:before,
|
||||
nav .block .navbar-default .navbar-nav>.active>a:focus:before,
|
||||
nav .block .navbar-default .navbar-nav>.active>a:hover:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #FF5333;
|
||||
}
|
||||
|
||||
/*--
|
||||
about-us Start
|
||||
--*/
|
||||
#about-us {
|
||||
padding: 100px 0px;
|
||||
background: #F6F6F6;
|
||||
}
|
||||
|
||||
#about-us .block {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#about-us .block p {
|
||||
color: #959595;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
padding: 40px 0px;
|
||||
}
|
||||
|
||||
/*--
|
||||
blog Start
|
||||
--*/
|
||||
#blog {
|
||||
padding-top: 75px;
|
||||
padding-bottom: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#blog .block .heading {
|
||||
color: #fff;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.post {
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.post:hover img {
|
||||
transform: scale(1.2) rotate(10deg);
|
||||
}
|
||||
|
||||
.post-img {
|
||||
flex-basis: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.post-img img {
|
||||
transition: all 0.8s ease-out;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
flex-basis: 50%;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.post-content::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-top: -15px;
|
||||
background: #fff;
|
||||
transform: rotate(45deg);
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.post-content h3 {
|
||||
padding: 0px 10px 20px;
|
||||
margin-bottom: 20px;
|
||||
line-height: 26px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.post-content h3:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 90px;
|
||||
height: 1px;
|
||||
background: #CBC4B5;
|
||||
margin-left: -45px;
|
||||
}
|
||||
|
||||
.post-content h3 a {
|
||||
color: #323232;
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.post-content h3 a:hover {
|
||||
color: #FF5333;
|
||||
}
|
||||
|
||||
#blog .block .btn-more-info {
|
||||
float: right;
|
||||
padding: 28px 102.5px;
|
||||
border-radius: 0px;
|
||||
background: #ff530a;
|
||||
color: #fff;
|
||||
border: 1px solid transparent;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
#blog .block .btn-more-info:hover {
|
||||
background: transparent;
|
||||
color: #ff530a;
|
||||
border: 1px solid #ff530a;
|
||||
}
|
||||
|
||||
.blog-single-page .post-thumb {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-single-page .post-title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-single-page .post-meta {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.mx-auto {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/*--
|
||||
price Start
|
||||
--*/
|
||||
#price {
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
#price .block>p {
|
||||
color: #9D9D9D;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
padding: 40px 133px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#price .block .pricing-list {
|
||||
padding-top: 85px;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul {
|
||||
padding: 0 0 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul li {
|
||||
padding: 21px 0px;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul li .item .item-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul li .item .item-title h2 {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul li .item .item-title .border-bottom {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: 1px dotted #C9C9C9;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul li .item .item-title span {
|
||||
float: right;
|
||||
color: #938463;
|
||||
}
|
||||
|
||||
#price .block .pricing-list ul li .item p {
|
||||
padding: 12px 0 0px;
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
#price .block .pricing-list .btn {
|
||||
padding: 28px 105px;
|
||||
border-radius: 0px;
|
||||
background: none;
|
||||
color: #FF4F02;
|
||||
border: 1px solid #FF4F02;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
#price .block .pricing-list .btn:hover {
|
||||
background: #ff530a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*--
|
||||
subscribe Start
|
||||
--*/
|
||||
.subscription-form #mc_embed_signup {
|
||||
background: none;
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#mc_embed_signup .mc-field-group label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mc-field-group .d-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#mc_embed_signup .mc-field-group input.email {
|
||||
background: #fff;
|
||||
opacity: 0.9;
|
||||
border: none;
|
||||
height: 65px;
|
||||
border-radius: 0;
|
||||
width: 75%;
|
||||
display: inline-block;
|
||||
outline: none;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
#mc_embed_signup .mc-field-group input.button {
|
||||
height: 65px;
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
margin: 0;
|
||||
clear: none;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
background: #7EC3BB;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
@media only screen and (max-width: 991px) {
|
||||
#mc_embed_signup .mc-field-group input.email {
|
||||
width: 70%;
|
||||
}
|
||||
#mc_embed_signup .mc-field-group input.button {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.mc-field-group .d-flex {
|
||||
display: block;
|
||||
}
|
||||
#mc_embed_signup .mc-field-group input.email,
|
||||
#mc_embed_signup .mc-field-group input.button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.subscription-form #mc_embed_signup #mce-success-response {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#subscribe {
|
||||
padding: 100px 0px;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
#subscribe .block h1.heading {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#subscribe .block p {
|
||||
padding: 25px 0px;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#subscribe .block form .form-control {
|
||||
width: 450px;
|
||||
background: #fff;
|
||||
opacity: 0.9;
|
||||
border: none;
|
||||
height: 65px;
|
||||
border-radius: 0px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#subscribe .block form .input-group-addon {
|
||||
padding: 0px;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#subscribe .block form .input-group-addon button {
|
||||
width: 212px;
|
||||
height: 65px;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
background: #7EC3BB;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
#subscribe .block form .input-group-addon button:hover {
|
||||
background: #69a8a1;
|
||||
}
|
||||
|
||||
/*--
|
||||
contact-us Start
|
||||
--*/
|
||||
#contact-us {
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
#contact-us .block .title {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#contact-us .block form {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#contact-us .block form input {
|
||||
height: 48px;
|
||||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
#contact-us .block form input:focus {
|
||||
border: 1px solid #7EC3BB;
|
||||
}
|
||||
|
||||
#contact-us .block form textarea {
|
||||
height: 140px;
|
||||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
#contact-us .block form textarea:focus {
|
||||
border: 1px solid #7EC3BB;
|
||||
}
|
||||
|
||||
#contact-us .block button {
|
||||
background: #FF4F02;
|
||||
float: right;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
border-radius: 0px;
|
||||
border: 0px;
|
||||
width: 512px;
|
||||
height: 50px;
|
||||
padding-top: 15px;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
/*--
|
||||
footer Start
|
||||
--*/
|
||||
#footer {
|
||||
padding: 70px 0px;
|
||||
}
|
||||
|
||||
#footer .gallery li {
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
#footer .gallery li img {
|
||||
width: 80px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#footer .block h3 {
|
||||
color: #2E2E2E;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
#footer .block h3 span {
|
||||
color: #FF4F02;
|
||||
}
|
||||
|
||||
#footer .block .blog ul,
|
||||
#footer .block .info ul,
|
||||
#footer .block .gallary ul {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#footer .block .blog ul li,
|
||||
#footer .block .info ul li,
|
||||
#footer .block .gallary ul li {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#footer .block .blog ul li h4,
|
||||
#footer .block .info ul li h4,
|
||||
#footer .block .gallary ul li h4 {
|
||||
padding-bottom: 10px;
|
||||
display: block;
|
||||
color: #FF4F02;
|
||||
}
|
||||
|
||||
#footer .block .blog ul li h4 i,
|
||||
#footer .block .info ul li h4 i,
|
||||
#footer .block .gallary ul li h4 i {
|
||||
color: #555;
|
||||
margin-right: 30px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#footer .block .blog ul li h4 a,
|
||||
#footer .block .info ul li h4 a,
|
||||
#footer .block .gallary ul li h4 a {
|
||||
color: #FF4F02;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#footer .block .blog ul li p,
|
||||
#footer .block .info ul li p,
|
||||
#footer .block .info ul li p a,
|
||||
#footer .block .gallary ul li p {
|
||||
color: #474747;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#footer .block .info ul li p a:hover {
|
||||
color: #FF4F02;
|
||||
}
|
||||
|
||||
#footer .block .social-media-link h3 {
|
||||
font-size: 20px;
|
||||
padding-bottom: 15px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#footer .block .social-media-link h3 span {
|
||||
color: #FF4F02;
|
||||
}
|
||||
|
||||
#footer .block .social-media-link ul li {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
#footer .block .social-media-link ul li a {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
padding-top: 8px;
|
||||
border-radius: 100%;
|
||||
background: #B0B0B0;
|
||||
color: #FFFFFF;
|
||||
-webkit-transition: .3s all;
|
||||
-o-transition: .3s all;
|
||||
transition: .3s all;
|
||||
}
|
||||
|
||||
#footer .block .social-media-link ul li a:hover {
|
||||
background: #FF4F02;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*--
|
||||
footer-bottom Start
|
||||
--*/
|
||||
#footer-bottom {
|
||||
background: #E9E9E9;
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
#footer-bottom p {
|
||||
text-align: center;
|
||||
padding-top: 12px;
|
||||
color: #454545;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
#footer-bottom p a {
|
||||
color: #FF4F02;
|
||||
}
|
||||
|
||||
/* slider */
|
||||
|
||||
#slider {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.slick-dots li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.slick-dots li button {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
margin: 0 5px;
|
||||
transition: .2s ease;
|
||||
border: 0;
|
||||
color: transparent;
|
||||
padding: 0;
|
||||
background: #DADADA;
|
||||
}
|
||||
|
||||
.slick-dots li button:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.slick-dots li.slick-active button {
|
||||
background: #FF4F02;
|
||||
}
|
||||
|
||||
.gallery-slider .slick-arrow {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: -65px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.gallery-slider .slick-arrow:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.gallery-slider .prevArrow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.gallery-slider img {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.pagination>li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pagination .page-item .page-link {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 0;
|
||||
border: 1px solid #d1d1d1;
|
||||
text-align: center;
|
||||
margin-right: 6px;
|
||||
font-weight: 700;
|
||||
color: #FF4F02
|
||||
}
|
||||
|
||||
.pagination .page-item .page-link:hover {
|
||||
background: #FF4F02;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.pagination .page-item:first-child .page-link,
|
||||
.pagination .page-item:last-child .page-link {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.pagination .page-item.active .page-link {
|
||||
background: #FF4F02;
|
||||
color: #fff;
|
||||
border-color: #FF4F02
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
background: #FF4F02;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
border-radius: 0px;
|
||||
border: 0px;
|
||||
padding: 10px 25px;
|
||||
}
|
||||
Binary file not shown.
Reference in New Issue
Block a user