<!DOCTYPE html>
<html lang="zxx">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Login Chat Ya Watan | شات يا وطن</title>
        <meta name="description" content="شات يا وطن افضل موقع للتواصل اجتماعي يضم العالم العربي من جميع انحاء العالم بدون تسجيل او اشتراك مجاني" />
        <meta name="keywords" content="شات يا وطن, شات وطن, شات الوطن, شات الوطن العربي, دردشة يا وطن" />
        <link href="css/style.css" rel="stylesheet" />
        <!--[if lt IE 9]>
            <script src="js/html5shiv.min.js"></script>
            <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-lg-offset-4 col-md-offset-3">
                        <div class="logo text-center">
                            <a href="index.php"><img src="img/logo.png" alt="logo name"></a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <aside>
            <div>
                <h4>Site Map</h4>
                <ul class="list-unstyled list-group">
                    <li class="list-group-item"><a href="https://www.yawatan.net/chat-ya-watan/">Chat Ya Watan</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/arab-americans-chat/">Arab American Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/Canada-Arabs-Chat/">Canada Arabs Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/European-Muslim-Chat/">Arab European Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/Australia-chat/">Australia Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/lebanon-chat/">Lebanon Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/syria-chat/">Syria Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/jordan-chat/">Jordan Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/palestine-chat/">Palestine Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/egypt-chat/">Egypt Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/algeria-chat/">algeria Chat</a></li>
                    <li class="list-group-item"><a href="https://araby.chat/maroc-chat/">Maroc Chat</a></li>
                </ul>
            </div>
            <span class="map-icon text-center">
                <i class="fa fa-globe"></i>
            </span>
        </aside>
        <div class="bg-login">
            <section class="guest animated fadeInUp">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-lg-offset-4 col-md-offset-3">
                            <div class="login">
                                <h2 class="text-center">Guest Sign In</h2>
                                <div class="alert"></div>
                                <form action="https://araby.chat/" method="post">
                                    <label for="name">Username</label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-user"></i>
                                        </span>
                                        <input id="name" name="user" class="form-control" type="text" required="required" />
                                    </div>
                                    <label>gender</label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-male"></i>
                                        </span>
                                        <select name="gender" class="form-control">
                                            <option value="1">Male</option>
                                            <option value="2">Female</option>
                                            <option value="3">Secret</option>
                                        </select>
                                    </div>
                                    <div class="text-center controll">
                                        <input name="guest" class="btn btn-block btn-danger" type="submit" value="Login" />
                                    </div>
                                </form>
                                <button id="member" class="btn btn-link">Already Registered? Login here</button>
                            </div>
                        </div>
                    </div>
                </div>
            </section><!-- end pf login form for Guest -->

            <section class="member animated fadeInUp" style="display: none">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-lg-offset-4 col-md-offset-3">
                            <div class="login">
                                <h2 class="text-center">Sign In</h2>
                                <div class="alert"></div>
                                <form action="chat" method="post">
                                    <label for="username">Username</label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-user"></i>
                                        </span>
                                        <input id="username" name="user" class="form-control" type="text" required="required" />
                                    </div>
                                    <label for="pass">Password</label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-lock"></i>
                                        </span>
                                        <input id="pass" name="pass" class="form-control" type="password" required="required" />
                                    </div>
                                    <div class="text-center controll">
                                        <input name="member" class="btn btn-block btn-danger" type="submit" value="Login" />
                                    </div>
                                </form>
                                <button id="guest" class="btn btn-link">Guest login here</abutton>
                            </div>
                        </div>
                    </div>
                </div>
            </section><!-- end pf login form for members -->
        </div>
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(img/slide3.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/slide1.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/slide2.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/slide4.jpg)"></div>
            </div>
        </div>
        
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-lg-offset-4 col-md-offset-3">
                        <p class="text-center">
                            <img src="img/chrome.png" alt="chrome">
                            We recommend using chrome for better experience.
                        </p>
                    </div>
                </div>
            </div>
        </footer>
        
        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="js/swiper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/plugin.js"></script>
    </body> <a href="//www.dmca.com/Protection/Status.aspx?ID=0a460100-99de-4dda-b6d1-f9f914a70c98" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120m.png?ID=0a460100-99de-4dda-b6d1-f9f914a70c98"  alt="DMCA.com Protection Status" /></a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142211832-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-142211832-3');
</script>
</html>