Kogo Szukamy
Wystąpił błąd podczas przetwarzania szablonu.
The following has evaluated to null or missing: ==> externalURL [in template "20116#20152#165578" at line 162, column 10] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #elseif externalURL.getData()?? && ex... [in template "20116#20152#165578" at line 162, column 1] ----
1<style>
2
3.b__tile {
4 height: 100%;
5 overflow: hidden;
6}
7.b__background {
8 height: 100%;
9 background-repeat: no-repeat;
10 background-size: cover;
11 background-position: center
12
13}
14
15.b__title h2 {
16 font-size: 80px;
17 font-weight: bold;
18 line-height: 1.1;
19 letter-spacing: 2.1px;
20 text-align: right;
21 color: white;
22 padding-top: 100px;
23}
24
25.b__description p {
26 font-size: 18px;
27 font-weight: 500;
28 line-height: 1.56;
29 letter-spacing: 0.3px;
30 text-align: right;
31 color: white;
32}
33
34.button-row {
35 text-align: right;
36}
37
38#hero-button span {
39 display: inline-block;
40 vertical-align: middle;
41 text-transform: uppercase;
42 font-size: 10px;
43 font-weight: 700;
44 line-height: 38px;
45 cursor: pointer;
46 transition: transform 0.5s ease-out;
47}
48
49#hero-button i {
50 font-size: 18px;
51 vertical-align: middle;
52 margin-left: 50px;
53 display: inline-block;
54 line-height: 38px;
55 margin-top: -2px;
56}
57#hero-button {
58 display: inline-block;
59 border: solid;
60 color: #fff;
61 margin-top: 30px;
62 padding: 0 16px;
63 letter-spacing: 3px;
64 border-width: 1px;
65 height: 38px;
66 background-color: rgba(0, 0, 0, 0.3);
67 transition: background-color 0.5s ease-out;
68 cursor: pointer;
69}
70
71#hero-button:hover {
72 background-color: rgba(0, 0, 0, 0.6);
73}
74
75#hero-button:hover span {
76 transform: translate(5px, 0);
77}
78#content{
79 height: calc(81vh - 40px);
80 min-height: 620px;
81}
82.top-grid-container{height: 100%;}
83#main-content.home_layout.cemex-home{
84 height: 100%;
85}
86@media(max-width: 1023px) and (min-width: 320px){
87 .top-grid-container{
88 min-height: 100%;
89 height:auto;
90
91 }
92}
93
94@media (max-width: 1199px) and (min-width: 769px) {
95 .container {
96 width: 100%;
97 }
98
99 .b__title h2 {
100 font-size: 60px;
101 }
102
103}
104
105@media (min-width : 320px) and (max-width : 568px) {
106
107 .b__title h2 {
108 font-size: 36px;
109 }
110
111 #content{
112 min-height: calc(81vh - 40px);
113 height: 100%;
114 }
115}
116
117
118
119.border-top-blue {
120 border: solid;
121 border-color: #053774;
122 border-width: 6px 0 0 0; }
123
124 @media (max-width: 768px) and (min-width : 569px) {
125 .b__title h2 {
126 font-size: 40px;
127 }
128 #content{
129 min-height: calc(81vh - 40px);
130 height: 100%;
131 }
132 }
133
134 @media (min-device-width : 375px) and (max-device-width : 667px) {
135 .b__title h2 {
136 font-size: 40px;
137 }
138 }
139
140 @media (min-device-width : 414px) and (max-device-width : 736px) {
141 .b__title h2 {
142 font-size: 40px;
143 }
144 }
145
146
147
148 .b__gradient{
149 background: linear-gradient(rgba(0, 13, 52, 0.7), rgba(0, 13, 52, 0));
150 height: 100%;
151 }
152
153 @media (max-width : 767px) {
154 .b__gradient.b-hero-container{
155 height: 380px;
156 }
157 }
158</style>
159<#assign linkURL = "">
160<#if linkToPage?? && linkToPage.getData() != "">
161<#assign linkURL = linkToPage.getFriendlyUrl()>
162<#elseif externalURL.getData()?? && externalURL.getData() != "">
163<#assign linkURL = externalURL.getData()>
164</#if>
165<div class="b__tile border-top-red">
166 <div class="b__background hover-scale-target hover-grayscale-target-60" style="background-image: url(${backgroundImage.getData()})">
167 <div class="container b__gradient b-hero-container">
168 <div class="row">
169 <div class="b__title">
170 <h2>${heroTitle.getData()}</h2>
171 </div>
172 </div>
173 <div class="row">
174 <div class="b__description hidden-xs">
175 <p>${heroDescription.getData()}</p>
176 </div>
177 </div>
178 <div class="row button-row">
179 <a id="hero-button" href="${linkURL}">
180 <span>Learn More</span>
181 <i class="fa fa-angle-double-right" aria-hidden="true"></i>
182 </a>
183 </div>
184 </div>
185 </div>
186</div>
187
188<script type="text/javascript">
189 $(function() {
190 $('#hero-button').hover(
191 function mousein() {
192 $(this).closest('.b__tile')
193 .addClass('hover-grayscale-force hover-scale-force');
194 },
195 function mouseout() {
196 $(this).closest('.b__tile')
197 .removeClass('hover-grayscale-force hover-scale-force');
198 }
199 );
200 });
201</script>