<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE document SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd"> 
<!-- 
4H HOME PAGE for UAEX 2013 Implementation

Contributors: Vinit Varghese, Caroline Spooner
Last Updated 7/9/2013
-->
<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"
    exclude-result-prefixes="ou xsl xs fn ouc">
    <xsl:import href="common.xsl"/>


    <xsl:variable name="pageLayout" select="ou:assignVariable('layout','2')"/>
    <xsl:variable name="pageOptions" select="string-join(ou:pcfparam('pageOptions'))"/>
    <xsl:variable name="socialPath" select="'/_resources/includes/social-connection.inc'"/>
    <xsl:template name="page-content">
        
        <div id="main">
            <div class="container">
            
				<xsl:comment> breadcrumbs </xsl:comment>			
				<xsl:call-template name="breadcrumb">
					<xsl:with-param name="path" select="$ou:dirname"/>								
				</xsl:call-template>
				
                <!-- drop navigation -->
                <nav class="drop-nav">
                   <xsl:call-template name="drop-nav">
                   	<xsl:with-param name="key" select="$ou:accessKey"/>
                   </xsl:call-template>
                </nav>
                
                
                <!-- intro-block -->
                <section class="intro-block g3">
                    <!-- intro-next -->
                    <div class="intro-text">
                        <xsl:apply-templates select="content/maincontent/node()" mode="copy"/>
                        
                        <div class="button-holder">
                       		<xsl:apply-templates select="content/buttons/node()" mode="copy"/>
                        </div>
                    </div>
                    
                    	<xsl:apply-templates select="content/slider/node()" mode="homepage-4h-gallery"/>
                
                </section>
            </div>
            <!-- intro-columns -->
            <div class="intro-columns cf">
                <div class="container g3">
                    <div class="row">    
                        <!-- intro-section -->
                        <div class="intro-section">
                            <div class="heading">
                                <strong class="head"><xsl:apply-templates select="content/blocks/about/title/node()" mode="copy"/></strong>
                            </div>
                            <!-- intro-content -->
                            <div class="intro-content">
                                <xsl:apply-templates select="content/blocks/about/content/node()" mode="copy"/>
                            </div>
                        </div>
                        <!-- intro-section -->
                        <div class="intro-section">
                            <div class="heading">
                                <strong class="head"><xsl:apply-templates select="content/blocks/events/title/node()" mode="copy"/></strong>
                                <!-- link-holder -->
                                <div class="link-holder">
                                  <xsl:apply-templates select="content/blocks/events/link/node()" mode="copy"/>
                                </div>
                            </div>
                            <!-- intro-content -->
                            <div class="intro-content">
                                <xsl:apply-templates select="content/blocks/events/content/node()" mode="copy"/>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <!-- intro-section -->
                        <div class="intro-section">
                            <div class="heading">
                                <strong class="head"><xsl:apply-templates select="content/blocks/activities/title/node()" mode="copy"/></strong>
                            </div>
                            <!-- intro-content -->
                            <div class="intro-content">
                                <xsl:apply-templates select="content/blocks/activities/content/node()" mode="copy"/>
                            </div>
                        </div>
                        <!-- intro-section -->
                        <div class="intro-section">
                            <div class="heading">
                                <strong class="head"><xsl:apply-templates select="content/blocks/news/title/node()" mode="copy"/></strong>
                                <div class="link-holder">
                                   <xsl:apply-templates select="content/blocks/news/link/node()" mode="copy"/>
                                </div>
                            </div>
                            <!-- intro-content -->
                            <div class="intro-content">
                                <!-- news-list -->
                                <xsl:apply-templates select="content/blocks/news/content/node()" mode="copy"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- articles-block -->
            <section class="articles-block">
                <div class="container cf">
                    <!-- article -->
                    <article class="article g1">
                    	<xsl:apply-templates select="content/articles/article[1]/node()" mode="copy"/>
                    </article>
                    <article class="article g1">
                    	<xsl:apply-templates select="content/articles/article[2]/node()" mode="copy"/>
                    </article>
                	<article class="article g1">
                    	<xsl:apply-templates select="content/articles/article[3]/node()" mode="copy"/>
                    </article>
                </div>
            </section>
        </div>
  </xsl:template>
    
</xsl:stylesheet>