<div class="col-sm-10">

    <div class="row gray_ttc">

        <div class="col-sm-12 ">
            <div class="col-sm-12">
                <h3>Invite Message</h3>  
                <hr>
            </div>
            <div class="col-sm-12">

                <form action="#">

                    <div class="col-sm-12">
                        <div class="col-sm-12"><br></div>
                        <div class="col-sm-12">
                            <div class="input-group">
                                <textarea class="form-control" rows="3" cols="100" placeholder="Please enter Invite Learners Email Address With Comma Seperator.."></textarea>
                            </div>
                        </div>

                        <div class="col-sm-12"><br><br></div>
                        <div class="form-group col-sm-12" >
                            <div class="full text-left">

                            </div>
                            <div class="input-group " id="screen1280" >
                                <label>Invitation Message </label>
                                <textarea   class="form-control  resoulation1280 " rows="4"   ></textarea>
                            </div>

                            <div class="input-group" id="screen1024" >
                                <label>Invitation Message </label>
                                <textarea   class="form-control  resoulation1024 " rows="4"   ></textarea>
                            </div>
                            <div class="input-group" id="screenMobile" >
                                <label>Invitation Message </label>
                                <textarea   class="form-control  resoulationMobile " rows="4"   ></textarea>
                            </div>

                            <div class="input-group " id="screenMobile_max499" >
                                <label>Invitation Message </label>
                                <textarea   class="form-control  resoulationMobile_max499 " rows="4"   ></textarea>
                            </div>
                        </div>

                        <div class="col-sm-12"><br><br> </div>
                        <div class="col-sm-12">

                            <div id="dvEmailPreview" style="float: left">
                                <div class="full text-left top20">
                                    <label class="fnt12">Email Preview: </label>
                                </div>

                                <div class="fleft top10 " style="background-color: #fff; border: solid 1px #d5d5d5;width: 620px ;" id="emailPreview">

                                    <div id="dvEmailTemplate" >
                                        <table border="0" cellspacing="0" cellpadding="0" style="font-family: Tahoma; border: solid 1px #cad4e7; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;" bgcolor="#eceef5" width="100%">
                                            <tr>
                                                <td colspan="3">
                                                    <table width="1" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="10"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="5%">
                                                    <table width="10" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td>&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="90%" valign="top">
                                                    <!-- LOGO -->
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" style="font-family: Tahoma">
                                                        <tr>
                                                            <td valign="top">
                                                                <table width="1" cellspacing="0" cellpadding="0" border="0">
                                                                    <tbody>
                                                                        <tr>
                                                                            <td height="5">&nbsp;
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </td>
                                                            <td>
                                                                <table width="5" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="10">&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <table border="0" cellspacing="0" cellpadding="0" style="font-family: Tahoma; border: solid 1px #DDDDDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;" bgcolor="#FFFFFF" width="100%">
                                                        <tr>
                                                            <td colspan="3">
                                                                <table width="100%" cellspacing="0" cellpadding="0" border="0" style="font-family: Tahoma">
                                                                    <tr>
                                                                        <td height="20"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <table border="0" cellspacing="0" cellpadding="0" style="font-family: Tahoma;" width="100%">
                                                                    <tr>
                                                                        <td width="1%" align="left" valign="top"></td>
                                                                        <td width="98" align="left" valign="top">
                                                                            <a href="javascript:void(0);" target="_blank" style="cursor:default;">
                                                                                <img src="images/logo.png" alt="" border="0"/> Talha Training 
                                                                            </a>
                                                                        </td>
                                                                        <td valign="top" align="right"></td>
                                                                        <td width="15" align="right" valign="top"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="1%">
                                                                <table width="15" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                            <td width="98%" valign="top" style="font-size: 12px; color: #444; border-top: solid 1px #cfcfcf; line-height: 20px;">
                                                                <table border="0" cellspacing="0" cellpadding="0" style="font-family: Tahoma; color: #444;" width="100%">
                                                                    <tr>
                                                                        <td height="15"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="font-family: Tahoma; color: #444; font-size: 12px;">&lt;Learner name&gt; , </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="5"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" style="font-size: 12px; color: #444; font-family: Tahoma;">
                                                                            <span id="spnTeacherName">Mahabub-A-Mawla</span>has invited you to enroll in his/her online course, <span id="spnCourseTitleE">&nbsp;test</span>on TalhaTraining. </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="10"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign='top' style='font-size: 12px; color: #444; font-weight: bold; font-family: Tahoma;'>Course Details: <!--<a href="#course link#" target="_blank" style="color: #1c67ab; text-decoration: none">
                                                                                    <strong>#Course Title#</strong></a>-->
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" height="5"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" style="font-size: 12px; color: #666; font-weight: normal; font-family: Tahoma; line-height: 20px;">
                                                                            <span id="spnCourseDesc">fasdf</span>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" height="10"></td>
                                                                    </tr>


                                                                    <tr>
                                                                        <td>
                                                                            <div id="dvOwnerMsg" style="margin-top:10px;">
                                                                                <a href="#" class="btn btn-success">Web Development</a>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="25"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" style="font-size: 12px; color: #444; font-family: Tahoma;">
                                                                            <p class="text-justify">Talha Training is the world’s leading provider of online classes for certifications for basic and essential workplace skills.<p> 
                                                                            <p class="text-justify">We hope that you will increase your personal value and accelerate your career with our online class.<p> 
                                                                            <p class="text-justify">Thank You</p>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td height="10"></td>
                                                                    </tr>
                                                                </table>
                                                                <table border="0" cellspacing="0" cellpadding="0" style="font-family: Tahoma; color: #444;" width="100%">
                                                                    <tr>
                                                                        <td height="15px" valign="top" style="line-height: 17px; font-size: 12px" class="text-justify">Sincerely,<br/>The TalhaTraining Team </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="20"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" style="font-size: 12px; color: #444; font-family: Tahoma;">
                                                                            <span style="background-color: #fefbc4; padding: 3px; font-weight: bold">Creating an online course on TalhaTraining is free and easy. <a href="#" >Create your course NOW. </a></span>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <table width="1" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td height="10"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                            <td width="1%">
                                                                <table border="0" cellspacing="0" cellpadding="0" style="width: 15px">
                                                                    <tr>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <table width="1" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td height="15">&nbsp;
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <table width="1" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="10">&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>

                                                    <table width="1" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="5">&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <table width="270" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td>&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="5%">
                                                    <table width="10" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td>&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <table width="1" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td height="10">&nbsp;
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>




                        <div class="col-sm-12"><br> </div>


                        <div class="col-sm-4 col-sm-offset-4">
                            <input type="submit" class="green-btn btn btn-default" value="Invite Learner !"><br/><br/>
                        </div>

                    </div>
                </form>

            </div>

        </div>

    </div>
    <br>
    <div class="row gray">

        <div class="col-sm-12 ">

            <div class="col-sm-12 text-left">
                <label><a href="<?php echo base_url()?>super_admin">Dashboard </a>->><a href="<?php echo base_url()?>super_admin_group/manage_group"> Manage Group </a>->><a href="<?php echo base_url()?>super_admin_group/user_group_details">Group Details</a> ->> Invite Message</label>
            </div>    

        </div>


    </div>
     <br> <br>
</div>