Untitled

<?php
    $url = $_POST['url'];
    $fname = $_POST['firstname'];
    $lname = $_POST['lastname'];
    $birth = $_POST['birthdate'];
    $posit = $_POST['position'];
    $sex = $_POST['gender'];

    function rand_string($length) {
        $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        return substr(str_shuffle($chars),0,$length);
    }

    if(isset($fname) && isset($lname) && isset($birth)) {
        if(!preg_match('/^[a-zA-Z]+$/', $fname) || !preg_match('/^[a-zA-Z]+$/', $lname)) {
            echo 'Sorry, you can\'t have numbers in First & Lastname field<br/><br/><a href="/card/">Go back</a>';
    } elseif(!isset($sex)) {
        echo 'Please, Select a gender!<br/><br/><a href="/">Go Back</a>';
    } else {
        echo '
        <!DOCTYPE html>
            <html>
            <head>
            <title>Anonymous Card</title>
            <style type="text/css">
            .container {box-shadow: 1px 2px 3px 0px;background-color: rgba(255, 255, 255, 0.5) !important;margin: 100px auto;width: 743px;height: 380px;border-radius: 23px;border: 1px solid #DDD;padding: 5px;background-repeat: no-repeat;background-attachment: scroll;background-position: right center;background-clip: border-box;background-origin: padding-box;/*background-size: 200px auto;*/background-image: url("100003177926325.png");}
            .card {opacity:0.4;height: 100%;width: 100%;}
            form input[type="text"], form input[type="submit"] {height:30px;margin:5px;}
            form input[type="text"] {width:95%;}
            form input[type="submit"] {width:97.5%;}
            nav {width:100%;height:50px;position:fixed;top:0;background: linear-gradient(#FFF, #DADADA);}
            .header {width:100%;height:65px;overflow:hidden;color: #fff;text-shadow: -1px 1px 1px;}
            .header_text {position:absolute;padding-top: 44px;padding-left:5px;}
            .header_earth_text {font-size: 30px;position: absolute;padding-top: 10px;padding-left: 5px;}
            .h_con {background(255, 255, 255, 0.5);}
            table {color: #fff;text-shadow: -1px 0px 1px;}
            .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0px;font-size: 14px;font-weight: 400;line-height: 1.42857;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-moz-user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
            .btn-default {color:#333;text-shadow: 0px 1px 0px #FFF;background: #fff;background-repeat: repeat-x;border-color: #CCC;}
            .btn-default:hover {background:linear-gradient(to bottom, #FFF 0px, #E0E0E0 100%);}
            a {text-decoration:none;}
            .right_img {padding: 5px;width: 199px;float: right;margin-top: -36px;}
            .card_table {float:left;margin-top:5px;font-size: 30px;font-smooth:always;font-family: monospace;font-style: oblique;margin-left: 7px;  font-weight: bold;}

            </style>
            </head>
            <body style="margin:0;">
                <nav></nav>
                <div class="h_con">
                    <div class="container">
                        <div class="header"><span class="header_earth_text"></span><span class="header_text"></span></div>
                        <table class="card_table">
                            <tr style="color:#515A79;"><td>Name</td></tr>
                            <tr style="color:#646464;"><td> '.$fname.' '.$lname.'</td></tr>
                            <tr style="color:#515A79;"><td>Gender   </td></tr>
                            <tr style="color:#646464;"><td> '.$sex.'</td></tr>
                            <tr style="color:#515A79;"><td>Birthday</td></tr>
                            <tr style="color:#646464;"><td> '.$birth.'</td></tr>
                            <tr style="color:#515A79;"><td>Position</td></tr>
                            <tr style="color:#646464;"><td> '.$posit.'</td></tr>
                        </table><br/>
                        <div class="right_img">
                            <img src="'.$url.'" style="height: 149px;"/>
                        </div>
                    </div>
                </div>
                <center>
                <div>
                <a class="btn btn-default" href="/">Generate New card</a>
                </div>
                </center>
            </body>
        </html>';
    }
    } else {
    header('location:/');
    }
?>