Responsive image

About Marist NYC

An error occurred while processing the template.
Expression Youtube_Share_Link is undefined on line 127, column 22 in 20155#20195#1234373.
1<#if Youtube_Share_Link??> 
2  <#assign a = Youtube_Share_Link.getData()> 
3  <#assign b = "watch"> 
4  <#assign n = a?index_of("=")> 
5  <#assign d = a?substring(n + 1, a?length)> 
6  <#assign c = a?replace(b + "?v=" + d , "embed/" + d + "?controls=0")> 
7</#if> 
8 
9 
10<#if getterUtil.getBoolean(Image_on_right.getData())> 
11 
12<div id="nycspotlight" class="container"> 
13    <#if "${Background.getData()}"!="white"> 
14            <#if "${Background.getData()}"=="grey"> 
15                <div class="row" style="background-color: #e5e9ea"> 
16            <#elseif "${Background.getData()}"=="marist"> 
17                <div class="row" style="background-image: url(/documents/225991/899646/M_Pattern.png/102ae279-c916-44f8-bfc2-b423d78f1f07?t=1566917853000);"> 
18            </#if> 
19                <div class="span6 hidden-phone" id="nycspotlightdescr" style="padding: 60px 0px 0px 50px;"> 
20                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
21                    <p id="descr">${Description.getData()}</p> 
22                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
23                </div> 
24                 
25                <#if Youtube_Share_Link.getData() != ""> 
26                <div class="span6"> 
27                    <div class="video-responsive"> 
28                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
29                  </div> 
30                </div> 
31                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
32                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
33                    <p id="descr">${Description.getData()}</p> 
34                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
35                </div> 
36                <#else> 
37                 
38                <div class="span6"> 
39                    <img id="nycspotlightimg" src="${Image.getData()}" style="padding: 0px 0px 0px 0px;" /> 
40                </div> 
41                 
42                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
43                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
44                    <p id="descr">${Description.getData()}</p> 
45                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
46                </div> 
47                 </#if> 
48            </div> 
49    <#else>         
50                <div class="row" style="background-color: white"> 
51                 
52                <div class="span6  hidden-phone" id="nycspotlightdescr" style="padding: 60px 0px 0px 50px;"> 
53                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
54                    <p id="descr">${Description.getData()}</p> 
55                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
56                    <i class="fas fa-angle-right"></i> 
57 
58                </div> 
59                 <#if Youtube_Share_Link.getData() != ""> 
60                <div class="span6"> 
61                    <div class="video-responsive"> 
62                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
63                  </div> 
64                </div> 
65                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
66                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
67                    <p id="descr">${Description.getData()}</p> 
68                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
69                </div> 
70                <#else> 
71                <div class="span6"> 
72                    <img id="nycspotlightimg" src="${Image.getData()}" style="padding: 0px 0px 0px 0px; box-shadow: 7px 7px lightgrey;" /> 
73                </div> 
74                 
75                 <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
76                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
77                    <p id="descr">${Description.getData()}</p> 
78                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
79                    <i class="fas fa-angle-right"></i> 
80                </div> 
81                 </#if> 
82            </div> 
83    </#if>         
84</div>	 
85	 
86<#else> 
87 
88<div id="nycspotlight" class="container"> 
89    <#if "${Background.getData()}"!="white"> 
90            <#if "${Background.getData()}"=="grey"> 
91                <div class="row" style="background-color: #e5e9ea"> 
92            <#elseif "${Background.getData()}"=="marist"> 
93                <div class="row" style="background-image: url(/documents/225991/899646/M_Pattern.png/102ae279-c916-44f8-bfc2-b423d78f1f07?t=1566917853000);"> 
94            </#if> 
95             
96                 
97                <#if Youtube_Share_Link.getData() != ""> 
98                <div class="span6"> 
99                    <div class="video-responsive"> 
100                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
101                  </div> 
102                </div> 
103                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
104                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
105                    <p id="descr">${Description.getData()}</p> 
106                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
107                </div> 
108                <#else> 
109                <div class="span6"> 
110                    <img id="nycspotlightimg" src="${Image.getData()}" /> 
111                </div> 
112                 </#if> 
113                 
114                 
115                <div class="span6" id="nycspotlightdescr"> 
116                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
117                    <p id="descr">${Description.getData()}</p> 
118                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
119                    <i class="fas fa-angle-right"></i> 
120 
121 
122                </div> 
123            </div> 
124    <#else> 
125                <div class="row" style="background-color: white"> 
126                 
127                <#if Youtube_Share_Link.getData() != ""> 
128                <div class="span6"> 
129                    <div class="video-responsive"> 
130                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
131                  </div> 
132                </div> 
133                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
134                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
135                    <p id="descr">${Description.getData()}</p> 
136                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
137                </div> 
138                <#else> 
139                <div class="span6"> 
140                    <img id="nycspotlightimg" src="${Image.getData()}" style="box-shadow: 7px 7px lightgrey;"/> 
141                </div> 
142                 </#if> 
143                 
144                <div class="span6" id="nycspotlightdescr"> 
145                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
146                    <p id="descr">${Description.getData()}</p> 
147                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
148                    <i class="fas fa-angle-right"></i> 
149 
150 
151                </div> 
152            </div> 
153    </#if> 
154</div> 
155 
156 
157</#if> 
158 
159<style> 
160 
161.read-more-arrow{ 
162  font-size: 13px; 
163  cursor: pointer; 
164  color: #006e7a; 
165
166 
167#nycspotlight{ 
168  padding-top: 50px; 
169  padding-bottom: 50px; 
170
171 
172#descr{ 
173  word-wrap: break-word; 
174  padding-right: 40px; 
175
176 
177#nycspotlightimg{ 
178  padding: 0px 0px 0px 0px; 
179  outline: 1px solid #B31313; 
180  outline-offset: -10px; 
181
182 
183#nycspotlightdescr{ 
184  padding: 60px 0px 0px 50px; 
185
186 
187#nycspotlightdescr > a{ 
188  font-family: 'Myriad Pro',sans-serif; 
189  text-decoration: none; 
190  font-size:1.1em; 
191
192 
193#nycspotlighttitle{ 
194  margin-top: auto; 
195
196 
197 
198@media only screen and (min-width : 321px) and (max-width : 767px){ 
199    #nycspotlightimg{ 
200        padding-bottom: 0px; 
201        width: 100%; 
202
203     
204    #nycspotlightdescr{ 
205        padding: 10px 0px 20px 50px; 
206
207 
208
209 
210@media only screen and (max-width : 767px){ 
211    #nycspotlightdescr{ 
212        padding: 30px 0px 20px 15px; 
213        width: 100%; 
214
215     
216    #nycspotlight { 
217        padding: 50px 15px 50px 15px; 
218
219 
220
221 
222 
223</style> 
224 
225<script> 
226$( ".ytp-chrome-top-buttons" ).css( "display", "none" ); 
227 
228 
229setTimeout(function(){ 
230  $( ".ytp-chrome-top-buttons" ).css( "display", "none" ); 
231}, 200); 
232</script> 

What Can You Expect at Marist NYC?

Corporate Partnerships

Research and development partnerships with leading international companies such as IBM, Goldman Sachs, and Cisco provide students with state-of-the-art technology and expertise.

Name Recognition

With nearly 5,000 Marist alumni who are Presidents and CEOs in the NYC area, the Marist name carries weight.

Alumni Network

Marist students have access to a global alumni network of over 44,000 and counting.

Career Enhancement

At Marist NYC, students have the opportunity to engage in specialized programming and networking opportunities to enhance professional development.

An error occurred while processing the template.
Expression Youtube_Share_Link is undefined on line 25, column 22 in 20155#20195#1234373.
1<#if Youtube_Share_Link??> 
2  <#assign a = Youtube_Share_Link.getData()> 
3  <#assign b = "watch"> 
4  <#assign n = a?index_of("=")> 
5  <#assign d = a?substring(n + 1, a?length)> 
6  <#assign c = a?replace(b + "?v=" + d , "embed/" + d + "?controls=0")> 
7</#if> 
8 
9 
10<#if getterUtil.getBoolean(Image_on_right.getData())> 
11 
12<div id="nycspotlight" class="container"> 
13    <#if "${Background.getData()}"!="white"> 
14            <#if "${Background.getData()}"=="grey"> 
15                <div class="row" style="background-color: #e5e9ea"> 
16            <#elseif "${Background.getData()}"=="marist"> 
17                <div class="row" style="background-image: url(/documents/225991/899646/M_Pattern.png/102ae279-c916-44f8-bfc2-b423d78f1f07?t=1566917853000);"> 
18            </#if> 
19                <div class="span6 hidden-phone" id="nycspotlightdescr" style="padding: 60px 0px 0px 50px;"> 
20                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
21                    <p id="descr">${Description.getData()}</p> 
22                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
23                </div> 
24                 
25                <#if Youtube_Share_Link.getData() != ""> 
26                <div class="span6"> 
27                    <div class="video-responsive"> 
28                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
29                  </div> 
30                </div> 
31                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
32                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
33                    <p id="descr">${Description.getData()}</p> 
34                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
35                </div> 
36                <#else> 
37                 
38                <div class="span6"> 
39                    <img id="nycspotlightimg" src="${Image.getData()}" style="padding: 0px 0px 0px 0px;" /> 
40                </div> 
41                 
42                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
43                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
44                    <p id="descr">${Description.getData()}</p> 
45                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
46                </div> 
47                 </#if> 
48            </div> 
49    <#else>         
50                <div class="row" style="background-color: white"> 
51                 
52                <div class="span6  hidden-phone" id="nycspotlightdescr" style="padding: 60px 0px 0px 50px;"> 
53                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
54                    <p id="descr">${Description.getData()}</p> 
55                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
56                    <i class="fas fa-angle-right"></i> 
57 
58                </div> 
59                 <#if Youtube_Share_Link.getData() != ""> 
60                <div class="span6"> 
61                    <div class="video-responsive"> 
62                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
63                  </div> 
64                </div> 
65                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
66                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
67                    <p id="descr">${Description.getData()}</p> 
68                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
69                </div> 
70                <#else> 
71                <div class="span6"> 
72                    <img id="nycspotlightimg" src="${Image.getData()}" style="padding: 0px 0px 0px 0px; box-shadow: 7px 7px lightgrey;" /> 
73                </div> 
74                 
75                 <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
76                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
77                    <p id="descr">${Description.getData()}</p> 
78                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
79                    <i class="fas fa-angle-right"></i> 
80                </div> 
81                 </#if> 
82            </div> 
83    </#if>         
84</div>	 
85	 
86<#else> 
87 
88<div id="nycspotlight" class="container"> 
89    <#if "${Background.getData()}"!="white"> 
90            <#if "${Background.getData()}"=="grey"> 
91                <div class="row" style="background-color: #e5e9ea"> 
92            <#elseif "${Background.getData()}"=="marist"> 
93                <div class="row" style="background-image: url(/documents/225991/899646/M_Pattern.png/102ae279-c916-44f8-bfc2-b423d78f1f07?t=1566917853000);"> 
94            </#if> 
95             
96                 
97                <#if Youtube_Share_Link.getData() != ""> 
98                <div class="span6"> 
99                    <div class="video-responsive"> 
100                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
101                  </div> 
102                </div> 
103                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
104                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
105                    <p id="descr">${Description.getData()}</p> 
106                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
107                </div> 
108                <#else> 
109                <div class="span6"> 
110                    <img id="nycspotlightimg" src="${Image.getData()}" /> 
111                </div> 
112                 </#if> 
113                 
114                 
115                <div class="span6" id="nycspotlightdescr"> 
116                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
117                    <p id="descr">${Description.getData()}</p> 
118                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
119                    <i class="fas fa-angle-right"></i> 
120 
121 
122                </div> 
123            </div> 
124    <#else> 
125                <div class="row" style="background-color: white"> 
126                 
127                <#if Youtube_Share_Link.getData() != ""> 
128                <div class="span6"> 
129                    <div class="video-responsive"> 
130                    <iframe width="560" height="315" src=${c} frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
131                  </div> 
132                </div> 
133                <div class="span6 hidden-desktop hidden-tablet" id="nycspotlightdescr"> 
134                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
135                    <p id="descr">${Description.getData()}</p> 
136                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
137                </div> 
138                <#else> 
139                <div class="span6"> 
140                    <img id="nycspotlightimg" src="${Image.getData()}" style="box-shadow: 7px 7px lightgrey;"/> 
141                </div> 
142                 </#if> 
143                 
144                <div class="span6" id="nycspotlightdescr"> 
145                    <h2 id="nycspotlighttitle">${Title.getData()}</h2> 
146                    <p id="descr">${Description.getData()}</p> 
147                    <a href="${Link.getData()}">Read More <icon class="ion-chevron-right read-more-arrow"></icon></a> 
148                    <i class="fas fa-angle-right"></i> 
149 
150 
151                </div> 
152            </div> 
153    </#if> 
154</div> 
155 
156 
157</#if> 
158 
159<style> 
160 
161.read-more-arrow{ 
162  font-size: 13px; 
163  cursor: pointer; 
164  color: #006e7a; 
165
166 
167#nycspotlight{ 
168  padding-top: 50px; 
169  padding-bottom: 50px; 
170
171 
172#descr{ 
173  word-wrap: break-word; 
174  padding-right: 40px; 
175
176 
177#nycspotlightimg{ 
178  padding: 0px 0px 0px 0px; 
179  outline: 1px solid #B31313; 
180  outline-offset: -10px; 
181
182 
183#nycspotlightdescr{ 
184  padding: 60px 0px 0px 50px; 
185
186 
187#nycspotlightdescr > a{ 
188  font-family: 'Myriad Pro',sans-serif; 
189  text-decoration: none; 
190  font-size:1.1em; 
191
192 
193#nycspotlighttitle{ 
194  margin-top: auto; 
195
196 
197 
198@media only screen and (min-width : 321px) and (max-width : 767px){ 
199    #nycspotlightimg{ 
200        padding-bottom: 0px; 
201        width: 100%; 
202
203     
204    #nycspotlightdescr{ 
205        padding: 10px 0px 20px 50px; 
206
207 
208
209 
210@media only screen and (max-width : 767px){ 
211    #nycspotlightdescr{ 
212        padding: 30px 0px 20px 15px; 
213        width: 100%; 
214
215     
216    #nycspotlight { 
217        padding: 50px 15px 50px 15px; 
218
219 
220
221 
222 
223</style> 
224 
225<script> 
226$( ".ytp-chrome-top-buttons" ).css( "display", "none" ); 
227 
228 
229setTimeout(function(){ 
230  $( ".ytp-chrome-top-buttons" ).css( "display", "none" ); 
231}, 200); 
232</script>