<?php
$sql_portal=$db->query("select * from chitaportal where portalID=1");
$res_portal=$db->fetchNextArray($sql_portal);
?>
<!DOCTYPE html>
<!--
Theme: JANGO - Ultimate Multipurpose HTML Theme Built With Twitter Bootstrap 3.3.5
Version: 1.0.0
Author: Themehats
Site: http://www.themehats.com
Contact: support@themehats.com
Follow: www.twitter.com/themehats
-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title><?php echo $res_portal['title'];?> - Career</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all' rel='stylesheet' type='text/css'>
    <link href="assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN: BASE PLUGINS  -->
    <link href="assets/plugins/revo-slider/css/settings.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/animate/animate.css" rel="stylesheet" type="text/css"/>

    <!-- END: BASE PLUGINS -->
    <!-- BEGIN THEME STYLES -->
    <link href="assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="assets/base/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="assets/base/css/themes/default.css" rel="stylesheet" id="style_theme" type="text/css"/>
    <link href="assets/base/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link href="img/fav.jpg" rel="shortcut icon">
</head>
<body>
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
<!-- BEGIN: HEADER -->
<?php include("include/pars/header.php"); ?>
<!-- END: HEADER -->
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
<!-- BEGIN: CONTENT/USER/FORGET-PASSWORD-FORM -->
<?php include("include/pars/social.php"); ?>
<!-- END: CONTENT/USER/FORGET-PASSWORD-FORM -->
<!-- BEGIN: CONTENT/USER/SIGNUP-FORM -->

<!-- END: CONTENT/USER/SIGNUP-FORM -->
<!-- BEGIN: CONTENT/USER/LOGIN-FORM -->

<!-- END: CONTENT/USER/LOGIN-FORM -->
<!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->

<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
<!-- BEGIN: PAGE CONTAINER -->
<div class="c-layout-page">
    <!-- BEGIN: LAYOUT/BREADCRUMBS/BREADCRUMBS-3 -->
    <div class="c-layout-breadcrumbs-1 c-bgimage c-subtitle c-fonts-uppercase c-fonts-bold c-bg-img-center"
         style="background-image: url('img/bg-63.jpg')">
        <div class="container">
            <div class="c-page-title c-pull-left">
                <h3 class="c-font-uppercase c-font-bold c-font-dark c-font-20 c-font-slim">Career</h3>

            </div>
            <ul class="c-page-breadcrumbs c-theme-nav c-pull-right c-fonts-regular">
                <li>
                    <a href="home" class="c-font-dark">Home</a>
                </li>
                <li class="c-font-dark">
                    /
                </li>
                <li class="c-state_active c-font-dark">
                    Career
                </li>
            </ul>
        </div>
    </div>
    <!-- END: LAYOUT/BREADCRUMBS/BREADCRUMBS-3 -->
    <!-- BEGIN: PAGE CONTENT -->
    <?php	include("include/pars/menu2.php");?>
    <!-- BEGIN: CONTENT/MISC/ABOUT-2 -->
    <div class="c-content-box c-size-md c-bg-white">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="c-content-panel">
                        <div class="c-label">
                            career
                        </div>
                        <div class="c-body">
                            <div class="c-content-title-1 c-title-md c-margin-b-20 clearfix">
                                <h3 class="c-center c-font-uppercase c-font-bold">career</h3>
                                <div class="c-line-center c-theme-bg">
                                </div>
                            </div>
                            <?php
                            if(isset($_POST['submitsms'])){
                                echo "<div class=\"neveshte\" dir=\"rtl\" style=\"background-color:\">";
                                if(!$_POST['name']){echo debug_message('* Enter Your Name Please<br>',1,'');}
                                if(!$_POST['mail']){echo debug_message('* Enter Your Email Please<br>',1,'');}
                                else {echo debug_message('<div style="color: #162b66;
    font-size: 21px;
    text-align: center;">Your Request Has Been Sent</div>','');}
                                echo "</div>";
                                if($_POST['name'] && $_POST['mail'] ){
                                    $db->execute("insert contact set
	name = '".$db->safe_string($_POST['name'])."',
		 mail = '".$db->safe_string($_POST['mail'])."',
		 phone = '".$db->safe_string($_POST['phone'])."',
		 description = '".$db->safe_string($_POST['description'])."',
		 date= NOW()
		 ");
                                }
                            }else{
                            ?>
                            <form data-toggle="validator" role="form" action="career" name="sefaresh" id="" method="post">
                                <div class="form-group">
                                    <label for="inputName" class="control-label">Name</label>
                                    <input type="text" name="name" class="form-control" id="inputName" placeholder="Name" required>
                                </div>
                                <div class="form-group">
                                    <label for="inputEmail" class="control-label">Email</label>
                                    <input type="email" class="form-control" id="inputEmail" placeholder="Email" name="mail" data-error="Bruh, that email address is invalid" required>
                                    <div class="help-block with-errors"></div>
                                </div>
                                <div class="form-group">
                                    <label for="inputName" class="control-label">Phone</label>
                                    <input class="form-control" id="inputName" type="tel" placeholder="Phone" name="phone" required>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">Description</label>
                                    <textarea class="form-control" rows="5" id="comment" name="description" placeholder="Description"></textarea>
                                </div>
                                <div class="form-group">
                            <button type="submit" name="submitsms" class="btn btn-primary">Send</button>
                        </div>
                        </form>
                            <?php } ?>

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

                </div>
            </div>

        </div>

    </div>

    <!-- END: CONTENT/MISC/ABOUT-2 -->
    <!-- BEGIN: CONTENT/MISC/LATEST-ITEMS-4 -->

    <!-- END: CONTENT/MISC/LATEST-ITEMS-4 -->
    <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->

    <!-- END: CONTENT/SLIDERS/TEAM-1 -->
    <!-- BEGIN: CONTENT/MISC/SERVICES-1 -->

    <!-- END: CONTENT/MISC/SERVICES-1 -->
    <!-- BEGIN: CONTENT/SLIDERS/CLIENT-LOGOS-1 -->

    <!-- END: CONTENT/SLIDERS/CLIENT-LOGOS-1 -->
    <!-- BEGIN: CONTENT/SLIDERS/TESTIMONIALS-3 -->

    <!-- END: CONTENT/SLIDERS/TESTIMONIALS-3 -->
    <!-- END: PAGE CONTENT -->
</div>
<!-- END: PAGE CONTAINER -->
<!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 -->
<a name="footer"></a>
<?php include("include/pars/footer.php"); ?>
<!-- END: LAYOUT/FOOTERS/FOOTER-5 -->
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
<div class="c-layout-go2top">
    <i class="icon-arrow-up"></i>
</div>
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
<!-- BEGIN: CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="../assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="assets/plugins/jquery.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- END: CORE PLUGINS -->
<!-- BEGIN: LAYOUT PLUGINS -->
<script src="assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
<script src="assets/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
<script src="assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
<script src="assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
<script src="assets/plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<!-- END: LAYOUT PLUGINS -->
<!-- BEGIN: THEME SCRIPTS -->
<script src="assets/base/js/components.js" type="text/javascript"></script>
<script src="assets/base/js/app.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        App.init(); // init core
    });
</script>
<!-- END: THEME SCRIPTS -->
<!-- BEGIN: PAGE SCRIPTS -->
<script src="assets/base/js/scripts/pages/faq.js" type="text/javascript"></script>
<!-- END: THEME SCRIPTS -->
<script src="assets/base/js/app.js" type="text/javascript"></script>
<script >
wow = new WOW(
    {
        boxClass:     'wow',
        animateClass: 'animated',
        offset:       100
    }
);
wow.init();
</script>
<script type="text/javascript">
    // Create a clone of the menu, right next to original.
    $('.fix-p-menu').addClass('original').clone().insertAfter('.fix-p-menu').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();

    scrollIntervalID = setInterval(stickIt, 10);


    function stickIt() {

        var orgElementPos = $('.original').offset();
        orgElementTop = orgElementPos.top;

        if ($(window).scrollTop() >= (orgElementTop)) {
            // scrolled past the original position; now only show the cloned, sticky element.

            // Cloned element should always have same left position and width as original element.
            orgElement = $('.original');
            coordsOrgElement = orgElement.offset();
            leftOrgElement = coordsOrgElement.left;
            widthOrgElement = orgElement.css('width');
            $('.cloned').css('left',leftOrgElement+'px').css('top',0).css('width',widthOrgElement).show();
            $('.original').css('visibility','hidden');
        } else {
            // not scrolled past the menu; only show the original menu.
            $('.cloned').hide();
            $('.original').css('visibility','visible');
        }
    }
</script>
<script>
    $(".m-logo").hide();
    $(window).scroll(function() {
        if ($(window).scrollTop() > 490) {
            $(".m-logo").show();
        }
        else {
            $(".m-logo").hide();
        }
    });
</script>
<script>
    $(document).ready(function() {
        App.init(); // init core

        // init main slider
        var slider = $('.c-layout-revo-slider .tp-banner');
        var cont = $('.c-layout-revo-slider .tp-banner-container');
        var api = slider.show().revolution({
            delay: 4000,
            startwidth:1170,
            startheight: 620,
            navigationType: "hide",
            navigationArrows: "solo",
            touchenabled: "on",
            onHoverStop: "on",
            keyboardNavigation: "off",
            navigationStyle: "circle",
            navigationHAlign: "center",
            navigationVAlign: "bottom",
            spinner: "spinner2",
            fullScreen: "on",
            fullScreenAlignForce:"on",
            fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
            shadow: 0,
            fullWidth: "off",
            forceFullWidth: "off",
            hideTimerBar:"on",
            hideThumbsOnMobile: "on",
            hideNavDelayOnMobile: 1500,
            hideBulletsOnMobile: "on",
            hideArrowsOnMobile: "on",
            hideThumbsUnderResolution: 0
        });
    });
</script>
<!-- END: LAYOUT/BASE/BOTTOM -->
</body>
</html>