<link rel="icon" href="<?php echo base_url() ?>image/logo.png" type="image/x-icon" />
<section id="homePageMainSection">
    <div class="row">
        <div id="treeArea" class="col-lg-4 col-md-4 col-sm-6 col-xs-12 padding-zero">
            <img id="treeImage" src="<?php echo base_url() ?>image/home/tree.png ">

            <div class="orgIcon" title="Organization" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('OrganizationSlideArea')">
                <img id="OrganizationWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/orgselectedwhite.png">
                <img id="OrganizationRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Corporate Training" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('CorporateTrainingSlideArea')">
                <img id="CorporateTrainingWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/corporate_training_white.png">
                <img id="CorporateTrainingRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>            

            <div class="orgIcon" title="Course and Video Course" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('CourseAndVideoCourseSlideArea')">
                <img id="CourseAndVideoCourseWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/course_video_course_white.png">
                <img id="CourseAndVideoCourseRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>


            <div class="orgIcon" title="Educational Network" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('QuizSlideArea')">
                <img id="QuizWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/educational_network_white.png">
                <img id="QuizRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>


            <div class="orgIcon" title="E-learning" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('E_learningSlideArea')">
                <img id="E_LearningWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/e_learning_white.png">
                <img id="E_LearningRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="E-Library" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('E_LibrarySlideArea')">
                <img id="E_LibraryWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/e_Library_white.png">
                <img id="E_LibraryRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Create Skill Meter" onmouseout="SlideAreaMouseOut()"  onmouseover="SlideArea('CreateSkillMeterSlideArea')" >
                <img id="CreateSkillMeterWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/skill_meter_white.png">
                <img id="CreateSkillMeterRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Educational Institute" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('EducationalInstituteSlideArea')">
                <img id="EducationalInstituteWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/education_institute_white.png">
                <img id="EducationalInstituteRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Individual Teacher" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('IndividualTeacherSlideArea')">
                <img id="IndividualTeacherWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/individual_teacher_white.png">
                <img id="IndividualTeacherRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Learner" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('LearnerSlideArea')">
                <img id="LearnerWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/learner_leaf.png">
                <img id="LearnerRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Virtual Classroom " onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('VirtualClassroomSlideArea')">
                <img id="VirtualClassroomWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/virtual_classroom_white.png">
                <img id="VirtualClassroomRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Online Exam" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('OnlineExamSlideArea')">
                <img id="OnlineExamWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/online_exam_white.png">
                <img id="OnlineExamRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Video Conference" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('VideoConferenceSlideArea')">
                <img id="VideoConferenceWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/video_conference_white.png">
                <img id="VideoConferenceRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Hire Expert" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('HireExpertSlideArea')">
                <img id="HireExpertWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/hire_expert_white.png">
                <img id="HireExpertRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>

            <div class="orgIcon" title="Classroom Training" onmouseout="SlideAreaMouseOut()" onmouseover="SlideArea('ClassroomTrainingSlideArea')">
                <img id="ClassroomTrainingWhiteIcon" class="allWhiteIcon" src="<?php echo base_url() ?>image/home/classroom_training_white.png">
                <img id="ClassroomTrainingRedCircle" class="allRedCircle" src="<?php echo base_url() ?>image/home/red-circle.png">
            </div>
            <img id="smallDeviceTreeImage" src="<?php echo base_url() ?>image/home/home_tree.png">
        </div>

        <div class="col-lg-4 col-md-4 col-sm-6 padding-zero" id="slideArea">
            <div class="row">
                <div class="h1 text-center sliderHeading">educational network to build your professional career</div>
            </div>
            <div class="row">
                <div class="MainCrossFade col-lg-12 col-md-12 col-sm-12 col-xs-12" id="AutoSlideArea">                       
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/video_conferance.png" >
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/hire_expert.png" >
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/expert_resume.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/exam.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/corporate_training.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/paid_free_course_video_course.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/online_training.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/e_library.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/skill_meter.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/grade_certificate.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/vitual_classroom.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/classroom_training.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/exam.png">
                    <img  class="img-responsive sliderImage" src="<?php echo base_url() ?>image/tt_service/teacher_management.png">
                </div>
                <div class="OrgCrossfade col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="OrganizationSlideArea">
                    <div class="text-danger text-center subHeading">Organization - a place for everything to empower your organization.</div>
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/video_conferance.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/expert_resume.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/exam.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/hire_expert.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="CorporateTrainingSlideArea">
                    <div class="text-danger text-center subHeading" id="service_title">Corporate Training - being leader by skilled  your employees.</div>
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/corporate_training.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="CourseAndVideoCourseSlideArea">
                    <div class="text-danger text-center subHeading" id="service_title">Course and Video course - learn by doing, opportunities to learn real-world problems.</div>
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/paid_free_course_video_course.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="QuizSlideArea">
                    <div class="text-danger text-center subHeading" id="service_title">Educational Network - being smarter by sharing knowledge in TT network.</div>
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/network_big.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="E_learningSlideArea">
                    <div class="text-danger text-center subHeading" id="service_title">E-Learning - learn through careful planning and implementation.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/online_training.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="E_LibrarySlideArea">
                    <div class="text-danger text-center subHeading">E-Library  - the future of reading.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/e_library.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="CreateSkillMeterSlideArea">
                    <div class="text-danger text-center subHeading">Skill Meter - express your talent and ability to success.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/skill_meter.png">
                </div>

                <div class="offerfade col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="EducationalInstituteSlideArea">
                    <div class="text-danger text-center subHeading">Educational Institute - develop a passion for students to do extraordinary things.</div>
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/e_library.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/grade_certificate.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/paid_free_course_video_course.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/manage_batch.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/teacher_management.png">
                    <img  class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/vitual_classroom.png">
                </div>

                <div class="crossfade col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="IndividualTeacherSlideArea">
                    <div class="text-danger text-center subHeading">Individual Teacher - Change the world with your magic.</div>

                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/grade_certificate.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/manage_batch.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/e_library.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/paid_free_course_video_course.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/vitual_classroom.png">

                </div>

                <div class="crossfade col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="LearnerSlideArea">
                    <div class="text-danger text-center subHeading">Learner - Explore Learn Skilled Share Hired.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/exam.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/grade_certificate.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/e_library.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/exam.png">
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/vitual_classroom.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="VirtualClassroomSlideArea">
                    <div class="text-danger text-center subHeading">Virtual Classroom - learn anytime from anywhere in the world.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/vitual_classroom.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="OnlineExamSlideArea">
                    <div class="text-danger text-center subHeading">Online Exam - create and take your exam, tests, and quizzes never been so easy.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/exam.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="VideoConferenceSlideArea">
                    <div class="text-danger text-center subHeading">Video Conference - connect anyone when you need.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/video-video_conferance.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="HireExpertSlideArea">
                    <div class="text-danger text-center subHeading">Hire Expert - hire great people to run your business properly.</div>
                    <img class="img-responsive individualSliderImage" src="<?php echo base_url() ?>image/tt_service/hire_expert.png">
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 individualSlider" id="ClassroomTrainingSlideArea">
                    <div class="text-danger text-center subHeading">Classroom Training - towards a successful journey.</div>
                    <img class="img-responsive classroom_trainingImage individualSliderImage"src="<?php echo base_url() ?>image/tt_service/classroom_training.png">
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" id="loginArea">            
            <div class="white-bg padding-zero">
                <div class="col-sm-12 text-center ">
                    <?php
                    if ($this->session->userdata('exception')) {
                        echo '<h5 style=color:red>' . $this->session->userdata('exception') . '<h5>';
                        $this->session->unset_userdata('exception');
                    }
                    if ($this->session->userdata('message')) {
                        echo '<h5 style=color:green>' . $this->session->userdata('message') . '</h5>';
                        $this->session->unset_userdata('message');
                    }
                    ?>
                </div>
                <div class="col-sm-12 text-center text-muted padding-zero">
                    Not registered yet? <a href="<?php echo base_url() ?>sign-up">Sign UP</a>
                </div>
                <div class="col-sm-12"><br></div>
                <div class="col-sm-10 col-sm-offset-1">
                    <?php
                    $url = base_url() . 'check-sign-in';
                    echo form_open_multipart($url, 'class="" , id="formID2", name= "sign_in_form" ');
                    ?>
                    <div class="input-group">
                        <input type="email"
                               data-errormessage-value-missing="Please Type Your Email Address !"
                               class="form-control validate[required, custom[email]]"
                               name="person_sign_in_email"  
                               id="person_sign_in_email"
                               placeholder="Email address or Username"
                               aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-at"></i></span>
                        <span id="person_email_message" style="color:red;"><?php echo form_error('person_email'); ?></span>
                    </div>                  
                    <br/>
                    <div class="input-group">
                        <input type="password"
                               data-errormessage-value-missing="Please Type Your Valid Password !"
                               class="form-control validate[required]"
                               name="person_sign_in_password"
                               id="person_sign_in_password"
                               placeholder="Password"
                               aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-lock"></i></span>
                    </div>
                    <span><input type="hidden" name="person_time_zone" id="person_time_zone" value=""></span>
                    <br/><br/>
                    <input type="submit" 
                           class="sign-in-btn btn btn-default" 
                           value="Sign In"><br/><br/>
                    <div class="row text-center">
                        <a href="<?php echo base_url() ?>forgot-password" class="underline">Forgot password?</a> |
                        <a href="<?php echo base_url() ?>sign-up" class="underline">Create new account</a>
                    </div><br/><br/>
                    </form>
                    <?php
                    echo form_close();
                    ?>
                </div>
            </div>            
        </div>
    </div>
</section>


<section class="service">
    <div class="service-inner">
        <div class="row">
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>tt-individual">
                    <div class="service-button"><i class="fa fa-user"></i><p>Individual</p></div>
                </a>
            </div>

            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>tt-team">
                    <div class="service-button"><i class="fa fa-umbrella"></i><p>Team</p></div>
                </a>
            </div>

            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>course">
                    <div class="service-button"><i class="fa fa-book"></i><p>Course</p></div>
                </a>
            </div>
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>video-course">
                    <div class="service-button"><i class="fa fa-file-video-o"></i><p>Video Course</p></div>
                </a>
            </div>
        </div> 

        <div class="row">
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>all-quiz">
                    <div class="service-button"><i class="fa fa-question-circle"></i><p>Quiz</p></div>
                </a>
            </div>

            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>all-group">
                    <div class="service-button"><i class="fa fa-users"></i><p>Group</p></div>
                </a>
            </div>
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>tt-profile">
                    <div class="service-button"><i class="fa fa-leaf"></i><p>Create Profile</p></div>
                </a>
            </div>
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>tt-network">
                    <div class="service-button"><i class="fa fa-connectdevelop"></i><p>Build Network</p></div>
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>grade-certificate">
                    <div class="service-button"><i class="fa fa-certificate"></i><p>Grade and Certification</p></div>
                </a>
            </div>

            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>support">
                    <div class="service-button"><i class="fa fa-life-ring"></i><p>Support</p></div>
                </a>
            </div>
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>contact">
                    <div class="service-button"><i class="fa fa-phone-square"></i><p>Contact</p></div>
                </a>
            </div>
            <div class="col-sm-3">
                <a href="<?php echo base_url() ?>tt-help">
                    <div class="service-button"><i class="fa fa-info"></i><p>Help</p></div>
                </a>
            </div>
        </div>    
    </div>
</section>

<script type="text/javascript" src="<?php echo base_url() ?>front_end_resource/sign_up/sign_up.js"></script>
