<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" href="img/banner/F45_f.webp" type="image/png">
        <title>F45</title>
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="vendors/linericon/style.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
        <link rel="stylesheet" href="vendors/lightbox/simpleLightbox.css">
        <link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
        <link rel="stylesheet" href="vendors/animate-css/animate.css">
        <link rel="stylesheet" href="vendors/flaticon/flaticon.css">
        <!-- main css -->
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">
        <link href="css/main.css" rel="stylesheet" media="all">
        <script src="js/jquery-3.2.1.min.js"></script>
        <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
    <style type="text/css">
        @font-face {
      font-family: Bhoma;
      src: url(fonts/BHoma.ttf);
    }
    .mark, mark {
    padding:0;
    background-color: #ffffff;
    font-family: Roboto;
    color:#211451;
    
}
#f45gname {
    COLOR: #777777;
}
#langdr{
    font-family:BHoma;
}
    </style>
    </head>
    <body>
        
        <!--================Header Menu Area =================-->

        
        <!--================Home Banner Area =================-->

					<div class="row" >
						<div class="col-md-10" style="overflow-x: hidden;">
							<img src="img/banner/Adslr.jpg" id="imgg">
							</div>
							<div class="col-lg-2">
                                <select class="form-control form-control-sm" name="Language" id="language" style="display: none;" onchange="changeFunction(this)">
                                    <option disabled="disabled" value="selectLang">Language</option>
                                    <option value="1">English</option>
                                    <option value="2" selected="selected">Dari<mark id="langdr">(دری)</mark></option>
                                </select>
                            </div>			
						</div>
       
        <div class="row" style="overflow-x: hidden;">
            <div class="col-lg-5"></div>
            <div class="col-lg-5">
                <div id="banner" style="">
							<div id="card" style="background-color: white;">
                   
                   
        <!--================Form Banner Area =================-->
                    
                    <form method="POST" id="formm">
                        <div class="row row-space">                    
                        
                        <div class="container" id="info">
                            <p class="" id="register" style="font-size: 27px; font-weight: 700; color: #211451">Thank you for your Interest in F45 Event</p>
                       <p id="subhead"style="font-size: 15px; font-weight: 700; color: #211451">Please fill the form to get Registered</p>
                       <br>
                        <div class="row">
                        <table style="width: 100%;" id="namess">
                            <tr>
                                <td style="width: 50%;">
                                  <div class="input-group" id="inputgroup1">
                                    <label class="label" id="fn">First Name</label>
                                    <input class="input--style-4" type="text" name="first_name" id="namee" required>
                                    </div>  
                                </td >
                                <td style="width: 50%;">
                                    <div class="input-group" id="inputgroup2">
                                    <label class="label" id="ln">Last Name</label>
                                    <input class="input--style-4" type="text" name="last_name" id="lname" required>
                        </div>
                                </td>
                            </tr>
                        </table>
                        </div>
                        <div class="input-group" id="inputgroup6">
                                    <label class="label" id="email">Email Address</label>
                                    <input class="input--style-4" type="text" name="emailadd" id="email1">
                        </div>
                        
                        <div class="row">
                        <div class="col-lg-6">
                        <div class="input-group" id="inputgroup3">
                                    <label class="label" id="ph">Phone Number</label>
                                    <input class="input--style-4" type="text" name="phone" id="phone">
                        </div>
                        </div>
                        <div class="col-lg-6">
                        <div class="input-group">
                        <div id="inputgroup4">
                                <select class="form-control form-control-lg" name="studio" id="studio">
                                    <option disabled="disabled" selected="selected" >Location</option>
                                    <option>North (Qala-e-Fatullah)</option>
                                    <option>South (Karte Char)    </option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="input-group">
                           <div style="font-family:Bhoma !important;" id="inputgroup5">
                                <select dir="rtl" class="form-control form-control-lg" name="studio1" id="studio1">
                                    <option disabled="disabled" selected="selected" >موقعیت</option>
                                    <option value='north'>شمال (استیدیو قلعه فتح الله)</option>
                                    <option value='south'>جنوب (استیدیو کارته چهار)</option>
                                </select>
                        </div>
                        </div>
                        </div>
                        </div>
                        
                         <table style="width: 100%;">
                             <tr>
                                <td style="padding-right: 5px; padding-top: 0px;">
                                     <input id="inn" type="checkbox" style=" font-size: 5px; padding-left: 100px;">
                                 </td>
                                 <td><br>
                                     
                                     <label id="lab" >By clicking on the "Register" button means you agree with our <a href="https://f45training.com/terms/"style="color: #40A4E2 ">Terms of Services</a> and <a href="https://f45training.com/privacy/" style="color: #40A4E2 ">Privacy Policyt</a></label>
                                     
                                     <label style="font-family:Bhoma !important;" id="lab1" > 
                                     
                                    با فشار دادن کلید "اشتراک" شما با
                                     <a href="https://f45training.com/privacy/"style="color: #40A4E2 ">پالیسی محرمیت</a> و  <a href="https://f45training.com/terms/" style="color: #40A4E2 ">شرایط خدمات </a> ما موافق هستید  
                                     </label>
                                 </td>
                                 <td style="padding-left: 5px; padding-top: 0px;">
                                     <input id="innfarsi" type="checkbox" value="1" style=" font-size: 5px; padding-left: 100px;">
                                 </td>
                             </tr>
                         </table>
       <!--================Form Submit Button=================-->
                          
                        <div class="row">
                        <div class="col-lg-12" id="btncont">
                        <div class="p-t-17">
                            <button class="btn btn--radius-2 btn--red submit"  id="btn" type="button" name="submittt">Register</button>
                        </div>
                        </div>
                        </div>
                        
                        
                        </div>
                        </div>
                    </form>
                </div>
            </div>
            </div>
        </div>

        
        <!--================End Home Banner Area =================-->
        
        
        
        <!--================Copied from Info Page, better not change the below  =============/////////////////////////////////////////////////////////////////////////////////////////////////////////////====-->
        
        
        <section class="furniture_area p_120" id="furniture_area">
        
        	<div class="container" id="cont">
        	<div class="row">
        	    <div class="col-sm-5"></div>
        	    <div id="thanksf" class="col-lg-7" style="width: 100%;"><p class="" id="thankss">Thank you for your time!</p>
        	    <p id="thankss2"style=""></p>
        	    </div>
        	</div>
        	
        		<div class="main_title">
        		
        		</div>
        		<div class="furniture_inner row">
        		
        			<div class="col-lg-5">
        			
        			</div><div class="col-lg-7" height="105%" id="vid">
        				<div id="ytplayer" style="height: 300%; width: 110%;">
        				<div id="ytplayer2" style="height: 300%; width: 110%;"></div>
        				
        		</div>
        	</div>
        	<div class="container" style="margin-top: 100px;" id="vicont">
               
               <div class="row">
        	    <div class="col-lg-6">
        	    
        			</div>
               <div class="col-lg-4" id="freetrail">
        	    <a class="btn btn-md btn--radius-2 btn--redd"  id="btn22" type="button" href="">Free Trail</a>
        			</div>
               <div class="col-lg-1">
        	    
        			</div>
        			
        			</div>
        	    <div class="row">
                   <div class="col-lg-5">
        			</div>
        	        
                    
        			<div class="col-lg-4">
    
                            <div class="furniture_item" id="time1">
        					<h4>Timing</h4>
        					<table id="spetime" style="width:100%">
        					    <tr>
        					        <td>
        					        Female Timing:    
        					        </td>
        					        <td>
        					            6 AM to 1 PM 
        					        </td>
        					    </tr>
        					    <tr>
        					        <td>
        					        Male Timing:   
        					        </td>
        					        <td>
        					            3 PM to 8 PM  
        					        </td>
        					    </tr>
        					    <tr>
        					        <td>
        					        Days:     
        					        </td>
        					        <td>
        					            Saturday to Thursday
        					        </td>
        					    </tr>
        					</table>
        					<br>
        					<br>
        					<br>
        					<br>
        					
        					<h4></h4>
        					<table id="spetime" style="width:100%">
        					</table>
        			</div>
        				<div class="furniture_item" id="time2">
        					<h4>Timing</h4>
        					<table id="spetime" style="width:100%">
        					    <tr>
        					        <td>
        					        Female Timing:    
        					        </td>
        					        <td>
        					            6 AM to 12 PM and 3 PM to 8 pm
        					        </td>
        					    </tr>
        					    <tr>
        					        <td>
        					        Male Timing:   
        					        </td>
        					        <td>
        					            6 AM to 12 PM and 3 PM to 8 pm  
        					        </td>
        					    </tr>
        					    <tr>
        					        <td>
        					        Days:     
        					        </td>
        					        <td>
        					            Saturday to Thursday
        					        </td>
        					    </tr>
        					</table>
        					<br>
        					<br>
        					<table id="spetime" style="width:100%">
        					</table>	
        			</div>
               <div style="font-family:Bhoma !important;" class="furniture_item" id="time3" >
        					<h4 style="text-align: right; font-family:Bhoma !important;">تقسیم اوقات</h4>
        					<table id="spetime" style="width:100%; text-align: right;">
        					    <tr>
        					        
        					        <td>
				       از ۶ صبح تا ۱۲ ظهر و ۳  بعد از ظهر تا ۸ شب        					        </td>
				       <td>
        					        :اوقات خانم ها    
        					        </td>
        					    </tr>
        					    <tr>
        					        
        					        <td>
				       از ۶ صبح تا ۱۲ ظهر و ۳  بعد از ظهر تا ۸ شب        					        </td>
				       <td>
        					        :اوقات آقایان   
        					        </td>
        					    </tr>
        					    <tr>
        					        
        					        <td>
        					            شنبه تا پنج شنبه 
        					        </td>
        					        <td>
        					        :روز ها    
        					        </td>
        					    </tr>
        					    
        					</table>
        					<br>
        					<br>
        					
        					<h4 style="text-align: right; font-family:Bhoma !important;"></h4>
        					<table id="spetime" style="width:100%; text-align: right;">
        					</table>
        			</div>
                           <div style="font-family:Bhoma !important;" class="furniture_item" id="time4" >
        					<h4 style="text-align: right; font-family:Bhoma !important;">تقسیم اوقات</h4>
        					<table id="spetime" style="width:100%; text-align: right;">
        					    <tr>
        					        
        					        <td>
        				       از ۶ صبح تا ۱۲ ظهر
        					        </td>
        					        				       <td>
        					        :اوقات خانم ها    
        					        </td>
        					    </tr>
        					    <tr>
        					        
                                    					        <td>
                               از ۳ بعد از ظهر تا ۸ شب        					        </td>
        					        <td>
        					        :اوقات آقایان   
        					        </td>
        					    </tr>
        					    <tr>
        					        
        					        <td>
        					            شنبه تا پنج شنبه 
        					        </td>
        					        <td>
        					        :روز ها    
        					        </td>
        					    </tr>
                                   
        					</table>
        					<br>
        					<br>
        					
        					<h4 style="text-align: right; font-family:Bhoma !important;"> </h4>
        					<table id="spetime" style="width:100%; text-align: right;">
        			
        					</table>
        			</div>
        	    </div>
        	    
        	    <div class="col-lg-1"></div>
        	    <div class="col-lg-2">
        				<div class="furniture_item">
        					
        					<h4 id="lochead">Location:</h4>
        					<p  id="locationss">
        					    <strong>Visit Us:</strong><br>
        					    Opposite Sher Shah Mina Masjid Karte Char, District 3 <br>
        					    <strong>Call us:</strong> <br>
        					    +93 729 555 111 <br>
        					    <strong>Email us: </strong><br>
        					    <a href="mailto:kabulsouth@f45training.af">kabulsouth@f45training.af</a><br>
        					    <strong>Follow Us: </strong><br>
        					    <a href="https://www.facebook.com/f45kabulsouth">facebook.com/f45kabulsouth</a><br>
        					    <strong>Register now:</strong> <br>
        					    <a href="https://f45training.af/kabulsouth">f45training.com/kabulsouth</a>
        					    
        					</p>
                               <p id="locationss2">
        					    <strong>Visit Us:</strong><br>
        					    Between Lane 7 and 8 Qala-e-Fatullah Main Road <br>
        					    <strong>Call us:</strong> <br>
        					    +93 798 111 555 <br>
        					    <strong>Email us: </strong><br>
        					    <a href="mailto:kabulnorth@f45training.af">kabulnorth@f45training.af</a><br>
        					    <strong>Follow Us: </strong><br>
                                <a href="https://www.facebook.com/f45kabulnorth">facebook.com/f45kabulnorth</a><br>
        					    <strong>Register now:</strong> <br>
        					    <a href="https://f45training.af/kabulnorth/home">f45training.com/kabulnorth</a>
        					    
        					</p>
        					
        					
        					<div class="furniture_item" id="locationss3" style="direction: RTL; font-family:Bhoma !important;">
        				<h4 style="font-family:Bhoma !important;">:موقعیت</h4>
        				<p>
        					    <strong>از ما دیدن کنید:</strong><br>
        					    بین سرک ۷ و ۸ قلعه فتح الله 
        					    <br>
        					    <strong>شماره تماس:</strong> <br>
        					       ۵۵۵ ۱۱۱ ۷۹۸ ۹۳+ <br>
        					    <strong>ایمیل:</strong><br>
        					    <a style="font-family: sans-serif"href="mailto:kabulnorth@f45training.af">kabulnorth@f45training.af</a> <br>
        					    <strong>فیسبوک:</strong><br>
        					    <a style="font-family: sans-serif " href="https://www.facebook.com/f45kabulnorth">facebook.com/f45kabulnorth</a><br>
        					    <strong>راجستر:</strong> <br>
        					    <a style="font-family: sans-serif "href="https://f45training.af/kabulnorth/home">f45training.com/kabulnorth</a>
        					</p>
                        </div>
        				<div class="furniture_item" id="locationss4" style="direction: RTL; font-family:Bhoma !important;">
        				<h4 style="font-family:Bhoma !important;">موقعیت:</h4>
        				<p>
        					    <strong>از ما دیدن کنید:</strong><br>
        					    رو به رو مسجد شیر شاه مینه کارته چهار ناحیه ۳
        					    <br>
        					    <strong>شماره تماس:</strong> <br>
        					    ۵۵۵ ۱۱۱ ۷۲۹ ۹۳+<br>
        					    <strong>ایمیل:</strong><br>
        					    <a style="font-family: sans-serif" href="mailto:kabulsouth@f45training.af">kabulsouth@f45training.af</a> <br>
        					    <strong>فیسبوک:</strong><br>
        					    <a style="font-family: sans-serif"href="https://www.facebook.com/f45kabulsouth">facebook.com/f45kabulsouth</a><br>
        					    <strong>راجستر:</strong> <br>
        					    <a style="font-family: sans-serif"href="https://f45training.af/kabulsouth">f45training.com/kabulsouth</a>
        					</p>
                            </div>
        					
        					
        				</div>
        			</div>
                </div></div>
        </section>
        <!--================End Furniture Area =================-->
        
        <div id="myDiv"></div>
        
        <script>
        var email2 = document.getElementById("email1");
            $(document).ready(function(){
               $(".submit").click(function(){
                  
                    if(validateform()==true){
                        if(valiemail(email2.value)==true){
                        $(this).prop('disabled',true);
                        var data = $("#formm").serialize();
                        $.post("store.php",
                          {
                            data: data,
                          },
                          function(data, status){
                            if(data == 1)
                            {
                                downfarsi();
                            }
                            else
                            {
                                downfarsi();
                            }
                          }); 
                        }
                        else{
                            alert("ایمیل شما اشتباه است")
                        }
                    }
                    else{
                        alert("لطفا فورم را تکمیل کنید")
                    }
                    
               });
            });
        </script>
        
        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        
        <script src="js/bootstrap.min.js"></script>
        <script src="js/stellar.js"></script>
        <script src="vendors/lightbox/simpleLightbox.min.js"></script>
        <script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
        <script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
        <script src="vendors/isotope/isotope-min.js"></script>
        <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
        <script src="js/jquery.ajaxchimp.min.js"></script>
        <script src="vendors/counter-up/jquery.waypoints.min.js"></script>
        <script src="vendors/counter-up/jquery.counterup.min.js"></script>
        <script src="js/mail-script.js"></script>
        <!--gmaps Js-->
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
        <script src="js/gmaps.min.js"></script>
        <script src="js/theme.js"></script><script src="js/global.js"></script>
    </body>
</html>