Changes to web templates
This commit is contained in:
Ubuntu
Binary file not shown.
Binary file not shown.
89
rangeldigital/fixtures/web_template_50_50_tabs_1.json
Normal file
89
rangeldigital/fixtures/web_template_50_50_tabs_1.json
Normal file
@ -0,0 +1,89 @@
|
||||
{
|
||||
"__unsaved": 1,
|
||||
"creation": "2024-08-12 15:26:23.140620",
|
||||
"docstatus": 0,
|
||||
"doctype": "Web Template",
|
||||
"fields": [
|
||||
{
|
||||
"fieldname": "heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "sub_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Sub Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tabs",
|
||||
"fieldtype": "Table Break",
|
||||
"label": "Tabs",
|
||||
"reqd": 0
|
||||
},
|
||||
|
||||
{
|
||||
"fieldname": "tab_icon",
|
||||
"fieldtype": "Attach Image",
|
||||
"label": "Tab Image",
|
||||
"reqd": 0
|
||||
},
|
||||
|
||||
{
|
||||
"fieldname": "tab_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab Content Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
|
||||
{
|
||||
"fieldname": "tab_content_sub_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab Content Sub-Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_image",
|
||||
"fieldtype": "Attach Image",
|
||||
"label": "Tab Content Image",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_cta_text",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab CTA Text",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_html",
|
||||
"fieldtype": "data",
|
||||
"label": "Tab Content HTML",
|
||||
"reqd": 0
|
||||
},
|
||||
|
||||
{
|
||||
"fieldname": "tab_cta_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab CTA URL",
|
||||
"reqd": 0
|
||||
}
|
||||
|
||||
|
||||
],
|
||||
"idx": 0,
|
||||
"modified": "2022-03-21 14:30:14.405261",
|
||||
"modified_by": "Administrator",
|
||||
"module": "Website",
|
||||
"name": "50/50 Tabs Section - 1",
|
||||
"owner": "Administrator",
|
||||
"standard": 0,
|
||||
"template": "<div class=\\\"container\\\">\\n <div class=\\\"section_title text-center wow fadeInUp\\\"> </div> </div>",
|
||||
"type": "Component"
|
||||
}
|
||||
@ -0,0 +1,89 @@
|
||||
{
|
||||
"__unsaved": 1,
|
||||
"creation": "2024-08-12 15:26:23.140620",
|
||||
"docstatus": 0,
|
||||
"doctype": "Web Template",
|
||||
"fields": [
|
||||
{
|
||||
"fieldname": "heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "sub_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Sub Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tabs",
|
||||
"fieldtype": "Table Break",
|
||||
"label": "Tabs",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_id",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab ID",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_icon",
|
||||
"fieldtype": "Attach Image",
|
||||
"label": "Tab Image",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab Content Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_sub_heading",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab Content Sub-Heading",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_image",
|
||||
"fieldtype": "Attach Image",
|
||||
"label": "Tab Content Image",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_cta_text",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab CTA Text",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_content_html",
|
||||
"fieldtype": "data",
|
||||
"label": "Tab Content HTML",
|
||||
"reqd": 0
|
||||
},
|
||||
{
|
||||
"fieldname": "tab_cta_url",
|
||||
"fieldtype": "Data",
|
||||
"label": "Tab CTA URL",
|
||||
"reqd": 0
|
||||
}
|
||||
],
|
||||
"idx": 0,
|
||||
"modified": "2022-03-21 14:30:14.405261",
|
||||
"modified_by": "Administrator",
|
||||
"module": "Website",
|
||||
"name": "Promo Tabs Section - 1",
|
||||
"owner": "Administrator",
|
||||
"standard": 0,
|
||||
"template": "<section class=\"promo_area sec_padding\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"tab-content promo_tab_image wow fadeInLeft\" data-wow-delay=\"0.3s\" id=\"pills-tabContent-one\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;\">\n {% for tab in tabs %}\n {% if loop.index == 1 %}\n <div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png\" alt=\"\">\n </div>\n {% else %}\n <div class=\"tab-pane fade service_tab_image\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-{{ tab.tab_id }}\" tabindex=\"0\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png\" alt=\"\">\n </div>\n {% endif %}\n {% endfor %}\n\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"promo_tab_box\">\n <div class=\"section_title_two wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">\n <h2>Why Choose Picmate</h2>\n <p> has more image rendering options than you'll ever need. Focus on the things\n that really matter to your users business.</p>\n </div>\n <ul class=\"nav nav-pills mb-3\" id=\"pills-tab\" role=\"tablist\">\n {% for tab in tabs %}\n {% if loop.index == 1 %}\n <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.3s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\n <div class=\"nav-link\" id=\"pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-home\" aria-selected=\"false\" tabindex=\"-1\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png/r_1.png\" alt=\"\">\n <div class=\"content\">\n <h5>Responsive Screenshots</h5>\n <p>Screenshot your website at different widths and heights to simulate\n different devices and situations.</p>\n </div>\n <div class=\"tab_progress\">\n <div class=\"progress-bar\" style=\"width: 0px;\"></div>\n </div>\n </div>\n </li>\n {% else %}\n <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;\">\n <div class=\"nav-link\" id=\"pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-profile\" aria-selected=\"false\" tabindex=\"-1\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png/f_2.png\" alt=\"\">\n <div class=\"content\">\n <h5>Full Page Screenshots</h5>\n <p>Go beyond the limits of a browser's viewport and capture everything in an\n HTML document.</p>\n </div>\n <div class=\"tab_progress\">\n <div class=\"progress-bar\" style=\"width: 60.14%; overflow: hidden;\"></div>\n </div>\n </div>\n </li>\n {% endif %}\n {% endfor %}\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>"
|
||||
, "type": "Component"
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -227,46 +227,105 @@ app_license = "mit"
|
||||
# "Logging DocType Name": 30 # days to retain logs
|
||||
# }
|
||||
|
||||
web_include_css = ["/assets/rangeldigital/css/style.css",
|
||||
"/assets/rangeldigital/css/meanmenu.css",
|
||||
"/assets/rangeldigital/css/responsive.css",
|
||||
"/assets/rangeldigital/css/owl.carousel.min.css",
|
||||
"/assets/rangeldigital/css/responsive.css",
|
||||
"/assets/rangeldigital/css/swiper-bundle.min.css",
|
||||
"/assets/rangeldigital/css/magnific-popup.css",
|
||||
"/assets/rangeldigital/css/animate.css",
|
||||
"/assets/rangeldigital/css/custom.css",
|
||||
web_include_css = [
|
||||
|
||||
"/assets/rangeldigital/css/styles.css",
|
||||
"/assets/rangeldigital/css/slick.css",
|
||||
"/assets/rangeldigital/css/slick-theme.css",
|
||||
"/assets/rangeldigital/css/icomoon.css",
|
||||
"/assets/rangeldigital/css/animate.css",
|
||||
"/assets/rangeldigital/css/responsive.css",
|
||||
|
||||
|
||||
#"/assets/rangeldigital/css/style.css",
|
||||
# "/assets/rangeldigital/css/meanmenu.css",
|
||||
# "/assets/rangeldigital/css/responsive.css",
|
||||
# "/assets/rangeldigital/css/owl.carousel.min.css",
|
||||
# "/assets/rangeldigital/css/responsive.css",
|
||||
# "/assets/rangeldigital/css/swiper-bundle.min.css",
|
||||
# "/assets/rangeldigital/css/magnific-popup.css",
|
||||
# "/assets/rangeldigital/css/animate.css",
|
||||
# "/assets/rangeldigital/css/custom.css",
|
||||
]
|
||||
|
||||
web_include_js = [
|
||||
|
||||
"/assets/rangeldigital/js/jquery-3.6.0.min.js",
|
||||
"/assets/rangeldigital/js/popper.min.js",
|
||||
"/assets/rangeldigital/js/bootstrap.min.js",
|
||||
"/assets/rangeldigital/js/slick.min.js",
|
||||
"/assets/rangeldigital/js/jquery.parallax-scroll.js",
|
||||
#"/assets/rangeldigital/js/gsap.min.js",
|
||||
"/assets/rangeldigital/js/splittext.js",
|
||||
"/assets/rangeldigital/js/scrolltrigger.min.js",
|
||||
"/assets/rangeldigital/js/smoothscroll.js",
|
||||
"/assets/rangeldigital/js/wow.min.js",
|
||||
"/assets/rangeldigital/js/custom.js",
|
||||
"/assets/rangeldigital/js/swiper.min.js"
|
||||
|
||||
# "/assets/rangeldigital/js/jquery-3.7.1.min.js",
|
||||
|
||||
|
||||
# "/assets/rangeldigital/js/jquery.counterup.min.js",
|
||||
|
||||
# "/assets/rangeldigital/js/magnific-popup.min.js",
|
||||
# "/assets/rangeldigital/js/swiper-bundle.min.js",
|
||||
# "/assets/rangeldigital/js/meanmenu.js",
|
||||
# "/assets/rangeldigital/js/nice-select.min.js",
|
||||
# "/assets/rangeldigital/js/pace.min.js",
|
||||
# "/assets/rangeldigital/js/bootstrap.min.js",
|
||||
# "/assets/rangeldigital/js/helpers.js?v2.01"
|
||||
#
|
||||
# "/assets/rangeldigital/js/script.js",
|
||||
#
|
||||
# "/assets/rangeldigital/js/jquery-3.7.1.min.js",
|
||||
# "/assets/rangeldigital/js/bootstrap.min.js",
|
||||
# "/assets/rangeldigital/js/meanmenu.js",
|
||||
# "/assets/rangeldigital/js/swiper-bundle.min.js",
|
||||
# "/assets/rangeldigital/js/jquery.counterup.min.js",
|
||||
# "/assets/rangeldigital/js/wow.min.js",
|
||||
# "/assets/rangeldigital/js/magnific-popup.min.js",
|
||||
# "/assets/rangeldigital/js/pace.min.js",
|
||||
# "/assets/rangeldigital/js/nice-select.min.js",
|
||||
# "/assets/rangeldigital/js/isotope.pkgd.min.js",
|
||||
# "/assets/rangeldigital/js/jquery.waypoints.js",
|
||||
# "/assets/rangeldigital/js/script.js",
|
||||
# "/assets/rangeldigital/js/simple-notify.min.js?v2.01",
|
||||
|
||||
# "/assets/rangeldigital/js/helpers.js?v2.01"
|
||||
|
||||
|
||||
|
||||
|
||||
"/assets/rangeldigital/js/script.js",
|
||||
|
||||
"/assets/rangeldigital/js/jquery-3.7.1.min.js",
|
||||
"/assets/rangeldigital/js/bootstrap.min.js",
|
||||
"/assets/rangeldigital/js/meanmenu.js",
|
||||
"/assets/rangeldigital/js/swiper-bundle.min.js",
|
||||
"/assets/rangeldigital/js/jquery.counterup.min.js",
|
||||
"/assets/rangeldigital/js/wow.min.js",
|
||||
"/assets/rangeldigital/js/magnific-popup.min.js",
|
||||
"/assets/rangeldigital/js/pace.min.js",
|
||||
"/assets/rangeldigital/js/nice-select.min.js",
|
||||
"/assets/rangeldigital/js/isotope.pkgd.min.js",
|
||||
"/assets/rangeldigital/js/jquery.waypoints.js",
|
||||
"/assets/rangeldigital/js/script.js",
|
||||
"/assets/rangeldigital/js/simple-notify.min.js?v2.01",
|
||||
"/assets/rangeldigital/js/helpers.js?v2.01"
|
||||
]
|
||||
#"/assets/rangeldigital/js/jquery-3.7.1.min.js",
|
||||
#"/assets/rangeldigital/js/bootstrap.min.js",
|
||||
#"/assets/rangeldigital/js/meanmenu.js",
|
||||
#"/assets/rangeldigital/js/swiper-bundle.min.js",
|
||||
#"/assets/rangeldigital/js/jquery.counterup.min.js",
|
||||
#"/assets/rangeldigital/js/wow.min.js",
|
||||
#"/assets/rangeldigital/js/pace.min.js",
|
||||
#"/assets/rangeldigital/js/magnific-popup.min.js",
|
||||
#"/assets/rangeldigital/js/nice-select.min.js",
|
||||
#"/assets/rangeldigital/js/isotope.pkgd.min.js",
|
||||
#"/assets/rangeldigital/js/jquery.waypoints.js",
|
||||
#"/assets/rangeldigital/js/script.js?v2.01",
|
||||
#"/assets/rangeldigital/js/simple-notify.min.js?v2.01",
|
||||
#"/assets/rangeldigital/js/helpers.js?v2.01"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
app_include_css = [
|
||||
"/assets/rangeldigital/css/backend.css"
|
||||
|
||||
|
||||
]
|
||||
|
||||
app_includes_js =[
|
||||
"/assets/rangeldigital/js/backend.js"
|
||||
]
|
||||
]
|
||||
|
||||
3068
rangeldigital/public/css/animate.css
vendored
3068
rangeldigital/public/css/animate.css
vendored
File diff suppressed because one or more lines are too long
33
rangeldigital/public/css/icomoon.css
Normal file
33
rangeldigital/public/css/icomoon.css
Normal file
@ -0,0 +1,33 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon.eot?517ko8');
|
||||
src: url('fonts/icomoon.eot?517ko8#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.ttf?517ko8') format('truetype'),
|
||||
url('fonts/icomoon.woff?517ko8') format('woff'),
|
||||
url('fonts/icomoon.svg?517ko8#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-arrow-right2:before {
|
||||
content: "\ea3c";
|
||||
}
|
||||
.icon-arrow-left2:before {
|
||||
content: "\ea40";
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
204
rangeldigital/public/css/slick-theme.css
Normal file
204
rangeldigital/public/css/slick-theme.css
Normal file
@ -0,0 +1,204 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('./ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* 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');
|
||||
}
|
||||
/* 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
rangeldigital/public/css/slick.css
Normal file
119
rangeldigital/public/css/slick.css
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;
|
||||
}
|
||||
4385
rangeldigital/public/css/styles.css
Normal file
4385
rangeldigital/public/css/styles.css
Normal file
File diff suppressed because it is too large
Load Diff
13
rangeldigital/public/css/swiper.min.css
vendored
Normal file
13
rangeldigital/public/css/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
rangeldigital/public/files/img/spendings.png
Normal file
BIN
rangeldigital/public/files/img/spendings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
0
rangeldigital/public/js/custom.js
Normal file
0
rangeldigital/public/js/custom.js
Normal file
2
rangeldigital/public/js/gsap.min.js
vendored
Normal file
2
rangeldigital/public/js/gsap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
rangeldigital/public/js/jquery-3.6.0.min.js
vendored
Normal file
2
rangeldigital/public/js/jquery-3.6.0.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
248
rangeldigital/public/js/jquery.parallax-scroll.js
Normal file
248
rangeldigital/public/js/jquery.parallax-scroll.js
Normal file
@ -0,0 +1,248 @@
|
||||
$(function () {
|
||||
console.log("initiated");
|
||||
ParallaxScroll.init();
|
||||
});
|
||||
|
||||
var ParallaxScroll = {
|
||||
/* PUBLIC VARIABLES */
|
||||
showLogs: false,
|
||||
round: 1000,
|
||||
|
||||
/* PUBLIC FUNCTIONS */
|
||||
init: function () {
|
||||
this._log("init");
|
||||
if (this._inited) {
|
||||
this._log("Already Inited");
|
||||
this._inited = true;
|
||||
return;
|
||||
}
|
||||
this._requestAnimationFrame = (function () {
|
||||
return (
|
||||
window.requestAnimationFrame ||
|
||||
window.webkitRequestAnimationFrame ||
|
||||
window.mozRequestAnimationFrame ||
|
||||
window.oRequestAnimationFrame ||
|
||||
window.msRequestAnimationFrame ||
|
||||
function (/* function */ callback, /* DOMElement */ element) {
|
||||
window.setTimeout(callback, 1000 / 60);
|
||||
}
|
||||
);
|
||||
})();
|
||||
this._onScroll(true);
|
||||
},
|
||||
|
||||
/* PRIVATE VARIABLES */
|
||||
_inited: false,
|
||||
_properties: [
|
||||
"x",
|
||||
"y",
|
||||
"z",
|
||||
"rotateX",
|
||||
"rotateY",
|
||||
"rotateZ",
|
||||
"scaleX",
|
||||
"scaleY",
|
||||
"scaleZ",
|
||||
"scale",
|
||||
],
|
||||
_requestAnimationFrame: null,
|
||||
|
||||
/* PRIVATE FUNCTIONS */
|
||||
_log: function (message) {
|
||||
if (this.showLogs) console.log("Parallax Scroll / " + message);
|
||||
},
|
||||
_onScroll: function (noSmooth) {
|
||||
var scroll = $(document).scrollTop();
|
||||
var windowHeight = $(window).height();
|
||||
this._log("onScroll " + scroll);
|
||||
$("[data-parallax]").each(
|
||||
$.proxy(function (index, el) {
|
||||
var $el = $(el);
|
||||
var properties = [];
|
||||
var applyProperties = false;
|
||||
var style = $el.data("style");
|
||||
if (style == undefined) {
|
||||
style = $el.attr("style") || "";
|
||||
$el.data("style", style);
|
||||
}
|
||||
var datas = [$el.data("parallax")];
|
||||
var iData;
|
||||
for (iData = 2; ; iData++) {
|
||||
if ($el.data("parallax" + iData)) {
|
||||
datas.push($el.data("parallax" + iData));
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
var datasLength = datas.length;
|
||||
for (iData = 0; iData < datasLength; iData++) {
|
||||
var data = datas[iData];
|
||||
var scrollFrom = data["from-scroll"];
|
||||
if (scrollFrom == undefined)
|
||||
scrollFrom = Math.max(0, $(el).offset().top - windowHeight);
|
||||
scrollFrom = scrollFrom | 0;
|
||||
var scrollDistance = data["distance"];
|
||||
var scrollTo = data["to-scroll"];
|
||||
if (scrollDistance == undefined && scrollTo == undefined)
|
||||
scrollDistance = windowHeight;
|
||||
scrollDistance = Math.max(scrollDistance | 0, 1);
|
||||
var easing = data["easing"];
|
||||
var easingReturn = data["easing-return"];
|
||||
if (easing == undefined || !$.easing || !$.easing[easing])
|
||||
easing = null;
|
||||
if (easingReturn == undefined || !$.easing || !$.easing[easingReturn])
|
||||
easingReturn = easing;
|
||||
if (easing) {
|
||||
var totalTime = data["duration"];
|
||||
if (totalTime == undefined) totalTime = scrollDistance;
|
||||
totalTime = Math.max(totalTime | 0, 1);
|
||||
var totalTimeReturn = data["duration-return"];
|
||||
if (totalTimeReturn == undefined) totalTimeReturn = totalTime;
|
||||
scrollDistance = 1;
|
||||
var currentTime = $el.data("current-time");
|
||||
if (currentTime == undefined) currentTime = 0;
|
||||
}
|
||||
if (scrollTo == undefined) scrollTo = scrollFrom + scrollDistance;
|
||||
scrollTo = scrollTo | 0;
|
||||
var smoothness = data["smoothness"];
|
||||
if (smoothness == undefined) smoothness = 30;
|
||||
smoothness = smoothness | 0;
|
||||
if (noSmooth || smoothness == 0) smoothness = 1;
|
||||
smoothness = smoothness | 0;
|
||||
var scrollCurrent = scroll;
|
||||
scrollCurrent = Math.max(scrollCurrent, scrollFrom);
|
||||
scrollCurrent = Math.min(scrollCurrent, scrollTo);
|
||||
if (easing) {
|
||||
if ($el.data("sens") == undefined) $el.data("sens", "back");
|
||||
if (scrollCurrent > scrollFrom) {
|
||||
if ($el.data("sens") == "back") {
|
||||
currentTime = 1;
|
||||
$el.data("sens", "go");
|
||||
} else {
|
||||
currentTime++;
|
||||
}
|
||||
}
|
||||
if (scrollCurrent < scrollTo) {
|
||||
if ($el.data("sens") == "go") {
|
||||
currentTime = 1;
|
||||
$el.data("sens", "back");
|
||||
} else {
|
||||
currentTime++;
|
||||
}
|
||||
}
|
||||
if (noSmooth) currentTime = totalTime;
|
||||
$el.data("current-time", currentTime);
|
||||
}
|
||||
this._properties.map(
|
||||
$.proxy(function (prop) {
|
||||
var defaultProp = 0;
|
||||
var to = data[prop];
|
||||
if (to == undefined) return;
|
||||
if (
|
||||
prop == "scale" ||
|
||||
prop == "scaleX" ||
|
||||
prop == "scaleY" ||
|
||||
prop == "scaleZ"
|
||||
) {
|
||||
defaultProp = 1;
|
||||
} else {
|
||||
to = to | 0;
|
||||
}
|
||||
var prev = $el.data("_" + prop);
|
||||
if (prev == undefined) prev = defaultProp;
|
||||
var next =
|
||||
(to - defaultProp) *
|
||||
((scrollCurrent - scrollFrom) / (scrollTo - scrollFrom)) +
|
||||
defaultProp;
|
||||
var val = prev + (next - prev) / smoothness;
|
||||
if (easing && currentTime > 0 && currentTime <= totalTime) {
|
||||
var from = defaultProp;
|
||||
if ($el.data("sens") == "back") {
|
||||
from = to;
|
||||
to = -to;
|
||||
easing = easingReturn;
|
||||
totalTime = totalTimeReturn;
|
||||
}
|
||||
val = $.easing[easing](null, currentTime, from, to, totalTime);
|
||||
}
|
||||
val = Math.ceil(val * this.round) / this.round;
|
||||
if (val == prev && next == to) val = to;
|
||||
if (!properties[prop]) properties[prop] = 0;
|
||||
properties[prop] += val;
|
||||
if (prev != properties[prop]) {
|
||||
$el.data("_" + prop, properties[prop]);
|
||||
applyProperties = true;
|
||||
}
|
||||
}, this)
|
||||
);
|
||||
}
|
||||
if (applyProperties) {
|
||||
if (properties["z"] != undefined) {
|
||||
var perspective = data["perspective"];
|
||||
if (perspective == undefined) perspective = 800;
|
||||
var $parent = $el.parent();
|
||||
if (!$parent.data("style"))
|
||||
$parent.data("style", $parent.attr("style") || "");
|
||||
$parent.attr(
|
||||
"style",
|
||||
"perspective:" +
|
||||
perspective +
|
||||
"px; -webkit-perspective:" +
|
||||
perspective +
|
||||
"px; " +
|
||||
$parent.data("style")
|
||||
);
|
||||
}
|
||||
if (properties["scaleX"] == undefined) properties["scaleX"] = 1;
|
||||
if (properties["scaleY"] == undefined) properties["scaleY"] = 1;
|
||||
if (properties["scaleZ"] == undefined) properties["scaleZ"] = 1;
|
||||
if (properties["scale"] != undefined) {
|
||||
properties["scaleX"] *= properties["scale"];
|
||||
properties["scaleY"] *= properties["scale"];
|
||||
properties["scaleZ"] *= properties["scale"];
|
||||
}
|
||||
var translate3d =
|
||||
"translate3d(" +
|
||||
(properties["x"] ? properties["x"] : 0) +
|
||||
"px, " +
|
||||
(properties["y"] ? properties["y"] : 0) +
|
||||
"px, " +
|
||||
(properties["z"] ? properties["z"] : 0) +
|
||||
"px)";
|
||||
var rotate3d =
|
||||
"rotateX(" +
|
||||
(properties["rotateX"] ? properties["rotateX"] : 0) +
|
||||
"deg) rotateY(" +
|
||||
(properties["rotateY"] ? properties["rotateY"] : 0) +
|
||||
"deg) rotateZ(" +
|
||||
(properties["rotateZ"] ? properties["rotateZ"] : 0) +
|
||||
"deg)";
|
||||
var scale3d =
|
||||
"scaleX(" +
|
||||
properties["scaleX"] +
|
||||
") scaleY(" +
|
||||
properties["scaleY"] +
|
||||
") scaleZ(" +
|
||||
properties["scaleZ"] +
|
||||
")";
|
||||
var cssTransform = translate3d + " " + rotate3d + " " + scale3d + ";";
|
||||
this._log(cssTransform);
|
||||
$el.attr(
|
||||
"style",
|
||||
"transform:" +
|
||||
cssTransform +
|
||||
" -webkit-transform:" +
|
||||
cssTransform +
|
||||
" " +
|
||||
style
|
||||
);
|
||||
}
|
||||
}, this)
|
||||
);
|
||||
if (window.requestAnimationFrame) {
|
||||
window.requestAnimationFrame($.proxy(this._onScroll, this, false));
|
||||
} else {
|
||||
this._requestAnimationFrame($.proxy(this._onScroll, this, false));
|
||||
}
|
||||
},
|
||||
};
|
||||
6
rangeldigital/public/js/popper.min.js
vendored
Normal file
6
rangeldigital/public/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1,5 +1,246 @@
|
||||
(function($){("use strict");Pace.Options={ajax:!1,document:!1,eventLag:!1,};Pace.on("done",function(){$("#preloader").addClass("isdone");$(".loading").addClass("isdone")});function mousecursor(){if($("body")){const e=document.querySelector(".cursor-inner"),t=document.querySelector(".cursor-outer");let n,i=0,o=!1;(window.onmousemove=function(s){o||(t.style.transform="translate("+s.clientX+"px, "+s.clientY+"px)"),(e.style.transform="translate("+s.clientX+"px, "+s.clientY+"px)"),(n=s.clientY),(i=s.clientX)}),$("body").on("mouseenter","a, .cursor-pointer",function(){e.classList.add("cursor-hover"),t.classList.add("cursor-hover")}),$("body").on("mouseleave","a, .cursor-pointer",function(){($(this).is("a")&&$(this).closest(".cursor-pointer").length)||(e.classList.remove("cursor-hover"),t.classList.remove("cursor-hover"))}),(e.style.visibility="visible"),(t.style.visibility="visible")}}
|
||||
$(function(){mousecursor()});$(".header-area nav").meanmenu();var fixed_top=$(".header-area");$(window).on("scroll",function(){if($(this).scrollTop()>300){fixed_top.addClass("menu-fixed animated fadeInDown")}else{fixed_top.removeClass("menu-fixed fadeInDown")}});$(window).scroll(function(){var scrollPos=$(document).scrollTop();$("section").each(function(){var offsetTop=$(this).offset().top;var height=$(this).height();var id=$(this).attr("id");if(scrollPos>=offsetTop&&scrollPos<offsetTop+height){$('nav a[href="#'+id+'"]').addClass("primary-color")}else{$('nav a[href="#'+id+'"]').removeClass("primary-color")}})});function setThemeColor(color){const root=document.documentElement;root.setAttribute("data-theme",color)}
|
||||
var $searchWrap=$(".search-wrap");var $navSearch=$(".nav-search");var $searchClose=$("#search-close");$(".search-trigger").on("click",function(e){e.preventDefault();$searchWrap.animate({opacity:"toggle"},500);$navSearch.add($searchClose).addClass("open")});$(".search-close").on("click",function(e){e.preventDefault();$searchWrap.animate({opacity:"toggle"},500);$navSearch.add($searchClose).removeClass("open")});function closeSearch(){$searchWrap.fadeOut(200);$navSearch.add($searchClose).removeClass("open")}
|
||||
$(document.body).on("click",function(e){closeSearch()});$(".search-trigger, .main-search-input").on("click",function(e){e.stopPropagation()});var sliderActive1=".banner__slider";var sliderInit1=new Swiper(sliderActive1,{loop:!0,slidesPerView:1,effect:"fade",speed:3000,autoplay:{delay:7000,disableOnInteraction:!1,},pagination:{el:".banner__dot",clickable:!0,},});function animated_swiper(selector,init){var animated=function animated(){$(selector+" [data-animation]").each(function(){var anim=$(this).data("animation");var delay=$(this).data("delay");var duration=$(this).data("duration");$(this).removeClass("anim"+anim).addClass(anim+" animated").css({webkitAnimationDelay:delay,animationDelay:delay,webkitAnimationDuration:duration,animationDuration:duration,}).one("animationend",function(){$(this).removeClass(anim+" animated")})})};animated();init.on("slideChange",function(){$(sliderActive1+" [data-animation]").removeClass("animated")});init.on("slideChange",animated)}
|
||||
animated_swiper(sliderActive1,sliderInit1);var swiper=new Swiper(".case__slider",{loop:"true",spaceBetween:24,speed:800,autoplay:{delay:4000,disableOnInteraction:!1,},breakpoints:{1440:{slidesPerView:4,},992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},pagination:{el:".case__dot",clickable:!0,},});var swiper=new Swiper(".case-two__slider",{loop:"true",spaceBetween:24,speed:500,autoplay:{delay:4000,disableOnInteraction:!1,},navigation:{nextEl:".case__arry-next",prevEl:".case__arry-prev",},breakpoints:{1440:{slidesPerView:4,},992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},});var swiper=new Swiper(".brand__slider",{loop:"true",spaceBetween:30,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},breakpoints:{1200:{slidesPerView:5,},992:{slidesPerView:4,},575:{slidesPerView:3,},320:{slidesPerView:2,},},});var swiper=new Swiper(".testimonial__slider",{loop:"true",spaceBetween:30,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},navigation:{nextEl:".testimonial__arry-next",prevEl:".testimonial__arry-prev",},});var swiper=new Swiper(".testimonial-two__slider",{loop:"true",spaceBetween:24,speed:800,autoplay:{delay:4000,disableOnInteraction:!1,},breakpoints:{992:{slidesPerView:2,},320:{slidesPerView:1,},},pagination:{el:".testimonial__dot",clickable:!0,},});var swiper=new Swiper(".testimonial-three__slider",{loop:"true",spaceBetween:24,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},breakpoints:{1200:{slidesPerView:3,},992:{slidesPerView:2,},320:{slidesPerView:1,},},navigation:{nextEl:".testimonial-three__arry-next",prevEl:".testimonial-three__arry-prev",},});var swiper=new Swiper(".service-two__slider",{loop:"true",spaceBetween:30,speed:500,autoplay:{delay:4000,disableOnInteraction:!1,},navigation:{nextEl:".service__arry-next",prevEl:".service__arry-prev",},breakpoints:{992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},});$(document).on("click","#openButton",function(){$("#targetElement").removeClass("sidebar__hide")});$(document).on("click","#closeButton",function(){$("#targetElement").addClass("sidebar__hide")});$(".service__item").hover(function(){$(".service__item").removeClass("active");$(this).addClass("active")});$("[data-background").each(function(){$(this).css("background-image","url( "+$(this).attr("data-background")+" )")});$(".video-popup").magnificPopup({type:"iframe",iframe:{markup:'<div class="mfp-iframe-scaler">'+'<div class="mfp-close"></div>'+'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+"</div>",patterns:{youtube:{index:"youtube.com/",id:"v=",src:"https://www.youtube.com/embed/%id%?autoplay=1",},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1",},gmaps:{index:"//maps.google.",src:"%id%&output=embed",},},srcAction:"iframe_src",},});$(".count").counterUp({delay:30,time:3000,});$(".progress-count").counterUp({delay:30,time:1000,});$(document).ready(function(){$("select").niceSelect()});$(".footer-popup").magnificPopup({type:"image",gallery:{enabled:!0,},});var scrollPath=document.querySelector(".scroll-up path");var pathLength=scrollPath.getTotalLength();scrollPath.style.transition=scrollPath.style.WebkitTransition="none";scrollPath.style.strokeDasharray=pathLength+" "+pathLength;scrollPath.style.strokeDashoffset=pathLength;scrollPath.getBoundingClientRect();scrollPath.style.transition=scrollPath.style.WebkitTransition="stroke-dashoffset 10ms linear";var updatescroll=function(){var scroll=$(window).scrollTop();var height=$(document).height()-$(window).height();var scroll=pathLength-(scroll*pathLength)/height;scrollPath.style.strokeDashoffset=scroll};updatescroll();$(window).scroll(updatescroll);var offset=50;var duration=950;jQuery(window).on("scroll",function(){if(jQuery(this).scrollTop()>offset){jQuery(".scroll-up").addClass("active-scroll")}else{jQuery(".scroll-up").removeClass("active-scroll")}});jQuery(".scroll-up").on("click",function(event){event.preventDefault();jQuery("html, body").animate({scrollTop:0,},duration);return!1})})(jQuery)
|
||||
(function($) {
|
||||
"use strict";
|
||||
|
||||
// Pace Options
|
||||
Pace.Options = {
|
||||
ajax: false,
|
||||
document: false,
|
||||
eventLag: false
|
||||
};
|
||||
|
||||
// Pace completion event handler
|
||||
Pace.on("done", function() {
|
||||
$("#preloader").addClass("isdone");
|
||||
$(".loading").addClass("isdone");
|
||||
});
|
||||
|
||||
// Mouse cursor animation
|
||||
function mousecursor() {
|
||||
const e = document.querySelector(".cursor-inner");
|
||||
const t = document.querySelector(".cursor-outer");
|
||||
|
||||
if (!e || !t) return; // Check if the elements exist
|
||||
|
||||
let n, i = 0, o = false;
|
||||
|
||||
window.onmousemove = function(s) {
|
||||
if (!o) {
|
||||
t.style.transform = `translate(${s.clientX}px, ${s.clientY}px)`;
|
||||
}
|
||||
e.style.transform = `translate(${s.clientX}px, ${s.clientY}px)`;
|
||||
n = s.clientY;
|
||||
i = s.clientX;
|
||||
};
|
||||
|
||||
$("body").on("mouseenter", "a, .cursor-pointer", function() {
|
||||
e.classList.add("cursor-hover");
|
||||
t.classList.add("cursor-hover");
|
||||
});
|
||||
|
||||
$("body").on("mouseleave", "a, .cursor-pointer", function() {
|
||||
if ($(this).is("a") && $(this).closest(".cursor-pointer").length) return;
|
||||
e.classList.remove("cursor-hover");
|
||||
t.classList.remove("cursor-hover");
|
||||
});
|
||||
|
||||
e.style.visibility = "visible";
|
||||
t.style.visibility = "visible";
|
||||
}
|
||||
|
||||
$(function() {
|
||||
mousecursor();
|
||||
});
|
||||
|
||||
// MeanMenu for mobile navigation
|
||||
$(".header-area nav").meanmenu();
|
||||
|
||||
// Fixed menu on scroll
|
||||
var fixed_top = $(".header-area");
|
||||
$(window).on("scroll", function() {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
fixed_top.addClass("menu-fixed animated fadeInDown");
|
||||
} else {
|
||||
fixed_top.removeClass("menu-fixed fadeInDown");
|
||||
}
|
||||
});
|
||||
|
||||
// Highlight active section in navigation
|
||||
$(window).scroll(function() {
|
||||
var scrollPos = $(document).scrollTop();
|
||||
$("section").each(function() {
|
||||
var offsetTop = $(this).offset().top;
|
||||
var height = $(this).height();
|
||||
var id = $(this).attr("id");
|
||||
|
||||
if (scrollPos >= offsetTop && scrollPos < offsetTop + height) {
|
||||
$('nav a[href="#' + id + '"]').addClass("primary-color");
|
||||
} else {
|
||||
$('nav a[href="#' + id + '"]').removeClass("primary-color");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Set theme color
|
||||
function setThemeColor(color) {
|
||||
const root = document.documentElement;
|
||||
root.setAttribute("data-theme", color);
|
||||
}
|
||||
|
||||
// Search functionality
|
||||
var $searchWrap = $(".search-wrap");
|
||||
var $navSearch = $(".nav-search");
|
||||
var $searchClose = $("#search-close");
|
||||
|
||||
$(".search-trigger").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$searchWrap.animate({ opacity: "toggle" }, 500);
|
||||
$navSearch.add($searchClose).addClass("open");
|
||||
});
|
||||
|
||||
$(".search-close").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$searchWrap.animate({ opacity: "toggle" }, 500);
|
||||
$navSearch.add($searchClose).removeClass("open");
|
||||
});
|
||||
|
||||
function closeSearch() {
|
||||
$searchWrap.fadeOut(200);
|
||||
$navSearch.add($searchClose).removeClass("open");
|
||||
}
|
||||
|
||||
$(document.body).on("click", function(e) {
|
||||
closeSearch();
|
||||
});
|
||||
|
||||
$(".search-trigger, .main-search-input").on("click", function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
// Swiper Slider Initialization
|
||||
var sliderInit1 = new Swiper(".banner__slider", {
|
||||
loop: true,
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
speed: 3000,
|
||||
autoplay: {
|
||||
delay: 7000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: ".banner__dot",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
function animated_swiper(selector, init) {
|
||||
var animated = function() {
|
||||
$(selector + " [data-animation]").each(function() {
|
||||
var anim = $(this).data("animation");
|
||||
var delay = $(this).data("delay");
|
||||
var duration = $(this).data("duration");
|
||||
|
||||
$(this).removeClass("anim" + anim).addClass(anim + " animated")
|
||||
.css({
|
||||
webkitAnimationDelay: delay,
|
||||
animationDelay: delay,
|
||||
webkitAnimationDuration: duration,
|
||||
animationDuration: duration,
|
||||
})
|
||||
.one("animationend", function() {
|
||||
$(this).removeClass(anim + " animated");
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
animated();
|
||||
init.on("slideChange", function() {
|
||||
$(selector + " [data-animation]").removeClass("animated");
|
||||
});
|
||||
init.on("slideChange", animated);
|
||||
}
|
||||
|
||||
animated_swiper(".banner__slider", sliderInit1);
|
||||
|
||||
// Additional sliders for case, testimonial, service, etc.
|
||||
var swiperSettings = [
|
||||
{ selector: ".case__slider", settings: { loop: true, spaceBetween: 24, speed: 800, autoplay: { delay: 4000, disableOnInteraction: false }, pagination: { el: ".case__dot", clickable: true } } },
|
||||
{ selector: ".brand__slider", settings: { loop: true, spaceBetween: 30, speed: 300, autoplay: { delay: 3000, disableOnInteraction: false }, breakpoints: { 1200: { slidesPerView: 5 }, 992: { slidesPerView: 4 }, 575: { slidesPerView: 3 }, 320: { slidesPerView: 2 } } } },
|
||||
// Add more sliders as needed
|
||||
];
|
||||
|
||||
swiperSettings.forEach(function(slider) {
|
||||
new Swiper(slider.selector, slider.settings);
|
||||
});
|
||||
|
||||
// Sidebar toggle
|
||||
$(document).on("click", "#openButton", function() {
|
||||
$("#targetElement").removeClass("sidebar__hide");
|
||||
});
|
||||
|
||||
$(document).on("click", "#closeButton", function() {
|
||||
$("#targetElement").addClass("sidebar__hide");
|
||||
});
|
||||
|
||||
// Service item hover effect
|
||||
$(".service__item").hover(function() {
|
||||
$(".service__item").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
});
|
||||
|
||||
// Set background image from data-background attribute
|
||||
$("[data-background]").each(function() {
|
||||
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
|
||||
});
|
||||
|
||||
// Video popup
|
||||
$(".video-popup").magnificPopup({
|
||||
type: "iframe",
|
||||
iframe: {
|
||||
markup: '<div class="mfp-iframe-scaler">' +
|
||||
'<div class="mfp-close"></div>' +
|
||||
'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
|
||||
"</div>",
|
||||
patterns: {
|
||||
youtube: { index: "youtube.com/", id: "v=", src: "https://www.youtube.com/embed/%id%?autoplay=1" },
|
||||
vimeo: { index: "vimeo.com/", id: "/", src: "//player.vimeo.com/video/%id%?autoplay=1" },
|
||||
gmaps: { index: "//maps.google.", src: "%id%&output=embed" }
|
||||
},
|
||||
srcAction: "iframe_src",
|
||||
},
|
||||
});
|
||||
|
||||
// Counter up
|
||||
$(".count").counterUp({ delay: 30, time: 3000 });
|
||||
$(".progress-count").counterUp({ delay: 30, time: 1000 });
|
||||
|
||||
// Nice select
|
||||
$(document).ready(function() {
|
||||
$("select").niceSelect();
|
||||
});
|
||||
|
||||
// Footer popup
|
||||
$(".footer-popup").magnificPopup({
|
||||
type: "image",
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
});
|
||||
|
||||
// Scroll to top button
|
||||
var offset = 50;
|
||||
var duration = 950;
|
||||
|
||||
$(window).on("scroll", function() {
|
||||
if ($(this).scrollTop() > offset) {
|
||||
$(".scroll-up").addClass("active-scroll");
|
||||
} else {
|
||||
$(".scroll-up").removeClass("active-scroll");
|
||||
}
|
||||
});
|
||||
|
||||
$(".scroll-up").on("click", function(event) {
|
||||
event.preventDefault();
|
||||
$("html, body").animate({ scrollTop: 0 }, duration);
|
||||
return false;
|
||||
});
|
||||
})(jQuery);
|
||||
|
||||
10
rangeldigital/public/js/scrolltrigger.min.js
vendored
Normal file
10
rangeldigital/public/js/scrolltrigger.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8
rangeldigital/public/js/slick.min.js
vendored
Normal file
8
rangeldigital/public/js/slick.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
rangeldigital/public/js/smoothscroll.js
Normal file
2
rangeldigital/public/js/smoothscroll.js
Normal file
File diff suppressed because one or more lines are too long
33
rangeldigital/public/js/splittext.js
Normal file
33
rangeldigital/public/js/splittext.js
Normal file
File diff suppressed because one or more lines are too long
14
rangeldigital/public/js/swiper.min.js
vendored
Normal file
14
rangeldigital/public/js/swiper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
Reference in New Issue
Block a user