<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY copy   "&#169;">
<!ENTITY nbsp "&#xa0;">
]>
<!--
07/26/2016	-	Don't display line if only one row.
07/26/2016	-	Center 1st column on 1st Row if not 2nd column 
-->

<xsl:stylesheet version="3.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:xs="http://www.w3.org/2001/XMLSchema"
	xmlns:ou="http://omniupdate.com/XSL/Variables"
	xmlns:fn="http://omniupdate.com/XSL/Functions"
	xmlns:ouc="http://omniupdate.com/XSL/Variables"
	xmlns="http://www.w3.org/1999/xhtml"
	exclude-result-prefixes="ou xsl xs fn ouc">

	<xsl:import href="common.xsl"/>

	<xsl:template name="common-layout">
 			<xsl:call-template name="common-header" /> 
		
		
		
		
			<xsl:call-template name="page-content" />
 			<xsl:call-template name="common-footer" /> 
	</xsl:template>

	<xsl:template name="page-content">	
		
		
		<xsl:param name="updated-date" select="$ou:modified" />
		
		<xsl:variable name="slide3" select="slide-items/slide-3/ouc:div[@label='slide-title-3']" />
		
		<xsl:variable name="slide-description-1" select="slide-items/slide-1/ouc:div[@label='slide-description-1']" />
		<xsl:variable name="slide-description-2" select="slide-items/slide-2/ouc:div[@label='slide-description-2']" />
		<xsl:variable name="slide-description-3" select="slide-items/slide-3/ouc:div[@label='slide-description-3']" />
		
		<xsl:variable name="slide-department-1" select="slide-items/slide-1/ouc:div[@label='slide-department-1']"/>
		<xsl:variable name="slide-department-2" select="slide-items/slide-2/ouc:div[@label='slide-department-2']"/>
		<xsl:variable name="slide-department-3" select="slide-items/slide-3/ouc:div[@label='slide-department-3']"/>
		
				<xsl:variable name="banner_type_1" select="banner-items/banner-1/ouc:div[@label='display-type-1']" />
		<xsl:variable name="banner_type_2" select="banner-items/banner-2/ouc:div[@label='display-type-2']" />
		<xsl:variable name="banner_type_3" select="banner-items/banner-3/ouc:div[@label='display-type-3']" />	
		<xsl:variable name="banner_type_4" select="banner-items/banner-4/ouc:div[@label='display-type-4']" />
		<xsl:variable name="banner_type_5" select="banner-items/banner-5/ouc:div[@label='display-type-5']" />
		<xsl:variable name="banner_type_6" select="banner-items/banner-6/ouc:div[@label='display-type-6']" />
		<xsl:variable name="banner_type_7" select="banner-items/banner-7/ouc:div[@label='display-type-7']" />
        <xsl:variable name="banner_type_8" select="banner-items/banner-8/ouc:div[@label='display-type-8']" />
        <xsl:variable name="banner_type_9" select="banner-items/banner-9/ouc:div[@label='display-type-9']" />
        <xsl:variable name="banner_type_10" select="banner-items/banner-10/ouc:div[@label='display-type-10']" />
			
		<xsl:variable name="video_banner_1" select="banner-items/banner-1/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_2" select="banner-items/banner-2/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_3" select="banner-items/banner-3/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_4" select="banner-items/banner-4/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_5" select="banner-items/banner-5/ouc:div[@label='banner-video']" />
		<xsl:variable name="video_banner_6" select="banner-items/banner-6/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_7" select="banner-items/banner-7/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_8" select="banner-items/banner-8/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_9" select="banner-items/banner-9/ouc:div[@label='banner-video']" />
        <xsl:variable name="video_banner_10" select="banner-items/banner-10/ouc:div[@label='banner-video']" />
		
		<!-- <xsl:variable name="announcement-1" select="slider-items/slider-1/ouc:div[@label='slider-desc-1']" />
		<xsl:variable name="announcement-2" select="slider-items/slider-2/ouc:div[@label='slider-desc-2']" />
		<xsl:variable name="announcement-3" select="slider-items/slider-3/ouc:div[@label='slider-desc-3']" />
		<xsl:variable name="announcement-4" select="slider-items/slider-4/ouc:div[@label='slider-desc-4']" />
		<xsl:variable name="announcement-5" select="slider-items/slider-5/ouc:div[@label='slider-desc-5']" /> -->

		
		<xsl:variable name="iframe-link" select="iframe-video/ouc:div[@label='iframe-video-link']" />
										
		<xsl:variable name="vid">
			<xsl:analyze-string select="$iframe-link" regex="(((https://)?)((http://)?)(www\.)?((youtube\.com/)|(youtu\.be)|(youtube))(.+=)(.+))">
				<xsl:matching-substring>http://www.youtube.com/embed/<xsl:value-of select="regex-group(12)"/></xsl:matching-substring>
				<xsl:non-matching-substring>
					<xsl:copy-of select="."/>
				</xsl:non-matching-substring>
			</xsl:analyze-string>
		</xsl:variable>
		<div id="HomeSlider" class="carousel slide innerPageSlider" data-ride="carousel">
            
				<div class="carousel-inner" role="region" aria-label="Marquee Image Slider">
			
				
				
					<xsl:choose> <!-- Banner 1-->
						<xsl:when test="$banner_type_1 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-1/ouc:div[@label='banner-image-1']}" alt="{banner-items/banner-1/ouc:div[@label='banner-image-alt-1']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_1 ='Video'">
							<div class="carousel-item">
								<div id="video_1" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:choose> <!-- Banner 2-->
						<xsl:when test="$banner_type_2 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-2/ouc:div[@label='banner-image-2']}" alt="{banner-items/banner-2/ouc:div[@label='banner-image-alt-2']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_2 ='Video'">
							<div class="carousel-item">
								<div id="video_2" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:choose> <!-- Banner 3-->
						<xsl:when test="$banner_type_3 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-3/ouc:div[@label='banner-image-3']}" alt="{banner-items/banner-3/ouc:div[@label='banner-image-alt-3']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_3 ='Video'">
							<div class="carousel-item">
								<div id="video_3" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
			
			<xsl:choose> <!-- Banner 4-->
						<xsl:when test="$banner_type_4 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-4/ouc:div[@label='banner-image-4']}" alt="{banner-items/banner-4/ouc:div[@label='banner-image-alt-4']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_4 ='Video'">
							<div class="carousel-item">
								<div id="video_4" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
			
			<xsl:choose> <!-- Banner 5-->
						<xsl:when test="$banner_type_5 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-5/ouc:div[@label='banner-image-5']}" alt="{banner-items/banner-5/ouc:div[@label='banner-image-alt-5']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_5 ='Video'">
							<div class="carousel-item">
								<div id="video_5" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
			
			<xsl:choose> <!-- Banner 6-->
						<xsl:when test="$banner_type_6 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-6/ouc:div[@label='banner-image-6']}" alt="{banner-items/banner-6/ouc:div[@label='banner-image-alt-6']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_6 ='Video'">
							<div class="carousel-item">
								<div id="video_6" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
				<xsl:choose> <!-- Banner 7-->
						<xsl:when test="$banner_type_7 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-7/ouc:div[@label='banner-image-7']}" alt="{banner-items/banner-7/ouc:div[@label='banner-image-alt-7']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_7 ='Video'">
							<div class="carousel-item">
								<div id="video_7" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
					<xsl:choose> <!-- Banner 8-->
						<xsl:when test="$banner_type_8 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-8/ouc:div[@label='banner-image-8']}" alt="{banner-items/banner-8/ouc:div[@label='banner-image-alt-8']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_8 ='Video'">
							<div class="carousel-item">
								<div id="video_8" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
					<xsl:choose> <!-- Banner 9-->
						<xsl:when test="$banner_type_9 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-9/ouc:div[@label='banner-image-9']}" alt="{banner-items/banner-9/ouc:div[@label='banner-image-alt-9']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_9 ='Video'">
							<div class="carousel-item">
								<div id="video_9" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
            <xsl:choose> <!-- Banner 10-->
						<xsl:when test="$banner_type_10 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-10/ouc:div[@label='banner-image-10']}" alt="{banner-items/banner-10/ouc:div[@label='banner-image-alt-10']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_10 ='Video'">
							<div class="carousel-item">
								<div id="video_10" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>

			 <xsl:choose>
     <xsl:when test="$banner_type_2 ='Image' or $banner_type_2 ='Video'">
					<a class="carousel-control-prev" href="#HomeSlider" role="button" data-slide="prev" onClick="pauseVideo()">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#HomeSlider" role="button" data-slide="next" onClick="pauseVideo()">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
					</xsl:when>
     <xsl:otherwise>
		  </xsl:otherwise>
   </xsl:choose>
					
					
			<!--		
			<a class="carousel-control-prev" href="#HomeSlider" role="button" data-slide="prev" onClick="pauseVideo()">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#HomeSlider" role="button" data-slide="next" onClick="pauseVideo()">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
-->
		</div>

       </div>

		<!-- <script type="text/javascript" src="/_resources/js/gallery-secondary.js"></script>  -->
	<script src="/_resources/js/header-randomSlideShow.js"></script>	
	<script type="text/javascript" src="/js/youtubebackground.js"></script>
			
			<script type="text/javascript">

				$('#video_1').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_1" />'
				});
				$('#video_2').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_2" />'
				});
				$('#video_3').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_3" />'
				});
			function pauseVideo()
			{
			/*
				if($('#video_1'))
				{
					var player1 = $('#video_1').data('ytPlayer').player;
					player1.pauseVideo();
				}
				if($('#video_2'))
				{
					var player2 = $('#video_2').data('ytPlayer').player;
					player2.pauseVideo();
				}
				if($('#video_3'))
				{
					var player3 = $('#video_3').data('ytPlayer').player;
					player3.pauseVideo();
				}
			*/
			}
</script>

		<div class="container card-container general">
            <nav class="nav-breadcrumb" aria-label="breadcrumb">
            	<ol class="breadcrumb">
					<xsl:call-template name="breadcrumb" />
				</ol>
			</nav>
        

			
	<div class="row top-pad">
 				<xsl:if test="ou:pcf-param('display-menu1') = 'display' or ou:pcf-param('display-menu2') = 'display' or ou:pcf-param('display-menu3') = 'display'" > 
					<div class="col-lg-3 col-md-4 col-sm-6 padding-lrt">
						<xsl:if test="ou:pcf-param('display-menu1') = 'display'">
  							<xsl:call-template name="navigation" /> 
						</xsl:if>
						<div class="xs-hide-box-content">
							<xsl:call-template name="sidebar-content" />
							<xsl:if test="ou:pcf-param('sidebar-region') = 'display'">
								
								<!-- J.R. edit 3/27/2019 -->
								<!--<xsl:apply-templates select="ouc:div[@label = 'related-links']" />
								<xsl:apply-templates select="ouc:div[@label = 'contact']" />-->
								<!-- End J.R. edit 3/27/2019 -->
								
							</xsl:if>
<!-- 							<xsl:if test="ou:pcf-param('display-menu2') = 'display'">
									<xsl:apply-templates select="ouc:div[@label = 'side-menu2']" />
							</xsl:if>
							<xsl:if test="ou:pcf-param('display-menu3') = 'display'">
									<xsl:apply-templates select="ouc:div[@label = 'side-menu3']" />
								<xsl:call-template name="sidebar-content" />
							</xsl:if> -->
						</div>
					</div>
 				</xsl:if>
				<xsl:choose>
					
					<xsl:when test="ou:pcf-param('display-right-content') = 'display'">
						<div class="col-lg-9 col-md-8 col-sm-6">
							<div role="main" id="main" class="text-block">
								<p class="audienceHeader"><xsl:value-of select="ou:pcf-param('heading')" /></p>
					
					<xsl:apply-templates select="ouc:div[@label = 'page-content']" />
               <p></p>
								

								

							
 <section class="carousel-container margin-lrt">
	 <div class="col-md-12">
               
                    <div id="WithropExpCarousel" class="carousel-fade carousel slide w-100" data-ride="carousel">
                        <div class="carousel-inner card" style="padding-bottom: 20px !important;">
                            <div class="carousel-item active">
                                <div class="row">
                                    <div class="col-md-4 no-padding image-container">
										 <a href="{slide-items/slide-1/ouc:div[@label='hyperlink-slide-name-1']}" title="Visit This My Winthrop Experience Profile">
                                        <img class="img-fluid d-block w-100" src="{slide-items/slide-1/ouc:div[@label='slide-image-1']}" alt="{slide-items/slide-1/ouc:div[@label='slide-image-alt-1']}"/>
										 </a>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="title-content">
											<h2 class="lined"><a href="/mwe/index.aspx" title="View All My Winthrop Experience Profiles"><xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-title-1']" /></a></h2>
                                            <p class="text-align">
												<xsl:value-of select="substring($slide-description-1, 1, 331)" /><xsl:if test="string-length($slide-description-1) &gt; 331">...</xsl:if>	
												<!-- <xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-description-1']" /> -->
                                            </p>
											<h3><a href="{slide-items/slide-1/ouc:div[@label='hyperlink-slide-name-1']}" title="Learn More"><xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-name-1']" /></a></h3>
                                            <p class="text-padright italic">
												<xsl:value-of select="substring($slide-department-1, 1, 72)" /><xsl:if test="string-length($slide-department-1) &gt; 72">...</xsl:if>
												<!-- <xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-department-1']" /> -->
												</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <div class="row">
                                    <div class="col-md-4 no-padding image-container">
										<a href="{slide-items/slide-2/ouc:div[@label='hyperlink-slide-name-2']}" title="Visit This My Winthrop Experience Profile">
                                        <img class="img-fluid d-block w-100" src="{slide-items/slide-2/ouc:div[@label='slide-image-2']}" alt="{slide-items/slide-2/ouc:div[@label='slide-image-alt-2']}"/>
										</a>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="title-content">
											<h2 class="lined"><a href="/mwe/index.aspx" title="View All My Winthrop Experience Profiles"><xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-title-2']" /></a></h2>
                                            <p class="text-align">
												<xsl:value-of select="substring($slide-description-2, 1, 331)" /><xsl:if test="string-length($slide-description-2) &gt; 331">...</xsl:if>	
												<!-- <xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-description-2']" /> -->
                                            </p>
											<h3><a href="{slide-items/slide-2/ouc:div[@label='hyperlink-slide-name-2']}" title="Learn More"><xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-name-2']" /></a></h3>
                                            <p class="text-padright italic">
												<xsl:value-of select="substring($slide-department-2, 1, 72)" /><xsl:if test="string-length($slide-department-2) &gt; 72">...</xsl:if>
												<!--<xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-department-2']" /> -->
</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
							<xsl:if test="$slide3 != ''"> 
								<div class="carousel-item">
									<div class="row">
										<div class="col-md-4 no-padding image-container">
											<a href="{slide-items/slide-3/ouc:div[@label='hyperlink-slide-name-3']}" title="Visit This My Winthrop Experience Profile">
											<img class="img-fluid d-block w-100" src="{slide-items/slide-3/ouc:div[@label='slide-image-3']}" alt="{slide-items/slide-3/ouc:div[@label='slide-image-alt-3']}"/>
											</a>
										</div>
										<div class="col-md-8">
											<div class="title-content">
												<h2 class="lined"><a href="/mwe/index.aspx" title="View All My Winthrop Experience Profiles"><xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-title-3']" /></a></h2>
												<p class="text-align">
													
													<xsl:value-of select="substring($slide-description-3, 1, 331)" /><xsl:if test="string-length($slide-description-3) &gt; 331">...</xsl:if>
													<!-- <xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-description-3']" /> -->
												</p>
												<h3><a href="{slide-items/slide-3/ouc:div[@label='hyperlink-slide-name-3']}" title="Learn More"><xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-name-3']" /></a></h3>
												<p class="text-padright italic">
													<xsl:value-of select="substring($slide-department-3, 1, 72)" /><xsl:if test="string-length($slide-department-3) &gt; 72">...</xsl:if>
													<!-- <xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-department-3']" /> -->
</p>
											</div>
										</div>
									</div>
								</div>
							</xsl:if>
							<div class="dual-enrollment-carousel">
                            <a class="carousel-control-prev" href="#WithropExpCarousel" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                            <a class="carousel-control-next" href="#WithropExpCarousel" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                        </div>
                        </div>
                        
                    </div>
                
		 </div>
            </section>
								
				
					
<div class="col-md-12">&nbsp;</div>
								
        <div class="row row-container">
			<div class="col-md-6">
				 <xsl:apply-templates select="ouc:div[@label = 'left-column-top']" />
			</div>
			
			 <div class="col-md-6">
				<xsl:apply-templates select="ouc:div[@label = 'right-column-top']" />
			</div>
	  </div>

								<div class="col-md-12">&nbsp;</div>
								
								
								<div class="col-md-12">
		<div class="row row-container">
		<div class="col-md-12">
			 <xsl:apply-templates select="ouc:div[@label = 'bottom-header']" />
			</div>
			</div>
						</div>
								
        <div class="row row-container">
			<div class="col-md-4">
				 <xsl:apply-templates select="ouc:div[@label = 'left-column-bottom']" />
				<xsl:apply-templates select="ouc:div[@label = 'request-info']" />
				<xsl:apply-templates select="ouc:div[@label = 'attend-an-event']" />
				<xsl:apply-templates select="ouc:div[@label = 'apply-now']" />
            </div>
				
			
			
			 <div class="col-md-8">
				<xsl:apply-templates select="ouc:div[@label = 'right-column-bottom']" />
			</div>
	  </div>
					
			
 </div>
						
		 </div>				
		
		
			
						
					</xsl:when>
						
					<xsl:otherwise>
					</xsl:otherwise> 
					
				</xsl:choose>
		
		
			</div> 
			
			<div class="col-md-12">&nbsp;</div>
			
			
							<div class="row row-container row-top-md top-sm" role="region" aria-label="Social Media Links">
            <div class="col-lg-8 col-md-7 col-sm-6">
                <div class="connect-social-link">
                    <p>Stay Connected!</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-5 col-sm-6 social-link-content">
                <ul class="social-link-img">
                    <li>
                        <a target="_blank" href="{social-links/facebook/ouc:div[@label='facebook-link']}" title="facebook" ><img src="/_resources/images/facebook-icon.png" class="img-fluid" alt="facebook"/></a>
                    </li>
                    <li>
                        <a target="_blank" href="{social-links/instagram/ouc:div[@label='instagram-link']}" title="instagram"><img src="/_resources/images/instagram-icon.png" class="img-fluid" alt="instagram"/></a>
                    </li>
                    <li>
                        <a target="_blank" href="{social-links/twitter/ouc:div[@label='twitter-link']}" title="X"><img src="/_resources/images/x-icon.png" class="img-fluid" alt="X"/></a>
                    </li>
                    <li>
                        <a target="_blank" href="{social-links/youtube/ouc:div[@label='youtube-link']}" title="youtube"><img src="/_resources/images/youtube-icon.png" class="img-fluid" alt="youtube"/></a>
                    </li> 
                     <li>
                        <a target="_blank" href="{social-links/linkedin/ouc:div[@label='linkedin-link']}" title="linkedin"><img src="/_resources/images/linkedin-icon.png" class="img-fluid" alt="linkedin"/></a>
                    </li>
                </ul>
            </div>
			
        </div>
			
			
		</div>
		
		
		
						
			
		
	</xsl:template>
	
<!-- 	<xsl:template name="common-footer">
		<xsl:call-template name="unparsed-include-file">
			<xsl:with-param name="path">/_resources/includes/footer.inc</xsl:with-param>
		</xsl:call-template>
	</xsl:template> -->

	<xsl:template name="common-header">
		<xsl:call-template name="unparsed-include-file">
				<xsl:with-param name="path">/_resources/includes/header.inc</xsl:with-param> 
		</xsl:call-template>
	</xsl:template>
</xsl:stylesheet>

