Untitled

<!DOCTYPE html>

<html lang="en">

<style>

.video-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.video-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

html {

  scroll-behavior: smooth;

}

</style>

<head>

    <meta charset="UTF-8">

    <meta name="description" content="">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->


    <!-- Title -->

    <title>SAO RPG: PROJECT AUTOPSY</title>


    <!-- Favicon -->

    <link rel="icon" href="img/core-img/favicon.ico">


    <!-- Core Stylesheet -->

    <link rel="stylesheet" href="style.css">


</head>


<body>

    <!-- ##### Preloader ##### -->


    <!-- ##### Header Area Start ##### -->

    <header class="header-area">

        <!-- Navbar Area -->

        <div class="musica-main-menu">

            <div class="classy-nav-container breakpoint-off">

                <div class="container-fluid">

                    <!-- Menu -->

                    <nav class="classy-navbar justify-content-between" id="musicaNav">


                        <!-- Nav brand -->

                        <a href="index.html" class="nav-brand"><img src="img/core-img/logo.png" alt=""></a>


                        <!-- Navbar Toggler -->

                        <div class="classy-navbar-toggler">

                            <span class="navbarToggler"><span></span><span></span><span></span></span>

                        </div>


                        <!-- Menu -->

                        <div class="classy-menu">


                            <!-- close btn -->

                            <div class="classycloseIcon">

                                <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>

                            </div>


                            <!-- Nav Start -->

                            <div class="classynav">

                                <ul>

                                    <li><a href="index.html#główna">Strona Sieci</a></li>

                                    <li><a href="index.html#główna">Główna</a></li>

                                    <li><a href="index.html#why">O serwerze</a></li>

                                    <li><a href="index.html#how">Jak dołączyć?</a></li>

                                    <li><a href="index.html#trailer">Zwiastun</a></li>

                                </ul>


                                <!-- Social Button -->

                                <div class="top-social-info">

                                    <a href="https://www.facebook.com/Zew-Online-2567334010162447/"><i class="fa fa-facebook" aria-hidden="true"></i></a>

                                </div>


                            </div>

                            <!-- Nav End -->

                        </div>

                    </nav>

                </div>

            </div>

        </div>

    </header>

    <!-- ##### Header Area End ##### -->


    <!-- ##### Breadcumb Area Start ##### -->

    <div class="breadcumb-area bg-img bg-overlay2" style="background-image: url(img/bg-img/breadcumb4.jpg);">

        <div class="bradcumbContent">

            <h2>Stwórz kartę postaci</h2>

        </div>

    </div>

    <!-- bg gradients -->

    <div class="bg-gradients"></div>

    <!-- ##### Breadcumb Area End ##### -->


    <!-- ##### Contact Area Start ##### -->

    <section class="contact-area mt-30 section-padding-100-0">

        <div class="container2">

<center>

            <div class="row2">


                <div class="col-12 col-lg-6">

                    <div class="contact-content mb-100">

					<p>Jeśli tutaj jesteś, a nie dołączyłeś jeszcze na serwer discord, zrób to najpierw ze <a href="index.html">strony głównej</a>. Aby stworzyć swoją kartę postaci musisz najpierw uzyskać token, który otrzymasz wpisując komendę <b>/token</b> po weryfikacji na serwerze. <br><font color="red"><b>Pamiętaj, że kartę postaci możesz wysłać tylko raz, więc poprawki nie będą już dozwolone! Uważaj na to, co piszesz!</b></font><br>Po wysłaniu karty postaci, sprawdź jej status wpisując komendę <b>/kp status</b> na serwerze.</p>

                        <!-- Contact Form Area -->

                        <div class="contact-form-area">

                            <form id="form1" name="form1" method="post" action="">

                                <div class="form-group">

                                    <input type="text" class="form-control" id="name" name="name" maxlength="1024" placeholder="Imię postaci (koniecznie jeden wyraz!)" required>

                                </div>

                                <div class="form-group">

                                    <input type="text" class="form-control" id="surname" name="surname" maxlength="1024" placeholder="Inne imiona (niekoniecznie) i nazwisko postaci" required>

                                </div>

                                <div class="form-group">

                                    <input type="number" class="form-control" id="age" name="age" maxlength="1024" placeholder="Wiek postaci" required>

                                </div>

                                <div class="form-group">

                                    <select class="form-control" name="sex" id="sex" placeholder="Płeć postaci" required>

									<option value="Kobieta">Kobieta</option>

									<option value="Mężczyzna">Mężczyzna</option>

									</select>

                                </div>

                                <div class="form-group">

                                    <input type="number" class="form-control" id="height" name="height" maxlength="1024" placeholder="Wzrost postaci [w cm]" required>

                                </div>

                                <div class="form-group">

                                    <input type="number" class="form-control" id="weight" name="weight" maxlength="1024" placeholder="Waga postaci [w kg]" required>

                                </div>

                                <div class="form-group">

                                    <textarea name="look" class="form-control" id="look" cols="30" rows="10" maxlength="1024" placeholder="Wygląd postaci (dozwolone formatowanie: jak na discordzie) [LIMIT 1024 ZNAKÓW]" required></textarea>

                                </div>

                                <div class="form-group">

                                    <textarea name="personality" class="form-control"  id="personality" cols="30" rows="10" maxlength="1024" placeholder="Osobowość postaci (dozwolone formatowanie: jak na discordzie) [LIMIT 1024 ZNAKÓW]" required></textarea>

                                </div>

                                <div class="form-group">

                                    <textarea name="history" class="form-control"  id="history" cols="30" rows="10" maxlength="1024" placeholder="Historia postaci (dozwolone formatowanie: jak na discordzie) [LIMIT 1024 ZNAKÓW]" required></textarea>

                                </div>

                                <div class="form-group">

                                    <input type="text" class="form-control" id="img" name="img" maxlength="1024" placeholder="Adres url obrazka (opcjonalne)">

                                </div>


                                <div class="form-group">

                                    <input type="text" class="form-control" id="token" name="token" placeholder="Token" required>

                                </div>


                                <button class="btn musica-btn mt-30" type="submit" name="submit" value="Submit" id="submit_form" >wyślij</button>
    <?php
        if(isset($_GET['submit']))
           {
               echo "Udało się!";
           }
     ?>
								<div class="response_msg"></div>

							</form>


                        </div>

                    </div>

                </div>


            </div>

        </div>

    </section></center>

    <!-- ##### Contact Area End ##### -->


    <!-- ##### Footer Area Start ##### -->


    <!-- ##### All Javascript Script ##### -->

    <!-- jQuery-2.2.4 js -->

    <script src="js/jquery/jquery-2.2.4.min.js"></script>

    <!-- Popper js -->

    <script src="js/bootstrap/popper.min.js"></script>

    <!-- Bootstrap js -->

    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- All Plugins js -->

    <script src="js/plugins/plugins.js"></script>

    <!-- Active js -->

    <script src="js/active.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>

$(document).ready(function(){

$("#form1").on("submit",function(e){

e.preventDefault();

if($("#form1 [name='your_name']").val() === '')

{

$("#form1 [name='your_name']").css("border","1px solid red");

}

else if ($("#form1 [name='your_email']").val() === '')

{

$("#form1 [name='your_email']").css("border","1px solid red");

}

else

{

$("#loading-img").css("display","block");

var sendData = $( this ).serialize();

$.ajax({

type: "POST",

url: "sendnij.php",

data: sendData,

success: function(data){

$("#loading-img").css("display","none");

$(".response_msg").text(data);


}

});

}

});

$("#form1 input").blur(function(){

var checkValue = $(this).val();

if(checkValue != '')

{

$(this).css("border","1px solid #eeeeee");

}

});

});

</script>

</body>


</html>