﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="Settings" select="AjaxRequest/Settings"></xsl:variable>
		<xsl:variable name="HostName" select="AjaxRequest/HostName"></xsl:variable>
		<xsl:variable name="IsSecureConnection" select="AjaxRequest/IsSecureConnection"></xsl:variable>
		<xsl:variable name="SocialMedia" select="$Settings/SocialMedia"></xsl:variable>
		<xsl:variable name="Logo" select="$Settings/Logo/LogoURL"/>
		<xsl:variable name="Navigation" select="$Settings/Navigation/MenuItems"/>
		<xsl:variable name="ContactTopBar" select="$Settings/ContactTopBar"></xsl:variable>
		<xsl:variable name="SlideImages" select="$Settings/SlideImages"></xsl:variable>
		<xsl:variable name="WhatWeDosection" select="$Settings/WhatWeDosection"></xsl:variable>
		<xsl:variable name="BROWSEOURCOMMUNITIES" select="$Settings/BROWSEOURCOMMUNITIES"></xsl:variable>
		<xsl:variable name="FeaturesSection" select="$Settings/FeaturesSection"></xsl:variable>
		<xsl:variable name="Counters" select="$Settings/Counters"></xsl:variable>
		<xsl:variable name="Clients" select="$Settings/Clients"></xsl:variable>
		<xsl:variable name="FeaturesBox" select="$Settings/FeaturesBox"></xsl:variable>
		<xsl:variable name="Features" select="$Settings/Features"></xsl:variable>
		<xsl:variable name="OurTeam" select="$Settings/OurTeam"></xsl:variable>
		<xsl:variable name="LatestNews" select="$Settings/LatestNews"></xsl:variable>
		<xsl:variable name="Publications" select="AjaxRequest/Publications"></xsl:variable>
		<xsl:variable name="Communities" select="AjaxRequest/Communities"></xsl:variable>
		<xsl:variable name="Footer" select="$Settings/Footer"></xsl:variable>
		<xsl:variable name="DoaminName" select="$Settings/DomainName"></xsl:variable>
		<xsl:variable name="Protocol">
			<xsl:choose>
				<xsl:when test="$IsSecureConnection = 1">
					<xsl:text>https://</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>http://</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		
		<xsl:variable name="Path">
			<xsl:text>/Portals/0/Brands/</xsl:text><xsl:value-of select="$DoaminName"/><xsl:text>/Web/</xsl:text>
		</xsl:variable>
		<xsl:variable name="ClientPortalPath" select="normalize-space($Path)"></xsl:variable>

		<xsl:variable name="LoginUrl">
			<xsl:choose>
				<xsl:when test="$Settings/LoginButton/URL=''">
					#
				</xsl:when>
				<xsl:otherwise>
					<xsl:value-of select="$Settings/LoginButton/URL"/>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<xsl:variable name="SignUpUrl">
			<xsl:choose>
				<xsl:when test="$Settings/SignUpButton/URL=''">
					#
				</xsl:when>
				<xsl:otherwise>
					<xsl:value-of select="$Settings/SignUpButton/URL"/>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<div class="top-bar-dark">
			<div class="container">
				<div class="row">
					<div class="col-sm-4 hidden-xs">
						<div class="top-bar-socials">
							<xsl:for-each select="$SocialMedia/Link">
								<xsl:if test="@Active=1">
									<a href="{URL}" target="_blank" class="social-icon-sm si-dark si-gray-round si-colored-{Class}">
										<i class="fa fa-{Label}"></i>
										<i class="fa fa-{Label}"></i>
									</a>
								</xsl:if>
							</xsl:for-each>
						</div>
					</div>
					<div class="col-sm-8 text-right">
						<ul class="list-inline top-dark-right">
							<li class="hidden-sm hidden-xs">
								<i class="fa fa-envelope"></i>
								<xsl:value-of select="$ContactTopBar/Email"/>
							</li>
							<xsl:variable name="URL" select="$ContactTopBar/Link/URL"></xsl:variable>
							<li class="hidden-sm hidden-xs">
								<xsl:value-of select="$ContactTopBar/Label"/>
								<a href="{$URL}">
									<i class="fa fa-Link"></i>
									<xsl:value-of select="$ContactTopBar/Link/Label"/>
								</a>
							</li>

							<li>
								<a href="{$LoginUrl}">
									<i class="fa fa-lock"></i>
									<xsl:value-of select="$Settings/LoginButton/Label"/>
								</a>
							</li>

							<li>
								<a href="{$SignUpUrl}">
									<i class="fa fa-user"></i>
									<xsl:value-of select="$Settings/SignUpButton/Label"/>
								</a>
							</li>
							<li>
								<a class="topbar-icons" href="#">
									<span>
										<i class="fa fa-search top-search"></i>
									</span>
								</a>
							</li>
						</ul>
						<div class="search">
							<form role="form">
								<input type="text" class="form-control" autocomplete="off" placeholder="Write something and press enter"></input>
								<span class="search-close">
									<i class="fa fa-times"></i>
								</span>
							</form>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!--top-bar-dark end here-->
		<!--navigation -->
		<!-- Static navbar -->
	
			<div class="navbar navbar-default navbar-static-top yamm sticky" role="navigation" >
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<xsl:variable name="imgURL">
							<xsl:value-of select="translate(normalize-space(concat($Protocol,$HostName,$ClientPortalPath,$Logo)),' ','')"></xsl:value-of>
						</xsl:variable>
						<a class="navbar-brand" href="index.html">
							<img src="{$imgURL}" alt="LifeSpace" style="width:auto;"></img>
						</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<xsl:for-each select="$Navigation/MenuItem">
								<xsl:variable name="active">
									<xsl:choose>
										<xsl:when test="position()=1">
											active
										</xsl:when>
									</xsl:choose>
								</xsl:variable>
								<li class="dropdown {$active} ">
									<a href="{URL}" class="dropdown-toggle" data-toggle="dropdown">
										<xsl:value-of select="Title"/>
										<i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
										<xsl:for-each select="Menu">
											<xsl:call-template name="MultiLevelMenu">
												<xsl:with-param name="MenuItem" select="."></xsl:with-param>
											</xsl:call-template>
										</xsl:for-each>

										<xsl:for-each select="Link">
											<li>
												<a href="home-parallax.html">Home - Parallax</a>
											</li>
										</xsl:for-each>



									</ul>
								</li>
							</xsl:for-each>

							<!--menu home li end here-->
							<!--<li class="dropdown">
                            <a href="#" class="dropdown-toggle " data-toggle="dropdown">Portfolio <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu multi-level" role="menu">
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Cube Portfolio </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="juicy-portfolio.html"> Juicy Projects</a></li>
                                        <li><a href="cube-fullwidth.html"> Full Width</a></li>
                                        <li><a href="cube-masonry.html"> Masonry</a></li>                         
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Grid Text Boxed </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="portfolio-2.html"> 2 Columns</a></li>
                                        <li><a href="portfolio-3.html"> 3 Columns</a></li>
                                        <li><a href="portfolio-4.html"> 4 Columns</a></li>                         

                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Grid Boxed </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="grid-portfolio-2-no-text.html">2 Columns</a></li>
                                        <li><a href="grid-portfolio-3-no-text.html">3 Columns</a></li>
                                        <li><a href="grid-portfolio-4-no-text.html">4 Columns</a></li>                         

                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">No space Full width </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="portfolio-full-width-2.html">2 columns</a></li>
                                        <li><a href="portfolio-full-width-3.html">3 columns</a></li>
                                        <li><a href="portfolio-full-width-4.html">4 columns</a></li>                         
                                        <li><a href="portfolio-full-width-5.html">5 columns</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">No Space Boxed </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="portfolio-no-space-bx-2.html"> 2 Columns</a></li>
                                        <li><a href="portfolio-no-space-bx-3.html"> 3 Columns</a></li>
                                        <li><a href="portfolio-no-space-bx-4.html"> 4 Columns</a></li>                         

                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Portfolio Masonry </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="masonry-portfolio-3.html"> 3 Columns</a></li>
                                        <li><a href="masonry-portfolio-4.html"> 4 Columns</a></li>
                                        <li><a href="masonry-portfolio-full.html"> Full Width</a></li>                         

                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Portfolio Items</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="portfolio-single.html">Single item</a></li>
                                        <li><a href="portfolio-single-2.html">Single item 2</a></li>                                                             
                                    </ul>
                                </li>

                            </ul>
                        </li>-->
							<!--menu Portfolio li end here-->
							<!--<li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="blog-full.html">Blog - full width</a></li>
                                <li><a href="blog-leftimg.html">Blog - left image</a></li>
                                <li><a href="blog-sidebar.html">Blog - sidebar</a></li>
                                <li><a href="blog-2col.html">Blog - 2 column</a></li>
                                <li><a href="blog-timeline.html">Blog - Timeline</a></li>
                                <li><a href="blog-masonary.html">Blog - Masonry</a></li>
                                <li><a href="blog-single.html">Blog - Single</a></li>
                            </ul>
                        </li>-->
							<!--menu blog li end here-->
							<!--<li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="about.html">About</a></li>
                                <li><a href="me.html">About - Me</a></li>
                                <li><a href="services.html">Services</a></li>
                                <li><a href="team.html">Our Team</a></li>
                                <li><a href="pricing.html">Our Pricing</a></li>                                
                                <li><a href="faq.html">FAQS</a></li> 
                                <li><a href="email-template.html">Email Template</a></li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Contact </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="contact.html"> Contact default</a></li>
                                        <li><a href="contact-advanced.php">Contact advanced</a></li>
                                        <li><a href="contact-option.php">Contact option</a></li>
                                        <li><a href="contact-flat.php">Contact Flat</a></li>
                                    </ul>
                                </li>                                          
                                <li><a href="search-results.html">Search Results</a></li>                                
                                <li><a href="career.html">Career</a></li>
                                <li><a href="gallery.html">Gallery</a></li>

                                <li><a href="process.html">Our Process</a></li>

                            </ul>
                        </li>-->
							<!--menu pages li end here-->

							<!--<li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features  <i class="fa fa-angle-down"></i></a> 
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Headers </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html">Header 1 - Default</a></li>
                                        <li><a href="header-dark.html">Header 2 - dark </a></li>
                                        <li><a href="header-transparent.html">header 3 - transparent </a></li>
                                        <li><a href="header-center-logo.html">header 4 - Logo center </a></li>
                                        <li><a href="header-side-panel.html">header 5 - Side panel </a></li>
                                    </ul>
                                </li> 
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Footers </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html">Footer dark - 1</a></li>
                                        <li><a href="footer-2.html">Footer dark - 2</a></li>
                                        <li><a href="footer-3.html">Footer dark - 3 </a></li>
                                        <li><a href="footer-light-1.html">Footer Light - 1</a></li>
                                        <li><a href="footer-light-2.html">Footer Light - 2</a></li>
                                        <li><a href="footer-light-3.html">Footer Light - 3 </a></li>
                                    </ul>
                                </li> 
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Page Templates </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="full-width.html">Full Width</a></li>                                                    
                                        <li><a href="left-sidebar.html">Left Sidebar</a></li>
                                        <li><a href="right-sidebar.html">Right sidebar</a></li>
                                        <li><a href="both-sidebar.html">Both Sidebar</a></li>
                                        <li><a href="both-right-sidebar.html">Both Right sidebar</a></li>
                                        <li><a href="both-left-sidebar.html">Both Left Sidebar</a></li>
                                    </ul>
                                </li> 
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">Coming Soon </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="coming-soon-1.html">Coming soon 1</a></li>                                                    
                                        <li><a href="coming-soon-2.html">Coming soon 2</a></li>
                                        <li><a href="coming-soon-3.html">Coming soon 3</a></li>
                                    </ul>
                                </li> 
                                <li><a href="side-nav.html">side navigation </a></li>
                                <li><a href="maintenance-page.html">Maintenance page </a></li>
                                <li><a href="blank.html">Blank Page</a></li>
                                <li><a href="error.html">Error - 404</a></li>
                                <li><a href="login-ragister.html">Login / Register</a></li>
                                <li><a href="login-ragister-classic.html">Login / Register - Classic </a></li>
                                <li><a href="invoice.html">Invoice</a></li>
                                <li><a href="site-map.html">Site Map</a></li>
                            </ul>
                        </li>-->
							<!--features-->

							<!--mega menu-->
							<!--<li class="dropdown yamm-fw">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Shortcodes  <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="yamm-content">
                                        <div class="row">

                                            <div class="col-sm-3">
                                                <h3 class="heading">Shortcode 1</h3>
                                                <ul class="nav mega-vertical-nav">        

                                                    <li><a href="typography.html"><i class="fa fa-text-height"></i> Typography</a></li>
                                                    <li><a href="grid-system.html"><i class="fa fa-bars"></i> Grid System</a></li>
                                                    <li><a href="testimonials.html"><i class="fa fa-comment-o"></i> testimonials </a></li>
                                                    <li><a href="tabs-accordian.html"><i class="fa fa-table"></i> tabs ,  Accordions </a></li>
                                                </ul>

                                            </div>
                                            <div class="col-sm-3">
                                                <h3 class="heading">Shortcode 2 </h3>
                                                <ul class="nav mega-vertical-nav">
                                                    <li><a href="buttons.html"><i class="fa fa-cog"></i> Buttons</a></li>
                                                    <li><a href="social-buttons.html"><i class="fa fa-share"></i> Social Buttons</a></li>
                                                    <li><a href="alerts.html"><i class="fa fa-bell"></i> Alerts </a></li>
                                                    <li><a href="other-elements.html"><i class="fa fa-cogs"></i> Other Elements </a></li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-3">
                                                <h3 class="heading">Shortcode 3</h3>
                                                <ul class="nav mega-vertical-nav">
                                                    <li><a href="font-awesome.html"><i class="fa fa-flag"></i> Font Awesome icons</a></li>                                                   
                                                    <li><a href="pe-icons.html"><i class="pe-7s-like"></i> Pe icons</a></li>   
                                                    <li><a href="carousel-shortcodes.html"><i class="fa fa-sliders"></i> Carousel Sliders </a></li>
                                                    <li><a href="tables.html"><i class="fa fa-table"></i> Tables </a></li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-3">
                                                <h3 class="heading">Shortcode 4</h3>
                                                <ul class="nav mega-vertical-nav">
                                                    <li><a href="pricing-tables.html"><i class="fa fa-usd"></i> Pricing tables</a></li>                                                   
                                                    <li><a href="videos.html"><i class="fa fa-image"></i> Responsive videos</a></li>   
                                                    <li><a href="cta.html"><i class="fa fa-map-pin"></i> call to cations </a></li>
                                                    <li><a href="maps.html"><i class="fa fa-map-marker"></i> Google maps </a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>-->
						</ul>
					</div>
					<!--/.nav-collapse -->
				</div>
				<!--container-->
			</div>
		
		<!--navbar-default-->


		<!--rev slider start-->
		<div class="fullwidthbanner">
			<div class="tp-banner">
				<ul>
					<!-- SLIDE -->
					<xsl:for-each select="$SlideImages/Image">
						<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Powerful Theme">
							<!--<xsl:value-of select="concat($Protocol,$HostName)"/>-->
							<xsl:variable name="imgURL">
								<xsl:value-of select="translate(normalize-space(concat($Protocol,$HostName,$ClientPortalPath,URL)),' ','')"></xsl:value-of>
							</xsl:variable>
							<!-- MAIN IMAGE -->
							<img src="{$imgURL}"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"></img>
							<div class="caption title-2 sft"
						 data-x="50"
						 data-y="160"
						 data-speed="1000"
						 data-start="1000"
						 data-easing="easeOutExpo">
								<br>
									<xsl:value-of select="Title"/>
								</br>
							</div>
							<div class="caption text sfl" data-x="50" style="width:40%"
                             data-y="290"
                             data-speed="1000"
                             data-start="1800"
                             data-easing="easeOutExpo">
								<form role="form" class="subscribe-form">
									<div class="input-group">
										<input type="text" class="form-control" placeholder="Enter Your Goal Here..."></input>
										<span class="input-group-btn">
											<button class="btn  btn-theme-bg btn-lg" type="submit">Go</button>
										</span>
									</div>
								</form>
							</div>
							<div class="caption sfb rev-buttons tp-resizeme"
                             data-x="50"
                             data-y="360"
                             data-speed="500"
                             data-start="1800"
                             data-easing="Sine.easeOut">
								<a href="{$LoginUrl}" class="btn btn-theme-bg btn-lg">
									<xsl:value-of select="$Settings/LoginButton/Label"/>
								</a>
							</div>

							<div class="caption sfb rev-buttons tp-resizeme"
								 data-x="250"
								 data-y="360"
								 data-speed="500"
								 data-start="2100"
								 data-easing="Sine.easeOut">
								<a href="{$SignUpUrl}" class="btn border-white btn-lg">
									<xsl:value-of select="$Settings/SignUpButton/Label"/>
								</a>
							</div>
						</li>
					</xsl:for-each>

					<!-- SLIDE -->

				</ul>
			</div>
		</div>
		<!--full width banner-->
		<!--revolution end-->
		<xsl:if test="$WhatWeDosection/@active=1">
			<div class="divide60"></div>
			<div class="container">
				<div class="row">
					<div class="col-sm-8 col-sm-offset-2">
						<div class="center-heading">
							<h2>
								<xsl:value-of select="$WhatWeDosection/Header"/>
							</h2>
							<span class="center-line"></span>
							<p class="sub-text margin40">
								<xsl:value-of select="$WhatWeDosection/Paragraph"/>
							</p>
						</div>
					</div>

				</div>
				<!--center heading end-->
				<div class="divide50"></div>
				<div class="row">
					<xsl:for-each select="$WhatWeDosection/ParagraphBoxes/Box">
						<div class="col-md-3 col-sm-6 margin30">
							<div class="colored-boxed {Color}">
								<i class="pe-7s-{Icon}"></i>
								<h3>

								</h3>
								<span class="center-line"></span>
								<p>
									<xsl:value-of select="Paragraph"/>
								</p>
							</div>
						</div>
					</xsl:for-each>

					<!--colored boxed col end-->

					<!--colored boxed col end-->
				</div>
			</div>
			<!--services container-->
		</xsl:if>
		<div class="divide80"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="center-heading">
						<h2>
							<xsl:value-of select="$BROWSEOURCOMMUNITIES/Header"/>
						</h2>
						<span class="center-line"></span>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="cube-masonry">


				<div id="filters-container" class="cbp-l-filters-alignCenter">
					<xsl:for-each select="$BROWSEOURCOMMUNITIES/Menu">
						<xsl:variable name="class">
							<xsl:choose>
								<xsl:when test="position()=1">
									cbp-filter-item-active
								</xsl:when>

							</xsl:choose>
						</xsl:variable>
						<xsl:variable name="classExt">
							<xsl:choose>
								<xsl:when test="position()!=1">
									.<xsl:value-of select="class"/>
								</xsl:when>
								<xsl:otherwise>
									<xsl:value-of select="class"/>

								</xsl:otherwise>

							</xsl:choose>
						</xsl:variable>
						<div data-filter="{$classExt}" class="{$class} cbp-filter-item">
							<xsl:value-of  select="Label"/>
							<div class="cbp-filter-counter"></div>
						</div>

					</xsl:for-each>

				</div>

				<div id="masnory-container" class="cbp">
					<xsl:for-each select="$BROWSEOURCOMMUNITIES/Images/Image">
						<div class="cbp-item {class}">
							<a class="cbp-caption cbp-lightbox" data-title="Easy Note by Cosmin Capitanu" href="{URL}">
								<xsl:variable name="imgURL">
									<xsl:value-of select="translate(normalize-space(concat($Protocol,$HostName,$ClientPortalPath,URL)),' ','')"></xsl:value-of>
								</xsl:variable>
								<div class="cbp-caption-defaultWrap">
									<img src="{$imgURL}" alt=""></img>
								</div>
								<div class="cbp-caption-activeWrap">
									<div class="cbp-l-caption-alignCenter">
										<div class="cbp-l-caption-body">
											<div class="cbp-l-caption-title">
												<xsl:value-of select="Title"/>
											</div>
											<div class="cbp-l-caption-desc">
												<xsl:value-of select="SubTitle"/>
											</div>
										</div>
									</div>
								</div>
							</a>
						</div>
					</xsl:for-each>

				</div>
			</div>
			<!--.cube masonry-->
		</div>
		<div class="divide50"></div>
		<div class="text-center">
			<a href="{$BROWSEOURCOMMUNITIES/Button/URL}" class="btn btn-theme-dark btn-lg">
				<xsl:value-of select="$BROWSEOURCOMMUNITIES/Button/Label"/>
			</a>
		</div>

		<xsl:if test="$FeaturesSection/@Active=1">
		<div class="divide50"></div>
		<div class="wide-img-showcase">

			<div class="row margin-0 wide-img-showcase-row">
				<div class="col-sm-6 no-padding  img-2 ">
					<div class="no-padding-inner ">
						<div></div>
					</div>
				</div>
				<div class="col-sm-6 col-sm-offset-6 no-padding gray">
					<div class="no-padding-inner gray">
						<h3 class="wow animated fadeInDownfadeInRight">
							<xsl:value-of select="$FeaturesSection/Header/Label"></xsl:value-of>
							<span class="colored-text">
								<xsl:text>  </xsl:text>
								<xsl:value-of select="$FeaturesSection/Header/ColorLabel"></xsl:value-of>
							</span>
						</h3>
						<xsl:for-each select="$FeaturesSection/ParagraphBoxes/Box">
							<div class="services-box margin30 wow animated fadeInRight">
								<div class="services-box-icon">
									<i class="fa fa-{Icon}"></i>
								</div>
								<!--services icon-->
								<div class="services-box-info">
									<h4>
										<xsl:value-of select="Header"/>
									</h4>
									<p>
										<xsl:value-of select="Paragraph"/>
									</p>
								</div>
							</div>
						</xsl:for-each>
						<!--service box-->
						<div class="divide30"></div>
						<div class="col-sm-12">
							<!--<a href="#" class="btn btn-theme-dark btn-lg">Purchase Now</a>-->

							<div class="col-sm-6">
								<a href="{$LoginUrl}" class="btn btn-theme-bg btn-lg">
									<xsl:value-of select="$Settings/LoginButton/Label"/>
								</a>
							</div>

							<div class="col-sm-6">
								<a href="{$SignUpUrl}" class="btn btn-theme-dark btn-lg">
									<xsl:value-of select="$Settings/SignUpButton/Label"/>
								</a>
							</div>
						</div>
					</div>
					<!--service box-->

				</div>
			</div>
		</div>
		</xsl:if>
		<div class="divide40"></div>
		<!--wide image showcase end-->
		<section class="fun-fact-wrap fun-facts-bg">
			<div class="container">
				<div class="row">
					<xsl:for-each select="$Counters/Counter">
						<div class="col-md-3 margin20 facts-in">
							<h3>
								<span class="counter">
									<xsl:value-of select="Count"/>
								</span> +
							</h3>
							<h4>
								<xsl:value-of select="Header"/>
							</h4>
						</div>

					</xsl:for-each>
				</div>
			</div>
		</section>
		
		<!--fun facts-->
		<xsl:if test="$Clients/@Active=1">
			<div class="testimonials-v-2 wow animated fadeInUp" data-wow-duration="700ms" data-wow-delay="100ms">
				<div class="container">
					<div class="row">
						<div class="col-sm-8 col-sm-offset-2">
							<div class="center-heading">
								<h2>
									<xsl:value-of select="$Clients/Title"/>
								</h2>
								<p>
									<xsl:value-of select="$Clients/SubTitle"/>
								</p>
								<span class="center-line"></span>

							</div>
						</div>
					</div>
					<!--center heading end-->

					<div class="row">

						<div class="col-sm-8 col-sm-offset-2">
							<div class="testi-slide">
								<ul class="slides">
									<xsl:for-each select="$Clients/Customers/Customer">
										<xsl:variable name="imgURL">
											<xsl:value-of select="translate(normalize-space(concat($Protocol,$HostName,$ClientPortalPath,Image)),' ','')"></xsl:value-of>
										</xsl:variable>
										<li>
											<img src="{$imgURL}" alt=""></img>
											<p>
												<i class="ion-quote"></i>
												<xsl:value-of select="Quote"/>
											</p>
											<h4 class="test-author">
												<xsl:value-of select="Name"/>
												<!--Rick man - <em>rock inc</em>-->
											</h4>
										</li>

									</xsl:for-each>

									<!--testi item-->
								</ul>
							</div>
							<!--flex slider testimonials end here-->
						</div>
					</div>
					<!--testi slider row end-->

				</div>
			</div>
		</xsl:if>
		<!--testimonials v-2 end-->

		<xsl:if test="$FeaturesBox/@Active=1">
			<div class="blue-bg">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 margin30">
						<div class="services-box wow animated fadeInDown">
							<div class="services-box-icon">
								<i class="pe-7s-diamond"></i>
							</div>
							<!--services icon-->
							<div class="services-box-info">
								<h4>250+ valid layouts</h4>
								<p>
									Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
								</p>
							</div>
						</div>
						<!--service box-->
					</div>
					<div class="col-sm-6 ">
						<div class="services-box wow animated fadeInUp">
							<div class="services-box-icon">
								<i class="pe-7s-download"></i>
							</div>
							<!--services icon-->
							<div class="services-box-info">
								<h4>Free Support , Updates</h4>
								<p>
									Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
								</p>
							</div>
						</div>
						<!--service box-->
					</div>
				</div>
			</div>
		</div>
		</xsl:if>	
		<!--full wide 2 columns content end-->

		<div class="divide70"></div>
		<xsl:if test="$Features/@Active='1'">
			<div class="assan-features">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="center-heading">
								<h2>
									<xsl:value-of select="$Features/Header"/>
								</h2>
								<span class="center-line"></span>
							</div>
						</div>
					</div>
					<div class="row">
						<xsl:for-each select="$Features/ParagraphBoxes/Box">
							<div class="col-md-4 col-sm-6 margin20">
								<div class="services-box wow animated fadeIn" data-wow-duration="700ms" data-wow-delay="100ms">
									<div class="services-box-icon">
										<i class="fa fa-{Icon}"></i>
									</div>
									<!--services icon-->
									<div class="services-box-info">
										<h4>
											<xsl:value-of select="Header"/>
										</h4>
										<p>
											<xsl:value-of select="Paragraph"/>
										</p>
									</div>
								</div>
								<!--services box-->
							</div>
						</xsl:for-each>

					</div>
					<!--services row-->
				</div>
			</div>
		</xsl:if>
		<!--assan features-->
		<div class="divide40"></div>

		<xsl:if test="$OurTeam/@active=1">

			<div class="our-team-v-2">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="center-heading">
							<h2>
								<xsl:value-of select="$OurTeam/Header"/>
							</h2>
							<span class="center-line"></span>
						</div>
					</div>
				</div>
				<div class="row">
					<xsl:for-each select="$OurTeam/Member">
						<div class="col-sm-3 text-center">
							<xsl:variable name="imgURL">
											<xsl:value-of select="translate(normalize-space(concat($Protocol,$HostName,$ClientPortalPath,Image)),' ','')"></xsl:value-of>
										</xsl:variable>
							<div class="person-v2">
								<img src="{$imgURL}" class="img-responsive" alt=""></img>
								<div class="person-desc-v2">
									<h3>
										<xsl:value-of select="Name"/>
									</h3>
									<em>
										<xsl:value-of select="Title"/>
									</em>
									<ul class="list-inline top-social">
										<xsl:for-each select="SocialMedia">
											<li>
												<a href="{URL}">
													<i class="fa fa-{Icon}"></i>
												</a>
											</li>
										</xsl:for-each>

										<!--                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                                                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
									</ul>
								</div>
							</div>
						</div>

					</xsl:for-each>
				</div>
			</div>
		</div>
		</xsl:if>
		
		<!--our team v-2-->
		<div class="divide70"></div>
		<xsl:if test="$LatestNews/@Active=1">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="center-heading">
							<h2>
								<xsl:value-of select="$LatestNews/Header"/>
							</h2>
							<span class="center-line"></span>
						</div>
					</div>
				</div>
				<div class="row">
					<xsl:for-each select="$Publications/LatestPublications/Publication">
						<xsl:sort select="ItemID" data-type="number" order="descending"/>
						<xsl:if test="ImageURL and (position() &lt;=$LatestNews/Maxpublication)">
							<div class="col-sm-4 margin30">
								<div>
									<a href="#">
										<div class="item-img-wrap">
											<img src="{ImageURL}" class="img-responsive" alt="workimg"></img>
											<div class="item-img-overlay">
												<span></span>
											</div>
										</div>
									</a>
									<!--news link-->
									<div class="news-desc">
										<span></span>
										<h4>
											<a href="#">
												<xsl:value-of select="Title"/>
											</a>
										</h4>
										<span>
											By <a href="#">
												<xsl:value-of select="AuthorName"/>
											</a> on <xsl:value-of select="PublicationDate"/>
										</span>
										<!--<span>
									<a href="#">Read more...</a>
								</span>-->
									</div>
									<!--news desc-->
								</div>
							</div>
						</xsl:if>


					</xsl:for-each>
					<!--news col-->
				</div>
			</div>
		</xsl:if>
		
		<!--latest news-->

		<div class="divide40"></div>
		<!--<div class="intro-text-1 light">
			<div class="container">
				<div class="row">
					<div class="col-sm-8">
						<h4 class="animated slideInDown">
							Assan is Simply creative Template
						</h4>

						<p>
							Clean , powerful Easy to use multipurpose business HTML5 template.
						</p>
					</div>
					<div class="col-sm-4">
						<a href="#" class="btn border-theme btn-lg">Purchase now</a>
					</div>
				</div>
			</div>
		</div>-->
		<!--intro text end-->

		<footer id="footer">
			<div class="container">

				<div class="row">
					<div class="col-md-3 col-sm-6 margin30">
						<div class="footer-col">
							<h3>
								<xsl:value-of select="$Footer/Header"/>
							</h3>
							<p>
								<xsl:value-of select="$Footer/About"/>
							</p>
							<ul class="list-inline footer-social">
								<xsl:for-each select="$SocialMedia/Link">
									<xsl:if test="@Active=1">
										<li>
											<a href="URL" class="social-icon-sm si-dark si-gray-round si-colored-{Class}">
												<i class="fa fa-{Label}"></i>
												<i class="fa fa-{Label}"></i>
											</a>
										</li>
									</xsl:if>
								</xsl:for-each>
							</ul>
						</div>
					</div>
					<!--footer col-->
					<div class="col-md-3 col-sm-6 margin30">
						<div class="footer-col">
							<h3>
								<xsl:value-of select="$Footer/Contacts/Header"/>
							</h3>
							<ul class="list-unstyled contact">
								<xsl:for-each select="$Footer/Contacts/Contact">

									<li>
										<p>
											<strong>
												<i class="fa fa-Link"></i>
												<xsl:value-of select="Label"/>
											</strong>
											<a href="{Link/URL}">
												<xsl:value-of select="Link/Label"/>
											</a>
										</p>
									</li>
								</xsl:for-each>
							</ul>
						</div>
					</div>
					<!--footer col-->
					<div class="col-md-3 col-sm-6 margin30">
						<div class="footer-col">
							<h3>Featured Work</h3>
							<ul class="list-inline f2-work">
								<xsl:for-each select="$Communities/Community">
									<xsl:sort select="ItemID" data-type="number" order="descending"/>
									<xsl:if test="ImageURL and (position() &lt;=$Footer/MaxCommunities)">
										<li>
										<a href="portfolio-single.html">
											<img src="{ImageURL}" class="img-responsive" alt=""></img>
										</a>
									</li>
									</xsl:if>
									
								</xsl:for-each>
								
							</ul>
						</div>
					</div>
					<!--footer col-->
					<div class="col-md-3 col-sm-6 margin30">
						<div class="footer-col">
							<h3>Contact Us</h3>

							<form role="form" class="subscribe-form">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Name" style="padding: 0 24px; margin: 5px 0px;"></input>
								
								</div>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Comment" style="padding: 0 24px; margin: 5px 0px;"></input>
								
								</div>
								
                                <div class="input-group">
									<input type="text" class="form-control" placeholder="Enter email to subscribe"></input>
                                    <span class="input-group-btn">
                                        <button class="btn  btn-theme-dark btn-lg" type="submit">Ok</button>
                                    </span>
                                </div>
                            </form>
						</div>
					</div>
					<!--footer col-->
				</div>

				<div class="row">
					<div class="col-md-12 text-center">
						<div class="footer-btm">
							<span>2014. Theme by Design_mylife</span>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!--default footer end here-->

		<!--scripts and plugins -->
		<!--must need plugin jquery-->
		<script src="ThemeAssan/js/jquery.min.js"></script>
		<script src="ThemeAssan/js/jquery-migrate.min.js"></script>
		<!--bootstrap js plugin-->
		<script src="ThemeAssan/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<!--easing plugin for smooth scroll-->
		<script src="ThemeAssan/js/jquery.easing.1.3.min.js" type="text/javascript"></script>
	<script type="ThemeAssan/text/javascript" src="ThemeAssan/js/jquery.sticky.js"></script>
		<!--flex slider plugin-->
		<script src="ThemeAssan/js/jquery.flexslider-min.js" type="text/javascript"></script>
		<!--parallax background plugin-->
		<script src="ThemeAssan/js/jquery.stellar.min.js" type="text/javascript"></script>
		<!--digit countdown plugin-->
		<script src="ThemeAssan/js/waypoints.min.js"></script>
		<!--digit countdown plugin-->
		<script src="ThemeAssan/js/jquery.counterup.min.js" type="text/javascript"></script>
		<!--on scroll animation-->
		<script src="ThemeAssan/js/wow.min.js" type="text/javascript"></script>
		<!--owl carousel slider-->
		<script src="ThemeAssan/js/owl.carousel.min.js" type="text/javascript"></script>
		<!--popup js-->
		<script src="ThemeAssan/js/jquery.magnific-popup.min.js" type="text/javascript"></script>
		<!--you tube player-->
		<script src="ThemeAssan/js/jquery.mb.YTPlayer.min.js" type="text/javascript"></script>
		<!--customizable plugin edit according to your needs-->
		<script src="ThemeAssan/js/custom.js" type="text/javascript"></script>
		<script type="text/javascript" src="ThemeAssan/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="ThemeAssan/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
		<script type="text/javascript" src="ThemeAssan/js/revolution-custom.js"></script>
		<!--cube portfolio plugin-->
		<script src="ThemeAssan/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
		<script src="ThemeAssan/js/cube-portfolio.js" type="text/javascript"></script>
		<script src="ThemeAssan/js/pace.min.js" type="text/javascript"></script>

	</xsl:template>
	<xsl:template name="MultiLevelMenu">
		<xsl:param name="MenuItem" select="'N/A'"></xsl:param>
		<li class="dropdown-submenu">
			<a tabindex="-1" href="#">
				<xsl:value-of  select="$MenuItem/Title"/>
			</a>
			<ul class="dropdown-menu">
				<xsl:for-each select="$MenuItem/Link">
					<xsl:choose>
						<xsl:when test="$MenuItem/Link/MenuItem">
							<xsl:for-each select="MenuItem/Menu">
								<xsl:call-template name="MultiLevelMenu">
									<xsl:with-param name="MenuItem" select="."></xsl:with-param>
								</xsl:call-template>
							</xsl:for-each>
						</xsl:when>
						<xsl:otherwise>
							<xsl:variable name="href" >
								<xsl:choose>
									<xsl:when test="URL=''">
										#
									</xsl:when>
									<xsl:otherwise>
										<xsl:value-of select="URL"/>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:variable>

							<xsl:variable name="Title" select="Title"/>
							<li>
								<a href="{$href}">
									<xsl:value-of select="$Title"/>
								</a>
							</li>
						</xsl:otherwise>
					</xsl:choose>


				</xsl:for-each>
			</ul>
		</li>
	</xsl:template>
</xsl:stylesheet>
