<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>International Trainee Network
			 | Home																																																																												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

		</title>
		<link rel="icon" type="image/x-icon" href="favicon.ico" id="page_favicon"/>
        <!---->
        <!--Start Styles declaration-->
		
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        
        <!--All custom styles contented in style.css-->
        <link rel="stylesheet" href="assets/css/style.css">
        <!--End Styles declaration-->
        
        
        <!--Start javascript or js declaration-->
        <script src="assets/js/jquery-1.11.3.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/plugins/scroll/jquery.smooth-scroll.js"></script>
        
        <!--End javascript or js declaration-->
                
        <script>
            var html_str = '<div class="modal-content box" ><div class="modal-header bg-primary" ><h4 class="modal-title">Loading...</h4></div><div class="modal-body minheight200"><div class="text-center"><i class="fa fa-refresh fa-spin"></i> Please wait ....</div></div></div>';
            /*Scroll and sticky menu*/
            var num = 100;
            $(window).bind('scroll', function() {
                if ($(window).scrollTop() > num) {
                    $('.nav-menu').addClass('navbar-fixed-top');
                } else {
                    $('.nav-menu').removeClass('navbar-fixed-top');
                }
            });
            
            function show_notification_popup(msg,type,popup_id)
            {
                var alert_html = $("#hidden-content").html();
                var alert_class;
                if(popup_id == "" || popup_id == "undefined" || popup_id == null)
                    popup_id = "general-msg-modal";
                
                if(type == "success")
                {
                    alert_class = "alert alert-success alert-dismissable";
                }
                else if(type == "warning")
                {
                    alert_class = "alert alert-warning alert-dismissable";
                }
                else
                {
                    alert_class = "alert alert-danger alert-dismissable";
                }
                
                $("#"+popup_id+" .modal-dialog").html(alert_html);
                
                $("#"+popup_id+" .alert p").html(msg);
                $("#"+popup_id+" .alert").removeClass().addClass(alert_class);
                $("#"+popup_id).modal();
                $("#"+popup_id).on('hidden.bs.modal', function (e) {
                    $("#"+popup_id+" .modal-dialog").html(html_str);
                });
            }
            
            function validateEmail(email){
                
                
                var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                

                if (reg.test(email) == false) 
                {
                    return false;
                }

                return true;
            }
            
            function show_popup(popup_id)
            {
                if(popup_id == "" || popup_id == "undefined" || popup_id == null)
                    popup_id = "general-modal";
                
                $("#"+popup_id+" .modal-dialog").html(html_str);
                $("#"+popup_id).modal({ keyboard: false, backdrop: 'static' });
                $("#"+popup_id).on('hidden.bs.modal', function (e) {
                    $("#"+popup_id+" .modal-dialog").html(html_str);
                });
            }
        </script>
    </head>
    <body>
        <div class="container-fluid no-padding">
            <!--Start header include-->
            <div id="header">
    <div class="container no-padding">
        <div class="logo-block col-md-12">
            <img src="assets/images/itn_logo.png" />
        </div>
        <div class="social-contact col-md-2 hidden-md hidden-lg">
            <ul class="no-padding">
                <li><a href="https://www.facebook.com/ITNUS?ref=tn_tnmn" target="blank" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://instagram.com/itnworldwide" target="blank" title="Instagram"><i class="fa fa-instagram"></i></a></li>
            </ul>
        </div>
        <div class="tele-contact pull-right col-md-3 hidden-md hidden-lg">
            <span><i class="fa fa-phone"></i>&nbsp;&nbsp;&nbsp;(1)123-385-2829</span>
        </div>
    </div>
    <div class="nav-menu navbar no-margin shadow-bottom">
        <div class="container">
            <div class="social-contact col-md-2 no-padding hidden-xs hidden-sm">
                <ul class="no-padding">
                    <li><a href="https://www.facebook.com/ITNUS?ref=tn_tnmn" target="blank" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="https://instagram.com/itnworldwide" target="blank" title="Instagram"><i class="fa fa-instagram"></i></a></li>
                </ul>
            </div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <i class="fa fa-bars fa-2x"></i>
                </button>
            </div>
            <div class="navbar-collapse collapse col-md-8" id="navbar">
                
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.php" title="Home">Home</a></li>
                    <li class=""><a href="candidates.php" title="Candidates">Candidates</a></li>
                    <li class=""><a href="partners.php" title="Partners">Partners</a></li>
                    <li class=""><a href="hostcompanies.php" title="Host Companies">Host Companies</a></li>
                    <li class=""><a href="aboutus.php" title="About Us">About Us</a></li>
                    <li class=""><a href="contactus.php" title="Contact Us">Contact Us</a></li>
                </ul>
            </div><!--/.nav-collapse -->
            <div class="tele-contact pull-right col-md-3 hidden-xs hidden-sm">
                <span><i class="fa fa-phone"></i>&nbsp;&nbsp;&nbsp;(+1) 213-385-2829</span>
            </div>
        </div>
    </div>
</div>
            <!--End header include-->
            
            <!--Start content include-->
            <div id="banner-bg-1" class="img_bg img_bg_home" >
    <div class="slider_text"><h1>American Hospitality. Global Future.<br/>Premiere source for luxury hospitality J-1 training programs.</h1><button class="btn btn-skyblue btn-lg" id="btngetmore">Get more details now</button></div>
</div>

<div class="bg_blue" id="regsub-section">
    <div class="container signup-newsletter">
                <p>Register with ITN today and receive regular updates on <br/> Hospitality training opportunities in the US</p>
                <div class="text-center">
            <form class="form-inline" id="frm-subscription" name="frm-subscription" action="">
                <div class="form-group">
                    <label class="sr-only" for="name">Name</label>
                    <input type="text" class="form-control" id="uname" name="uname" placeholder="Name" required="required">
                </div>
                <div class="form-group">
                    <label class="sr-only" for="email">Password</label>
                    <input type="email" class="form-control" id="uemail" name="uemail" placeholder="Email" required="required">
                </div>
                                    <button type="button" class="btn btn-skyblue" id="btnregsub" name="btnregsub">YES! I want to train in the US</button>
                            </form>
        </div>
    </div>
</div>

<script>
$(document).ready(function(){
    $("#btnregsub").click(function(){
        register_itn();
    });
    
    $("#btngetmore").click(function(){
        var el = $("#regsub-section");
        var elOffset = el.offset().top;
        var elHeight = el.height();
        var windowHeight = screen.height;
        var offset;
        if (elHeight < windowHeight) { offset = elOffset - ((windowHeight / 2) - (elHeight / 2)); }
        else { offset = elOffset; }

        $.smoothScroll({ speed: 700 }, offset);
    });
});

function register_itn()
{
    var name = $("#uname").val(); 
    var email = $("#uemail").val();
    
    if(name == "" || name == "undefined" || name == null)
    {
        show_notification_popup("Please enter your name");
        return false;
    }
    
    if(email == "" || email == "undefined" || email == null)
    {
        show_notification_popup("Please enter your email address");
        return false;
    }
    else if(!validateEmail(email))
    {
        show_notification_popup("Please enter valid email address");
        return false;
    }
    
    check_eligibility_form();
}

function check_eligibility_form()
{
    var name = $("#uname").val();
    var email = $("#uemail").val();
    
    show_popup();
    $.post("ajax/check_eligibility.php",{  },function(data){
        $("#general-modal .modal-dialog").html(data);
        
        $('#frmcontact_name').val(name); 
        $('#frmcontact_email').val(email);
        
        if(name != "" && name != "undefined" && name != null)
            $('#frmcontact_message').focus();
        else
            $('#frmcontact_name').focus();
        
        $("#uname").val("");
        $("#uemail").val("");
        
    });
}
</script>

<div class="img_bg img_bg_whatwedo"></div>

<div class="bg_white vertical-center">
    <div class="container">
        <div class="col-md-4 divider-title"><h2>What We Do</h2></div>
        <div class="col-md-8 divider-desc">
            <p class="justify">
                ITN is a cultural Exchange organization with over ten years of experience in the luxury hospitality field. We specialize in assisting highly educated, qualified and multilingual students / young professionals from all around the world in achieving their primary career goals. ITN handles the targeted search for a suitable position and can process all of the paperwork required to obtain the adequate visa (J-1 Intern, J-1 Trainee or J1- Work and Travel) for your chosen <b class="font_themeblue"> Career Training Program </b>. 
            </p>
            <p class="justify">
                We specialize in locating, recruiting and placing high profile international students, recent-graduates and young professionals within the luxury hospitality industry. We look forward to assisting you in starting your international hospitality career!	
            </p>
        </div>
    </div>
</div>

<div class="img_bg img_bg_3"></div>

<div class="bg_white">
    <div class="container">
        <div class="row">
            <div class="col-md-4  divider-title"><h2>Available Positions</h2></div>
            <div class="col-md-8 divider-desc">
                <div id="position-carousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> 
                    <ol class="carousel-indicators">
                                                                                    <li data-target="#position-carousel" data-slide-to="0" class="active"></li> 
                                                                        </ol> <!-- Wrapper for slides --> 
                    <div class="carousel-inner">
                                                                                <div class="item active"> 
                                <div class="row"> 
                                    <div class="col-xs-12"> 
                                        <div class="thumbnail adjust1">
                                            <div class="col-md-5 col-sm-5 col-xs-12">
                                                <img class="media-object img-responsive shadow" src="http://admin.internationaltrainee.com/employer_files/images/153/153_1.jpg">
                                            </div> 
                                            <div class="col-md-7 col-sm-7 col-xs-12">
                                                <ul class="carousel-detail">
                                                    <li><label>Employer </label>: <b>Stein Eriksen Lodge</b></li>
                                                                                                        <li><label>Location </label>: <b>Utah</b></li>
                                                                                                        <li><label>Position </label>: <b>F&amp;B/Any</b></li>
                                                                                                        <li><label>Starts </label>: <b>Nov  1, 2017</b></li>
                                                                                                        <li><label>Duration </label>: <b>5 Months </b></li>
                                                                                                    </ul>
                                            </div>
                                            <div class="col-md-12 m-top-10">
                                                <p class="position-desc justify"></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                        </div> <!-- Controls --> 
                    <a class="left carousel-control hidden-xs" href="#position-carousel" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control hidden-xs" href="#position-carousel" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="img_bg img_bg_regpro"></div>

<div class="bg_white">
    <div class="container">
        <div class="col-md-4 divider-title"><h2>Registration Process</h2></div>
        <div class="col-md-8">
            <img class="img-responsive shadow img-border" src="assets/images/registration.jpg">
        </div>
    </div>
</div>

<div class="img_bg img_bg_testimonial"></div>

<div class="bg_white vertical-center">
    <div class="container" id="testimonials">
        <div class="col-md-4 divider-title"><h2>Testimonials</h2></div>
        <div class="col-md-8 divider-desc" data-wow-delay="20.00s">
            <div class="carousel slide" data-ride="carousel" id="quote-carousel">
                <!-- Bottom Carousel Indicators -->
                <!-- Carousel Slides / Quotes -->
                <div class="carousel-inner text-center">
                    <div class="item active">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1">
                                    <p>United States was my dream from childhood when I came here for my internship it was unbelievable. Working with the great chefs in here and learning new cuisine is one of the most memorable part in my whole life.</p>
                                    <small>Arghya - India</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                    <!-- Quote 2 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1">
                                    <p>St. Regis did not only develop my potentials but also helped me gain self-confidence and a positive attitude towards the hospitality industry. Thank you for making this possible, ITN!</p>
                                    <small>Jenny - Philippines</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                    <!-- Quote 3 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1">
                                    <p>Everybody remembers his first time in school, his first kiss, his first girlfriend or boyfriend, his first car, his first job... I will always remember my first time in U.S. with ITN!  Going to U.S. was a very old dream that I had since my young age... I always dreamed about it, thought about it and talked about it. I finally made the decision to contact ITN and my deepest dream came true! October 2014, Florida here I come!!! Thanks to ITN I gained experience, met a lot of international friends, improved my skills and enjoyed the American culture... This is what I have always asking for once in my life! I finally feel more powerful, more knowledgeable and more professional in Hospitality. Without a doubt, I definitely launched my career on this crazy world of Hospitality Industry! Thank you ITN I will definitely come back to you and experience your savoir-faire once again!</p>
                                    <small>Fabien - France</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1">
                                    <p>I am Sanman currently in San Antonio, Texas. My experience is wonderful, something which I will never forget in my life. Here I get to learn many things, gives you chance to be independent. Get to know different cultures here which motivates me  and also help me to think in a broader way. Overall I got to learn a lot from this program got to meet and made new friends from different countries. Thank you very much for everything. I am happy to choose this program.</p>
                                    <small>Sanman - India</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                </div>

                <!-- Carousel Buttons Next/Prev -->
                <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
                <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
            </div>
        </div>
    </div>
</div>



<div class="bg_blue shadow-top">
    <div class="container hidden-sm hidden-xs">
        <div class="col-md-6">
            <form class="form-inline pull-right">
                <div>
                    <label class="text-white" >STUDENT LOGIN</label>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="name">Name</label>
                    <input type="text" class="form-control" id="name" placeholder="Username">
                </div>
                <div class="form-group">
                    <label class="sr-only" for="email">Password</label>
                    <input type="password" class="form-control" id="email" placeholder="Password">
                </div>
                <button type="submit" class="btn btn-skyblue"><span class="glyphicon glyphicon-ok"></span></button>
            </form>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-6">
            <form class="form-inline pull-left">
                <div>
                    <label class="text-white" >EMPLOYER LOGIN</label>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="name">Name</label>
                    <input type="text" class="form-control" id="name" placeholder="Username">
                </div>
                <div class="form-group">
                    <label class="sr-only" for="email">Password</label>
                    <input type="password" class="form-control" id="email" placeholder="Password">
                </div>
                <button type="submit" class="btn btn-skyblue"><span class="glyphicon glyphicon-ok"></span></button>
            </form>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="container hidden-md hidden-lg">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2">
                <form class="form-inline">
                    <div>
                        <label class="text-white" >STUDENT LOGIN</label>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="name">Name</label>
                        <input type="text" class="form-control" id="name" placeholder="Username">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="email">Password</label>
                        <input type="password" class="form-control" id="email" placeholder="Password">
                    </div>
                    <button type="submit" class="btn btn-skyblue"><span class="glyphicon glyphicon-ok"></span></button>
                </form>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2">
                <form class="form-inline">
                    <div>
                        <label class="text-white" >EMPLOYER LOGIN</label>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="name">Name</label>
                        <input type="text" class="form-control" id="name" placeholder="Username">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="email">Password</label>
                        <input type="password" class="form-control" id="email" placeholder="Password">
                    </div>
                    <button type="submit" class="btn btn-skyblue"><span class="glyphicon glyphicon-ok"></span></button>
                </form>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
            <!--End content include-->
            
            <!--Start footer include-->
            <div id="footer" class="inner-shadow-top">
    <div class="container">
        <div class="row text-center">
             <p> <p>International Trainee Network, 
 
6300 Wilshire Blvd. Suite 610, 
Los Angeles, CA 90048, 
<span style="color:black">USA</span></p> </p><p> Phone: (+1) 213-385-2829 | Fax: (+1) 213-385-2836</p>
            <p>Admin Access&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RSS Syndication</p>
        </div>
    </div>
</div>
            <!--End footer include-->
        </div>

        <div class="general-modal modal fade" id="general-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-primary">
                        <button aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Loading...</h4>
                    </div>
                    <div class="modal-body text-center">
                        <i class="fa fa-fw fa-spin fa-refresh"></i> Please Wait...
                    </div>
                </div>
            </div>
        </div>
            
        <div class="general-msg-modal modal fade" id="general-msg-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-primary">
                        <button aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Loading...</h4>
                    </div>
                    <div class="modal-body text-center">
                        <i class="fa fa-fw fa-spin fa-refresh"></i> Please Wait...
                    </div>
                </div>
            </div>
        </div>
        <div id="hidden-content" class="hidden">
            <div class="alert">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <p></p>
            </div>
        </div>
    </body>
</html>