﻿<?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:include href="LoginLS.xslt"/>

    <xsl:output method="xml" indent="yes"/>

    <xsl:template match="/">
        <xsl:variable name="TemplateURL" select="normalize-space(AjaxRequest/TemplateURL)"></xsl:variable>
        <xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
        <xsl:variable name="LoggedInUserID" select="AjaxRequest/LoggedInUserID"></xsl:variable>

        <table class="tableMaster marginTop25" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="3" class="textCenter">
                    <div class="marginLeft10">
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/LS_Pro_Logo.png" class="verticallyMiddle"></img>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="verticallyMiddle">
                    <div class="marginLeft10">
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/professional.png" class="verticallyMiddle"></img>
                    </div>
                </td>
                <td>
                    <div class="marginLeft10">
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/cloudText.png" class="verticallyMiddle"></img>
                    </div>
                </td>
                <td class="verticallyMiddle">
                    <div class="marginLeft10">
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/teamsClients.png" class="verticallyMiddle"></img>
                    </div>
                </td>
            </tr>
        </table>

        <table class="tableMaster" cellpadding="0" cellspacing="0" style="margin-bottom:50px;margin-top:25px;">
            <tr>
                <td width="15%">
                    <div>&#xa0;</div>
                </td>
                <td class="textCenter" width="70%">
                    <div class="marginLeft10">
                        <span class="loginPageText">LifeSpace Pro</span>
                        <span class="loginPlainText">
                            is a Client Engagement Platform that helps professionals connect
                            with their clients and teams in a highly collaborative and social way.
                        </span>
                    </div>
                </td>
                <td width="15%">
                    <div>&#xa0;</div>
                </td>
            </tr>
        </table>

        <table class="tableMaster marginTop25" cellpadding="0" cellspacing="0">
            <tr>
                <td class="textCenter divJoinLSGradient verticallyMiddle boxShadow" width="35%">
                    <div>
                        <span class="loginChallengeTxt">Challenge</span>
                        <span class="loginLiteTxt">lite</span>
                    </div>
                </td>
                <td width="65%" class="divNoteGradient textCenter" colspan="2">
                    <div>
                        <span class="popUpHeadLineTitle">
                            Sign up now for Challenge lite - It's free
                        </span>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border-left:0.5px solid #D1D3D4;border-bottom:0.5px solid #D1D3D4; ">
                    <div style="margin-top:30px;">
                        <ul class="challengeTXT">
                            <li>Host free public group challenges</li>
                            <li>Viral marketing through social comments</li>
                            <li>Automated leader board</li>
                        </ul>
                    </div>
                </td>
                <td style="border-right:0.5px solid #D1D3D4; ">
                    <div style="margin-top:30px;">
                        <div class="loginPageText" style="margin-left:10px;">Ideal for</div>
                        <div class="challengeTXT" style="margin-left:10px;">Anyone interested in hosting Challenges for</div>
                        <div class="challengeTXT" style="margin-left:10px;">your professional or personal network</div>
                    </div>
                </td>
                <td class="verticallyMiddle" style="border-right:0.5px solid #D1D3D4;border-bottom:0.5px solid #D1D3D4;">
                    <xsl:choose>
                        <xsl:when test="$LoggedInUserID &gt; 0">
                            <div class="textCenter startChallenge verticallyMiddle boxShadow" style="margin-left:35px;margin-bottom:20px;margin-top:20px;"
                                onclick="openCreateCustomGoalWizardStartPopup(0, 'Start', '', 'Custom', 'startchallenge','');">
                                Start a Challenge
                            </div>
                        </xsl:when>
                        <xsl:otherwise>
                            <div class="textCenter startChallenge verticallyMiddle boxShadow" style="margin-left:35px;margin-bottom:20px;margin-top:20px;"
                                onclick="DisplaySignUpPopUp('signup','startchallenge',0);">
                                Start a Challenge
                            </div>
                        </xsl:otherwise>
                    </xsl:choose>

                    <div class="textCenter startChallenge verticallyMiddle boxShadow" style="margin-left:35px;margin-bottom:20px;">
                        <a href="listchallenges.aspx" style="text-decoration:none;color:#FFFFFF;"
							target="_blank">Join a Challenge</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="3" class="textCenter">
                    <div>
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/dropshadow_980.png"></img>
                    </div>
                </td>
            </tr>
        </table>

        <table class="tableMaster" cellpadding="0" cellspacing="0" style="margin-top:100px;margin-bottom:20px;">
            <tr>
                <td class="textRight">
                    <span class="freeTrialTextBG verticallyMiddle" style="margin-right:10px;">
                        <span class="verticallyMiddle" style="margin:20px;">
                            30 day free trial
                        </span>
                    </span>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="textRight">
                    <span class="freeTrialTextBG verticallyMiddle" style="margin-right:10px;">
                        <span class="verticallyMiddle" style="margin:20px;">
                            30 day free trial
                        </span>
                    </span>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="textRight">
                    <span class="freeTrialTextBG verticallyMiddle" style="margin-right:10px;">
                        <span class="verticallyMiddle" style="margin:20px;">
                            30 day free trial
                        </span>
                    </span>
                </td>
            </tr>
            <tr>
                <td class="textCenter divJoinLSGradient verticallyMiddle boxShadow" width="32%">
                    <div>
                        <span class="loginChallengeTxt">Challenge</span>
                        <span class="loginLiteTxt">pro</span>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="textCenter divJoinLSGradient verticallyMiddle boxShadow" width="32%">
                    <div>
                        <span class="loginChallengeTxt">Client</span>
                        <span class="loginLiteTxt">pro</span>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="textCenter divJoinLSGradient verticallyMiddle boxShadow" width="32%">
                    <div>
                        <span class="loginChallengeTxt">Team</span>
                        <span class="loginLiteTxt">pro</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border:0.5px solid #D1D3D4" width="32%">
                    <div style="margin-top:30px;">
                        <ul class="challengeTXT">
                            <li>Host free public group challenges</li>
                            <li>Viral distribution and lead generation</li>
                            <li>Social communities with content distribution</li>
                            <li>Auto-response e-mails for participants</li>
                        </ul>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border:0.5px solid #D1D3D4" width="32%">
                    <div style="margin-top:30px;">
                        <ul class="challengeTXT">
                            <li>Client goal tracking</li>
                            <li>Pre-built services templates</li>
                            <li>Industry specific customization</li>
                            <li>Client check-ins and e-mail auto-responders</li>
                        </ul>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border:0.5px solid #D1D3D4;" width="32%">
                    <div style="margin-top:30px;">
                        <ul class="challengeTXT">
                            <li>Internal associate goal tracking</li>
                            <li>Annual/quarterly business plan &amp; reviews</li>
                            <li>Dashboard reporting and leaderboards</li>
                            <li>On-boarding (new hire) process automation</li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border:0.5px solid #D1D3D4;" width="32%">
                    <center>
                        <table width="75%" cellpadding="0" cellspacing="0" style="margin:20px;">
                            <tr>
                                <td class="textCenter">
                                    <span class="loginBoxStartText"> Starts at</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="textCenter">
                                    <div class="loginBoxPriceText">
                                        <span class="loginBoxPriceSymbolText" style="vertical-align:middle;">$</span>29
                                    </div>
                                    <div style="margin-top:-30px;margin-bottom:50px;">
                                        <span class="loginBoxStartText">per month</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="textCenter getStarted verticallyMiddle boxShadow" onclick="javascript:window.open('http://{$HostName}/ChallengePro.aspx','_self')">
                                    <span>
                                        Get Started
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </center>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border:0.5px solid #D1D3D4;" width="32%">
                    <center>
                        <table cellpadding="0" cellspacing="0" width="75%" style="margin:20px;">
                            <tr>
                                <td class="textCenter">
                                    <span class="loginBoxStartText"> Starts at</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="textCenter">
                                    <div class="loginBoxPriceText">
                                        <span class="loginBoxPriceSymbolText" style="vertical-align:middle;">$</span>39
                                    </div>
                                    <div style="margin-top:-30px;margin-bottom:50px;">
                                        <span class="loginBoxStartText">per month</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="textCenter getStarted verticallyMiddle boxShadow" onclick="javascript:window.open('http://{$HostName}/Contact.aspx','_blank')">
                                    <span>
                                        Get Started
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </center>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border:0.5px solid #D1D3D4;" width="32%">
                    <center>
                        <table width="75%" cellpadding="0" cellspacing="0" style="margin:20px;">
                            <tr>
                                <td class="textCenter">
                                    <span class="loginBoxStartText"> Starts at</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="textCenter">
                                    <div class="loginBoxPriceText">
                                        <span class="loginBoxPriceSymbolText" style="vertical-align:middle;">$</span>59
                                    </div>
                                    <div style="margin-top:-30px;margin-bottom:50px;">
                                        <span class="loginBoxStartText">per month</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="textCenter getStarted verticallyMiddle boxShadow" onclick="javascript:window.open('http://{$HostName}/Contact.aspx','_blank')">
                                    <span>
                                        Get Started
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </center>
                </td>
            </tr>
        </table>

        <table class="tableMaster" cellpadding="0" cellspacing="0" style="margin-top:10px;margin-bottom:100px;">
            <tr>
                <td class="divNoteGradient textCenter" width="32%">
                    <div style="margin:10px;">
                        <span class="loginBoxStartText">Challenge your network</span>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="divNoteGradient textCenter" width="32%">
                    <div style="margin:10px;">
                        <span class="loginBoxStartText">Inspire your clients</span>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="divNoteGradient textCenter" width="32%">
                    <div style="margin:10px;">
                        <span class="loginBoxStartText">Energize your teams</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="marginTop10 marginBottom10 marginLeft10">
                        <div class="loginPageText" >Ideal for</div>
                        <div class="challengeTXT" style="margin-top:5px;">Coaches, fitness trainers, chiropractors,</div>
                        <div class="challengeTXT"  style="margin-top:5px;">nutritionists and other wellness providers</div>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="marginTop10 marginBottom10 marginLeft10">
                        <div class="loginPageText">Ideal for</div>
                        <div class="challengeTXT"  style="margin-top:5px;">Professional services, financial services,</div>
                        <div class="challengeTXT" style="margin-top:5px;">consultants and business coaches</div>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="marginTop10 marginBottom10 marginLeft10">
                        <div class="loginPageText">Ideal for</div>
                        <div class="challengeTXT" style="margin-top:5px;">Fast growing small to medium sized companies</div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="seperatorLine marginLeft10 marginRight10">
                        &#xa0;
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="seperatorLine marginLeft10 marginRight10">
                        &#xa0;
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="seperatorLine marginLeft10 marginRight10">
                        &#xa0;
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="marginLeft10 marginTop10">
                        <div class="loginPageText">Features include:</div>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4;border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="marginLeft10 marginTop10">
                        <div class="loginPageText">Features include:</div>
                        <div>
                            <span class="loginChallengeBoxTxt">Challenge</span>
                            <span class="loginLiteTxt">pro</span>
                            <span class="plusBoxText">plus</span>
                        </div>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;" width="32%">
                    <div class="marginLeft10 marginTop10">
                        <div class="loginPageText">Features include:</div>
                        <div>
                            <span class="loginChallengeBoxTxt">Client</span>
                            <span class="loginLiteTxt">pro</span>
                            <span class="plusBoxText">plus</span>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;border-bottom:0.5px solid #D1D3D4;" width="32%">
                    <div style="margin-top:-30px;margin-bottom:10px;">
                        <table class="tableMaster" cellpadding="0" cellspacing="5">
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT">Custom branded landing page</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT">
                                        Unlimited public or private challenges of any size
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT">
                                        Advanced challenge types and features
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT">
                                        Viral lead generation through social sharing and social comments
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT">
                                        E-mail marketing through auto-responders
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4; border-bottom:0.5px solid #D1D3D4;" width="32%">
                    <div style="margin-bottom:10px;">
                        <table class="tableMaster" cellpadding="0" cellspacing="5">
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">Dashboard with client reporting</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Client goal tracking tools
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Automated client follow-ups
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Custom designed service templates
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Free or paid packages
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td style="border-left:0.5px solid #D1D3D4; border-right:0.5px solid #D1D3D4;border-bottom:0.5px solid #D1D3D4;" width="32%">
                    <div style="margin-bottom:10px;">
                        <table class="tableMaster" cellpadding="0" cellspacing="5">
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">Dashboard with graphs and reports</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Team member goal tracking
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        New hire on-boarding templates
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Automation of internal processes
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td width="10%" class="textCenter">
                                    <div>
                                        <img src="{$TemplateURL}Web/Images/Ver_2_0/check.png"></img>
                                    </div>
                                </td>
                                <td width="90%">
                                    <div class="challengeTXT verticallyTop">
                                        Team member activity updates
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="textCenter" width="32%">
                    <div>
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/dropshadow_320.png" style="width:300px;"></img>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="textCenter" width="32%">
                    <div>
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/dropshadow_320.png" style="width:300px;"></img>
                    </div>
                </td>
                <td width="1%">
                    <div>&#xa0;</div>
                </td>
                <td class="textCenter" width="32%">
                    <div>
                        <img src="{$TemplateURL}Web/Images/Ver_2_0/dropshadow_320.png" style="width:300px;"></img>
                    </div>
                </td>
            </tr>
        </table>

    </xsl:template>


</xsl:stylesheet>
