Untitled

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Zad 2</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<div class="container" style="padding-top: 60px; padding: 0px;">
    <h1 class="page-header">Edit Profile</h1>
    <div class="row-centered">
        <!-- left column -->
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="col-centered">
                <img src="files/a.jpg" class="img-circle center-block img-thumbnail" alt="avatar">
                <h6 class="text-center">Upload a different photo...</h6>
                <input class=" well well-sm center-block" type="file">
            </div>
        </div>
        <!-- edit form column -->
        <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
            <div class=" alert alert-info col-xs-12">
                <a class="close" data-dismiss="alert">×</a>
                <i class="fa fa-coffee"></i>
                This is an <strong>.alert</strong>. Use this to show important messages to the user.
            </div>
            <h3>Personal info</h3>
            <form class="form-horizontal col-lg-11" role="form">
                <div class="form-group">
                    <label class=" control-label col-lg-3" >First name:</label>
                    <div class="col-md-12 col-lg-9 col-sm-12 col-xs-12">
                        <input class="form-control" value="Jane" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-3 ">Last name:</label>
                    <div class="col-md-12 col-lg-9 col-sm-12 col-xs-12">
                        <input class="form-control" value="Bishop" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-3 ">Company:</label>
                    <div class="col-md-12 col-lg-9 col-sm-12 col-xs-12">
                        <input class="form-control" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-3 ">Email:</label>
                    <div class="col-md-12 col-lg-9 col-sm-12 col-xs-12">
                        <input class="form-control" value="janesemail@gmail.com" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-3 ">Time Zone:</label>
                    <div class="col-md-12 col-lg-9 col-sm-12 col-xs-12">
                        <div class="">
                            <select id="user_time_zone" class="form-control">
                                <option value="Hawaii">(GMT-10:00) Hawaii</option>
                                <option value="Alaska">(GMT-09:00) Alaska</option>
                                <option value="Pacific Time (US &amp; Canada)">(GMT-08:00) Pacific Time (US &amp; Canada)</option>
                                <option value="Arizona">(GMT-07:00) Arizona</option>
                                <option value="Mountain Time (US &amp; Canada)">(GMT-07:00) Mountain Time (US &amp; Canada)</option>
                                <option value="Central Time (US &amp; Canada)" selected="selected">(GMT-06:00) Central Time (US &amp; Canada)</option>
                                <option value="Eastern Time (US &amp; Canada)">(GMT-05:00) Eastern Time (US &amp; Canada)</option>
                                <option value="Indiana (East)">(GMT-05:00) Indiana (East)</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-4 col-lg-3" >Username:</label>
                    <div class="col-md-7 col-lg-9 col-sm-12">
                        <input class="form-control" value="janeuser" type="text">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-4 col-lg-3">Password:</label>
                    <div class="col-md-7 col-lg-9 col-sm-12">
                        <input class="form-control" value="11111122333" type="password">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-4 col-lg-3">Confirm password:</label>
                    <div class="col-md-7 col-lg-9 col-sm-12">
                        <input class="form-control" value="11111122333" type="password">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-4 col-lg-3"></label>
                    <div class="col-sm-9 col-lg-9 col-md-7 col-sm-12">
                        <input class="btn btn-primary" value="Save Changes" type="button">
                        <span></span>
                        <input class="btn btn-default" value="Cancel" type="reset">
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>