FormJugador.html

<!DOCTYPE html>
<html>

<head>
    <title>Major League Football</title>
    <link rel="shortcut icon" href="https://image.jimcdn.com/app/cms/image/transf/none/path/s88c62990719cf949/image/ib8fd0c23a34d1f74/version/1290641330/image.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="app/css/header.component.css">
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery-2.1.3.min.js"></script>
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="login.js"></script>
    <script type="text/javascript" src="foco.js"></script>
</head>


<body>
    <div id="principal" class="container">
        <div id="cabecera">
            <div id="cabecera1" class="panel-heading">
                <img src="https://fanart.tv/fanart/movies/9942/hdmovielogo/major-league-51034af92ecc0.png" class="img-circle" width="115" height="75">
                <span>Major League Football</span>
            </div>
            <div id="franja" class="panel-body">
                <div id="login">
                    <img src="https://cdn0.iconfinder.com/data/icons/social-messaging-ui-color-shapes/128/user-male-circle-blue-128.png" class="img-circle" alt="Login" width="35" height="35">
                    <div id="loginContainer">
                        <button id="loginButton"><span>Login</span><em></em>
                        </button>
                        <div style="clear:both"></div>
                        <div id="loginBox">
                            <form id="loginForm">
                                <fieldset id="body">
                                    <fieldset>
                                        <label for="email">Email Address</label>
                                        <input type="text" name="email" id="email" />
                                    </fieldset>
                                    <fieldset>
                                        <label for="password">Password</label>
                                        <input type="password" name="password" id="password" />
                                    </fieldset>
                                    <input type="submit" id="login" value="Sign in" />
                                    <label for="checkbox">
                                        <input type="checkbox" id="checkbox" />Remember me</label>
                                </fieldset>
                                <span><a href="#">Forgot your password?</a></span>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <nav role="navigation" class="navbar navbar-inverse" id="opciones-navegacion">
            <div class="navbar-header">
                <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand">MLF</a>
            </div>

            <div id="navbarCollapse" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="Pruebas.html">Home</a>
                    </li>
                    <li id="teams"><a href="Teams.html">Teams</a>
                        <ul class="nav navbar-nav hidden-xs">
                            <li id="conferenciaEste"><a>Eastern Conference</a>
                            </li>
                            <li id="conferenciaOeste"><a>Western Conference</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://futhead.cursecdn.com/static/img/15/clubs/689.png">New York</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://heycdn.thisisfootball.com/wp-content/uploads/2013/09/xfc-dallas-logo-64x64.png.pagespeed.ic.7Z29WTYJC9.png">FC Dallas</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://www.moddingway.com/fifadb/teams/l687.png">Columbus Crew</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://footytweets.com/images/team_logos/130.png">LA Galaxy</a>
                            </li>
                            <li>
                                <a href="Equipo.html"><img class="img-rounded" src="http://www.bold.dk/img/tag/64x64/758.png">Montreal</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://adn.fcupdate.nl/clubs/medium/28996.png">Sounders FC</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://heycdn.thisisfootball.com/wp-content/uploads/2013/09/xUnion-Crest-300x300-64x64.png.pagespeed.ic.HdFRutSXUM.png">Philadelphia</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://heycdn.thisisfootball.com/wp-content/uploads/2013/09/xPortland_Timbers_MLS_logo.svg_1-64x64.png.pagespeed.ic.V99pB6RgY3.png">Portland Timbers</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://thisisfootball.dk/wp-content/uploads/2013/09/xchicago-fire-logo-64x64.png.pagespeed.ic.kshhtzY5gF.png">Chicago</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://heycdn.thisisfootball.com/wp-content/uploads/2013/09/xsan-jose-earthquakes-logo-64x64.png.pagespeed.ic.Ep5PkwAkfG.png">EarthQuakes</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://heycdn.thisisfootball.com/wp-content/uploads/2015/03/xorlando-city-sc-64x64.png.pagespeed.ic.I1R3ly18C-.png">Orlando City</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://heycdn.thisisfootball.com/wp-content/uploads/2013/09/xvancouver-whitecaps-fc-hd-logo-64x64.png.pagespeed.ic.ulCgt0bJ9G.png">Whitecaps FC</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://futhead.cursecdn.com/static/img/15/clubs/111651.png">Toronto</a>
                            </li>
                            <li>
                                <a href="#"><img class="img-rounded" src="http://static.oddschecker.com/content/team-badges/football/1763.png?v=11.0.0">Sporting</a>
                            </li>
                            <li id="rounded1">
                                <a href="#"><img class="img-rounded" src="http://www.bold.dk/img/tag/64x64/742.png">D.C United</a>
                            </li>
                            <li id="rounded2">
                                <a href="#"><img class="img-rounded" src="http://futhead.cursecdn.com/static/img/15/clubs/694.png">Colorado</a>
                            </li>
                        </ul>
                    </li>
                    <li id="schedule"><a href="Schedule1.html">Schedule</a>
                        <ul class="nav navbar-nav hidden-xs">
                            <li id="rounds"><a>First Round</a>
                            </li>
                            <li id="rounds"><a>Second Round</a>
                            </li>
                            <li id="numeros">
                                <a href="Schedule1.html">1</a>
                            </li>
                            <li id="numeros">
                                <a href="Schedule2.html">2</a>
                            </li>
                            <li id="numeros">
                                <a href="#">3</a>
                            </li>
                            <li id="numeros">
                                <a href="#">4</a>
                            </li>
                            <li id="numeros">
                                <a href="#">5</a>
                            </li>
                            <li id="numeros">
                                <a href="#">16</a>
                            </li>
                            <li id="numeros">
                                <a href="#">17</a>
                            </li>
                            <li id="numeros">
                                <a href="#">18</a>
                            </li>
                            <li id="numeros">
                                <a href="#">19</a>
                            </li>
                            <li id="numeros">
                                <a href="#">20</a>
                            </li>
                            <li id="numeros">
                                <a href="#">6</a>
                            </li>
                            <li id="numeros">
                                <a href="#">7</a>
                            </li>
                            <li id="numeros">
                                <a href="#">8</a>
                            </li>
                            <li id="numeros">
                                <a href="#">9</a>
                            </li>
                            <li id="numeros">
                                <a href="#">10</a>
                            </li>
                            <li id="numeros">
                                <a href="#">21</a>
                            </li>
                            <li id="numeros">
                                <a href="#">22</a>
                            </li>
                            <li id="numeros">
                                <a href="#">23</a>
                            </li>
                            <li id="numeros">
                                <a href="#">24</a>
                            </li>
                            <li id="numeros">
                                <a href="#">25</a>
                            </li>
                            <li id="numeros">
                                <a href="#">11</a>
                            </li>
                            <li id="numeros">
                                <a href="#">12</a>
                            </li>
                            <li id="numeros">
                                <a href="#">13</a>
                            </li>
                            <li id="numeros">
                                <a href="#">14</a>
                            </li>
                            <li id="numeros">
                                <a href="#">15</a>
                            </li>
                            <li id="numeros">
                                <a href="#">26</a>
                            </li>
                            <li id="numeros">
                                <a href="#">27</a>
                            </li>
                            <li id="numeros">
                                <a href="#">28</a>
                            </li>
                            <li id="numeros">
                                <a href="#">29</a>
                            </li>
                            <li id="numeros">
                                <a href="#">30</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="Clasification.html">Clasification</a>
                    </li>
                    <li><a href="#">Contact</a>
                    </li>
                </ul>

                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>
        </nav>
        <ol id="breadcrumb">
            <li>
                <a href="Pruebas.html"><img class="img-rounded" src=http://4.bp.blogspot.com/_A0w2msagD40/SSrCvRwW5cI/AAAAAAAACb8/guoEtikOYSc/s1600/imagen_flecha_derecha%5B1%5D.gif>Home</a>
            </li>
            <li id="raya">/</li>
            <li><a href="#">New Player</a>
            </li>
        </ol>
        <div id="cuerpo">
            <div class="row">
                <div class="col-md-8 col-sm-12 col-xs-12">
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <h3 class="panel-title">Form to add a new player</h3>
                        </div>
                        <div class="panel-body">
                            <form name="formplayer" action="#" method="post">
                                <fieldset>
                                    <legend>Personal information:</legend>
                                    <div class="col-xs-6">
                                        <p>
                                            <b>Name*:</b>
                                            <input type='text' class="form-control" name='name' placeholder="Name" id="name" required/>
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <p>
                                            <b>Surnames*:</b>
                                            <input type='text' class="form-control" name='surnames' placeholder="Surnames" id="surnames" required/>
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <p>
                                            <b>Age*:</b>
                                            <input type='number' class="form-control" name='age' pattern="[0-9]{2}" min="18" max="99" placeholder="+18" id="age" required/>
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <p>
                                            <b>Nacionality*:</b>
                                            <input type='text' class="form-control" name='nacionality' placeholder="Nacionality" id="nacionality" required/>
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <p>
                                            <b>Position*:</b>
                                            <select name="Position" class="form-control" id="position">
                                                <option value="Goalkeeper">Goalkeeper</option>
                                                <option value="Defense">Defense</option>
                                                <option value="Midfield">Midfield</option>
                                                <option value="Forward">Forward</option>
                                            </select>
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <p>
                                            <b>Email*:</b>
                                            <input type='text' class="form-control" name='email' placeholder="Email" id="email" required/>
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <p>
                                            <b>Postal Code:</b>
                                            <input type='text' class="form-control" name='postalcode' pattern="[0-9]{5}" placeholder="12345" id="postalcode" />
                                        </p>
                                    </div>

                                    <div class="col-xs-6">
                                        <div class="radio">
                                            <b>Gender:</b>
                                            <label for="women">
                                                <input type="radio" name="gender" value="women" id="women" checked> Women
                                            </label>
                                            <label for="men">
                                                <input type="radio" name="gender" value="men" id="men"> Men
                                            </label>
                                        </div>
                                    </div>

                                    <div class="col-xs-6">
                                        <form method="post" enctype="multipart/form-data">
                                            <b>Image:</b>
                                            <input type=file size=60 name="file1">
                                        </form>
                                        <br>
                                    </div>

                                    <div class="col-xs-12">
                                        <p>Items marked with * will be required by the form.</p>
                                    </div>

                                    <div class="col-xs-6">
                                        <input type='submit' name='enviar' value='Submit' />
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 hidden-xs hidden-sm">
                    <div id="galeria">
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    Dessign by Amunt Corporation (Fernando Lopez, Álvaro Parras, Víctor Sánchez)
                </div>
            </div>
        </div>
    </div>
</body>

</html>