1<#assign
2 liferay_theme = PortletJspTagLibs["/META-INF/liferay-theme.tld"]
3 namespace = '_${randomNamespace}'
4/>
5<@liferay_theme["defineObjects"] />
6<div class="owl-carousel owl-theme">
7 <#if slidertitle.getSiblings()?has_content>
8 <#list slidertitle.getSiblings() as cur_slidertitle>
9 <#if slidertitle.sliderlink?? && slidertitle.sliderlink.getFriendlyUrl()!="">
10 <a data-senna-off="true" href="${slidertitle.sliderlink.getFriendlyUrl()}" class="owl-slide d-flex align-items-center cover" style="background-image: url('${cur_slidertitle.sliderimg.getData()}')">
11 <#else>
12 <div class="owl-slide d-flex align-items-center cover" style="background-image: url('${cur_slidertitle.sliderimg.getData()}')">
13 </#if>
14 <div class="sp-caption">
15 <#if contactTitle?? && contactTitle.getData()?has_content>
16 <p>
17 ${contactTitle.getData()}
18 <br/>
19 ${contactTitle.contactNumber.getData()!""}
20 </p>
21</#if>
22 <p>
23 ${contactTitle.getData()}
24 <br/>
25 ${contactTitle.contactNumber.getData()!""}
26 </p>
27</#if>
28 </div>
29 <#if slidertitle.sliderlink?? && slidertitle.sliderlink.getFriendlyUrl()!="">
30 </a>
31 <#else>
32 </div><!--/owl-slide-->
33 </#if>
34 </#list>
35 </#if>
36</div>
37<section class="sp-go-to-down">
38 <div class="container">
39 <div class="row">
40 <div class="col-md-12">
41 <div class="sp-right float-<#if locale=='fa_IR'>left<#else>right</#if>"></div>
42 <div class="sp-left">
43 <span class="go-down float-<#if locale=='fa_IR'>right<#else>left</#if>" onclick="this.scrollIntoView({behavior: 'smooth'})"><#if locale=='fa_IR'>ادامه بدهید<#else>Please scroll down</#if>
44 <i class="icon-ic-down-dark"></i>
45 </span>
46 </div>
47 </div>
48 </div>
49 </div>
50</section>
51<script>
52jQuery(document).ready(function() {
53var dir=$("html").attr("dir");
54if(dir=="rtl")
55 lang=true;
56else
57 lang=false;
58
59const $owlCarousel = $(".rev_slider_wrapper .owl-carousel").owlCarousel({
60 rtl:lang,
61 items: 1,
62 dots:false,
63 nav:true,
64 navText: ["<span class='icon-ic-right-dark'></span>","<span class='icon-ic-left-dark'></span>"],
65 mouseDrag:false
66});
67 });
68</script>
69<style>
70.static { position: static; }
71.cover { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
72.owl-carousel .owl-slide { position: relative; height: 100vh; background-color: #274185; }
73.owl-carousel .owl-slide-animated { transform: translateX(20px); opacity: 0; visibility: hidden; transition: all 0.05s; }
74.owl-carousel .owl-slide-animated.is-transitioned { transform: none; opacity: 1; visibility: visible; transition: all 0.5s; }
75.owl-carousel .owl-slide-title.is-transitioned { transition-delay: 0.2s; }
76.owl-carousel .owl-slide-subtitle.is-transitioned { transition-delay: 0.35s; }
77.owl-carousel .owl-slide-cta.is-transitioned { transition-delay: 0.5s; }
78.owl-carousel .owl-dots, .owl-carousel .owl-nav { position: absolute;top: 50% !important;width:100% }
79.owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-nav [class*="owl-"]:focus { outline: none; }.owl-carousel .owl-dots .owl-dot span { background: transparent; border: 1px solid var(--main-black-color); transition: all 0.2s ease; }
80.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span { background: var(--main-black-color); }
81.owl-carousel .owl-nav { left: 50%; top: 10%; transform: translateX(-50%); margin: 0; }
82.owl-carousel .owl-nav svg { opacity: 0.3; transition: opacity 0.3s; }
83.owl-carousel .owl-nav button:hover svg { opacity: 1; }
84.owl-carousel .owl-nav [class*="owl-"]:hover { background: transparent; }
85#rev_slider_wrapper .owl-carousel { z-index: 0; }
86@media screen and (max-width: 575px) {
87.owl-carousel .owl-nav { top: 5%; }
88.owl-carousel .owl-nav svg { width: 24px; height: 24px; }
89.cover { background-size: cover; }
90}
91
92.rtl .owl-carousel .owl-nav button.owl-prev {
93 position: absolute;
94 right: 15px;
95 background: #00000080 !important;
96 padding: 8px 12px 2px 14px !important;
97 color: #fff;
98}
99.rtl .owl-carousel .owl-nav button.owl-next {
100 position: absolute;
101 left: 15px;
102 background: #00000080 !important;
103 padding: 8px 12px 2px 14px !important;
104 color: #fff;
105}
106.sp-go-to-down {
107 background: #ffa705;
108 height: 48px;
109 position: absolute;
110 bottom: 0;
111 width: 100%;
112 z-index: 1;
113}
114
115.sp-go-to-down .go-down,.sp-go-to-down a {
116 color: #000;
117 font-size: 13px;
118 padding: 15px;
119 cursor: pointer;
120 z-index: 1;
121 position: relative;
122 cursor: pointer;
123}
124
125.sp-go-to-down .icon-ic-pin {
126 font-size: 40px
127}
128</style>
