Creative Teaching & Training Academy

Sort By: Popularity

Classroom and School Games دورة الألعاب الصفية والمدرسية

Self paced

Publish date: Saturday, 5 Mar 16

43
TUTORIALS

$95

LEARN MORE

<div class="col-sm-24" >
    {#if $T!=null && $T.length >0}
        {#foreach $T as CourseCategory}
            {#if $T.CourseCategory.Course.Exclusive === true}
                <div class="{$T.CourseCategory.Course.Separator === true ? 'orange-border-B2px  featured-first' : 'dash-border-B1px  featured-first'} padding-B30px bottom20 profile-box" id="DashBorder">
             {#else}
                <div class="{$T.CourseCategory.Course.Separator === true ? 'orange-border-B2px ' : 'dash-border-B1px '} padding-B30px bottom20 profile-box" id="DashBorder">
             {#/if}
                <div class="row">
                    <div class="col-sm-5 hidden-xs">
                        {#if $T.CourseCategory.Course.Exclusive === true}
                            <p class="font-size-12px top-exclusive">Exclusively promoted by WizIQ</p>
                        {#/if}
                        <span class="courseimg">
                            <a title="View course details" href="/course/{$T.CourseCategory.Course.CourseUrl}">
                                <img src="{$T.CourseCategory.Course.ImageName}" width="200" height="120"/>
                            </a>
                            <div class="banner-bg">
                                <a title="Learn more about course presenter" href="{$T.CourseCategory.CourseOwner.ProfileUrl}">
                                    <div class="user-img"><img src="{$T.CourseCategory.CourseOwner.ImageUrl}" width="44" height="48" /></div></a>
                                <a title="Learn more about course presenter" href="{$T.CourseCategory.CourseOwner.ProfileUrl}"><div class="txtdv">{$T.CourseCategory.CourseOwner.Name}</div></a>
                            </div>
                        </span>
                    </div>
                    <div class="col-sm-12 pad20">
                        <span class="main-title clearfix"><a style="word-wrap: break-word;" title="View course details" href="/course/{$T.CourseCategory.Course.CourseUrl}">{$T.CourseCategory.Course.CourseTitle}</a></span>
                        <div class="date-placeholder clearfix" id="dvCourseDuartion">
                                
                            {#if $T.CourseCategory.Course.CoursewareType < 1}
                                {#if $T.CourseCategory.Course.ClassCount > 0}
                                        <span class="icons calender" id="spnCourseType"></span>
                                        <div class="icons-details">
                                            {#if $T.CourseCategory.Course.PublishedOn === "Monday, 1 Jan 01 (CST)"}
                                            <p class="hdr"> <span class="js-markup">On-going</span></p>
                                            
                                            {#else}
                                            <p class="hdr"> <span class="js-markup">On-going</span></p>
                                            <p class="js-markup">Start date: {$T.CourseCategory.Course.PublishedOn}</p> 
                                            {#/if}
                                        </div>
                                {#else}
                                    <span class="icons calender" id="spnCourseType"></span>
                                    <div class="icons-details">
                                        {#if $T.CourseCategory.Course.PublishedOn === "Monday, 1 Jan 01 (CST)"}
                                        <p class="hdr"> <span class="js-markup">Self paced</span></p>
                                        {#else}
                                        <p class="hdr"> <span class="js-markup">Self paced</span></p>
                                        <p class="js-markup">Publish date: {$T.CourseCategory.Course.PublishedOn}</p>
                                        {#/if} 
                                    </div>
                                {#/if}
                            {#elseif $T.CourseCategory.Course.CoursewareType > 1}
                            <span class="icons calender" id="spnCourseType"></span>    
                            <div class="icons-details">
                                {#if $T.CourseCategory.Course.PublishedOn === "Monday, 1 Jan 01 (CST)"}
                                <p class="hdr"> <span class="js-markup">Self paced</span></p>
                                {#else}
                                <p class="hdr"> <span class="js-markup">Self paced</span></p>
                                <p class="js-markup">Publish date: {$T.CourseCategory.Course.PublishedOn}</p>
                                {#/if} 
                                </div>
                            {#else}

{#if $T.CourseCategory.Course.ClassCount > 0}
                                        <span class="icons calender" id="spnCourseType"></span>
                                        <div class="icons-details">
                                            {#if $T.CourseCategory.Course.StartDate === "Monday, 1 Jan 01 (CST)"}
                                            <p class="hdr"> <span class="js-markup">On-going</span></p>
                                            <p class="js-markup">Start date: {$T.CourseCategory.Course.PublishedOn}</p> 
                                            {#else}
                                            <p class="hdr"> <span class="js-markup">Live for {$T.CourseCategory.Course.WeeksCount} week(s)</span></p>
                                            <p class="js-markup">Start date: {$T.CourseCategory.Course.StartDate}</p> 
                                            {#/if}
                                        </div>
                                {#else}
                                    <span class="icons calender" id="spnCourseType"></span>
                                        <div class="icons-details">
                                            {#if $T.CourseCategory.Course.PublishedOn === "Monday, 1 Jan 01 (CST)"}
                                            <p class="hdr"> <span class="js-markup">Self paced</span></p>
                                            {#else}
                                            <p class="hdr"> <span class="js-markup">Self paced</span></p>
                                            <p class="js-markup">Publish date: {$T.CourseCategory.Course.PublishedOn}</p>
                                            {#/if}
                                        </div>
                                {#/if}
                            {#/if}

</div>
                        <div class="c-list-stat" id="dvCourseObjCount">
                            {#if $T.CourseCategory.Course.TutorialCount > 0}
                            <div class="c-list-box">{$T.CourseCategory.Course.TutorialCount}<br /><span>TUTORIALS</span></div>
                            {#/if}

{#if $T.CourseCategory.Course.ClassCount > 0}
                            <div class="c-list-box">{$T.CourseCategory.Course.ClassCount}<br /><span>CLASSES</span></div>
                            {#/if}

{#if $T.CourseCategory.Course.OfflineClassCount > 0}
                            <div class="c-list-box">{$T.CourseCategory.Course.OfflineClassCount}<br /><span>Offline Classes</span></div>
                            {#/if}

{#if $T.CourseCategory.Course.TestCount > 0}
                            <div class="c-list-box">{$T.CourseCategory.Course.TestCount}<br /><span>TESTS</span></div>
                            {#/if}

{#if $T.CourseCategory.Course.AsgnCount > 0}
                            <div class="c-list-box">{$T.CourseCategory.Course.AsgnCount}<br /><span>ASSIGNMENTS</span></div>
                            {#/if}
                        </div>
                    </div>
                     <div class="col-sm-6 col-xs-24 pull-right">
                        <div class="full-width fleft certificate_dv">
                        {#if $T.CourseCategory.Course.EnrolledCount > 0}
                            {#if $T.CourseCategory.Course.EnrolledCount > 1}
                                <p style="font-size: 11px;width: 100%;padding: 0;float: left; margin-bottom:0px"> {$T.CourseCategory.Course.LearnerName} & {$T.CourseCategory.Course.EnrolledCount - 1} </p><p style="margin-bottom: 10px;font-size: 11px;width: 100%;padding: 0;float: left;">others have enrolled in this course</p>
                            {#else}
                                <p style="font-size: 11px;width: 100%;padding: 0;float: left; margin-bottom:0px"> {$T.CourseCategory.Course.LearnerName} </p><p style="margin-bottom: 10px;font-size: 11px;width: 100%;padding: 0;float: left;"> has enrolled in this course</p>
                            {#/if}
                        {#/if}

{#if $T.CourseCategory.Course.IsCertificate > 0}
                            <p><span class="ico ico-certificate pull-left"></span><span class="pull-left txt12">Certified course</span></p>
                        {#/if}

{#if $T.CourseCategory.Course.IsPaid> 0}
                            {#if $T.CourseCategory.Course.IsIndianLocation > 0}
                                <p class="{$T.CourseCategory.Course.IsIndianLocation}">
                                    {#if $T.CourseCategory.Course.IndianSalePrice > 0}
                                        <span class="ico ico-indbrs pull-left"></span>
                                        <span class="h3 pull-left">{$T.CourseCategory.Course.IndianSalePrice}</span>
                                    {#else}
                                        {#if $T.CourseCategory.Course.IndianPrice > 0}
                                            <span class="ico ico-indbrs pull-left"></span>
                                            <span class="h3 pull-left">{$T.CourseCategory.Course.IndianPrice}</span>
                                        {#else}
                                        
                                            {#if $T.CourseCategory.Course.UsSalePrice > 0}
                                                <span class="h3">${$T.CourseCategory.Course.UsSalePrice}</span>
                                            {#else}
                                                {#if $T.CourseCategory.Course.UsPrice > 0}
                                                    <span class="h3">${$T.CourseCategory.Course.UsPrice}</span>
                                                {#else}
                                                    <p><span class="h3">FREE</span></p>
                                                {#/if}
                                            {#/if}

{#if $T.CourseCategory.Course.UsOriginalPrice > 0 }
                                                <span class="margin"></span>
                                                <strike class="h5 pull-left">${$T.CourseCategory.Course.UsOriginalPrice}</strike>
                                            {#/if}
                                        
                                        {#/if}
                                    {#/if} 
                                    {#if $T.CourseCategory.Course.IndianOriginalPrice > 0}
                                        <span class="pull-left ico-indsrs margin"></span>
                                        <strike class="h5">{$T.CourseCategory.Course.IndianOriginalPrice}</strike>
                                    {#/if}
                                </p>
                            {#else}
                                <p class="{$T.CourseCategory.Course.IsIndianLocation}">
                                    {#if $T.CourseCategory.Course.UsSalePrice > 0}
                                        <span class="h3">${$T.CourseCategory.Course.UsSalePrice}</span>
                                    {#else}
                                        {#if $T.CourseCategory.Course.UsPrice > 0}
                                            <span class="h3">${$T.CourseCategory.Course.UsPrice}</span>
                                        {#else}
                                            <p><span class="h3">FREE</span></p>
                                        {#/if}
                                    {#/if}

{#if $T.CourseCategory.Course.UsOriginalPrice > 0 }
                                        <span class="margin"></span>
                                        <strike class="h5">${$T.CourseCategory.Course.UsOriginalPrice}</strike>
                                    {#/if}
                                </p>
                                
                            {#/if}
                        {#else}
                            <p><span class="h3 pull-left">FREE</span></p>
                        {#/if}
 
                    </div> 
                           <a style="" class="primary-btn pri-btn-line-color full-width fleft top30 clearfix" href="/course/{$T.CourseCategory.Course.CourseUrl}">LEARN MORE</a>
                  
                </div>
             
        {#/for}
    {#else}
        <div class="notFound">No Course Found </div>
    {#/if}
    </div>

Learn on the go.