﻿<?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 name="LoginLSProContent">
        <xsl:param name="HostName" select="'N/A'"></xsl:param>
        <xsl:param name="TemplateURL" select="'N/A'"></xsl:param>
        <xsl:param name="DomainName" select="'N/A'"></xsl:param>
        <xsl:param name="BrandID" select="'N/A'"></xsl:param>

        <table cellpadding="0" cellspacing="0" class="tableMaster">
            <tr>
                <td width="40%" class="verticallyMiddle">
                    <img src="{$TemplateURL}Web/Images/Ver_2_0/MasterBrand/Pro_Screen.png" alt=""></img>
                </td>
                <td width="60%">
                    <div class="proPageBoxPost marginTop20">
                        <div class="padding20">
                            <div class="wizardMessageBold">
                                <span style="font-size:42px;">Experience LifeSpace Pro</span>
                            </div>
                            <div class="capitalFont labelBlue">
                                <span style="font-size:52px;">Free.</span>
                            </div>
                            <table cellpadding="0" cellspacing="3" class="marginTop15">
                                <tr>
                                    <td width="350px;">
                                        <div>
                                            <input id="txtBoxContactEmail" class="proPageBoxInput" type="text" value="Enter your work email"
                                                   onblur="SetTextAreaValue(this.id, 'Enter your work email', 'blur');"
                                                   onclick="SetTextAreaValue(this.id, 'Enter your work email', 'focus');"></input>
                                        </div>
                                        <div id="div_AdditionalFields" style="display:none;">
                                           
                                        </div>                                        
                                    </td>
                                    <td style="width:20px;">&#xa0;</td>
                                    <td>
                                        <div class="orangeButton onMouseOver"
											 onclick="Load_CompanySetupForm('{$BrandID}', '-99', '-99', 'txtBoxContactEmail', 'div_AdditionalFields');">
                                            <Span>Sign Up</Span>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <table cellpadding="0" cellspacing="0" class="tableMaster marginTop25 marginBottom20">
            <tr>
                <td width="25%" class="textCenter verticallyMiddle paddingTop10" style="border-right:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;">
                    <img src="{$TemplateURL}Web/Images/Ver_2_0/MasterBrand/Pro1.png" alt=""></img>
                    <div class="proHeaderText" style="padding-left:5px;padding-right:5px;">Social Goal</div>
                    <div class="proHeaderText">Planning</div>
                </td>
                <td width="25%" class="textCenter verticallyMiddle paddingTop20" style="border-right:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;">
                    <img src="{$TemplateURL}Web/Images/Ver_2_0/MasterBrand/Pro2.png" alt=""></img>
                    <div class="proHeaderText" style="padding-top:5px;padding-left:5px;padding-right:5px;">Team Member </div>
                    <div class="proHeaderText">On-boarding</div>
                </td>
                <td width="25%" class="textCenter verticallyMiddle paddingTop10" style="border-right:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;">
                    <img src="{$TemplateURL}Web/Images/Ver_2_0/MasterBrand/Pro3.png" alt=""></img>
                    <div class="proHeaderText" style="padding-left:5px;padding-right:5px;">Team Member</div>
                    <div class="proHeaderText">Reviews</div>
                </td>
                <td width="25%" class="textCenter verticallyMiddle paddingTop10" style="border-bottom:1px solid #BFBFBF;">
                    <img src="{$TemplateURL}Web/Images/Ver_2_0/MasterBrand/Pro4.png" alt=""></img>
                    <div class="proHeaderText" style="padding-left:5px;padding-right:5px;">Internal Process</div>
                    <div class="proHeaderText">Automation</div>
                </td>
            </tr>
            <tr>
                <td width="25%" style="border-right:1px solid #BFBFBF;">
                    <div>
                        <ul class="proText" style="margin-left:-15px;margin-bottom:0px;">
                            <li>Planning Forms and Surveys</li>
                            <li>Numbers and Metrics Tracking</li>
                            <li>Action Plan Checklist</li>
                            <li>Videos, Documents and Links</li>
                            <li>Team/Manager Discussions</li>
                            <li>Weekly/Monthly Goal Check-ins</li>
                        </ul>
                    </div>
                </td>
                <td width="25%" style="border-right:1px solid #BFBFBF;">
                    <div>
                        <ul class="proText" style="margin-left:-15px;margin-bottom:0px;">
                            <li>On-Boarding Plans</li>
                            <li>Action Plan Checklists</li>
                            <li>Videos, Documents, Website Links</li>
                            <li>New-Hire/Manager/HR Discussions</li>
                            <li>E-mail reminders</li>
                            <li>Easy to Customize Plans</li>
                        </ul>
                    </div>
                </td>
                <td width="25%" style="border-right:1px solid #BFBFBF;">
                    <div>
                        <ul class="proText" style="margin-left:-15px;margin-bottom:0px;">
                            <li>Auto-send Review Forms</li>
                            <li>Employee/Manager Discussions</li>
                            <li>Peer Reviews (360 Reviews)</li>
                            <li>Follow-up Action Items</li>
                            <li>Social Recognition</li>
                            <li>Dashboard Reporting</li>
                        </ul>
                    </div>
                </td>
                <td width="25%">
                    <div>
                        <ul class="proText" style="margin-left:-15px;margin-bottom:0px;">
                            <li>Process Template Builder</li>
                            <li>Custom Survey Builder</li>
                            <li>Standarized Action Plan Checklists</li>
                            <li>Numbers and Metrics Collection</li>
                            <li>Automated E-mail Reminders</li>
                            <li>Team/Manager Discussions</li>
                        </ul>
                    </div>
                </td>
            </tr>
        </table>

    </xsl:template>
</xsl:stylesheet>
