<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Register</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="apple-touch-icon" href="apple-touch-icon.png">

    <!-- bootstrap css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap-theme.min.css">
    <!-- Font awesome 4.4.0 -->
    <link rel="stylesheet" href="assets/font-awesome-4.7.0/css/font-awesome.min.css">
    <!-- main select2.css -->
    <link href="assets/select2-3.5.3/select2.css" rel="stylesheet" />
    <link href="assets/select2-3.5.3/select2-bootstrap.css" rel="stylesheet" />

    <!-- main style.css -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/color-dodger-blue.css">

    <script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->



<div class="header-nav-top">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-12 ">
                <div class="topContactInfo">
                    <ul class="nav nav-pills">
                        <li>
                            <a href="#">
                                <i class="fa fa-phone"></i>
                                +2 34 45 67 368
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-envelope"></i>
                                info@example.com
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="col-md-8 col-sm-12">
                <form class="navbar-form navbar-right" role="form">
                    <div class="form-group">
                        <input type="text" placeholder="Email" class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="password" placeholder="Password" class="form-control">
                    </div>
                    <button type="submit" class="btn btn-success">Sign in or Create</button>
                </form>
            </div>
        </div>
    </div>

</div>


<nav class="navbar navbar-default" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">themeqx Classified</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">

            <ul class="nav navbar-nav navbar-right">
                <li><a href="login.html"> <i class="fa fa-lock"></i>  Login  </a>  </li>
                <li><a href="#"> <i class="fa fa-save"></i> Register</a></li>
                <li><a href="#"> <i class="fa fa-tag"></i> Post an Ad</a></li>
                <li><a href="#"> <i class="fa fa-mail-forward"></i> Contact Us</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>


        </div><!--/.navbar-collapse -->
    </div>
</nav>



<div class="container">
    <div class="row">
        <div class=" col-md-4 col-sm-4 col-xs-12">
            <div class="info-box bg-white ">
                <h4><i class="fa fa-edit"></i> </h4>
                <p class="intro"> View, edit and delete your ads. </p>
            </div>
        </div>

        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box bg-white ">
                <h4><i class="fa fa-clock-o"></i> </h4>
                <p class="intro"> Quick publish new ads with contact details. </p>
            </div>
        </div>

        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box bg-white ">
                <h4><i class="fa fa-bar-chart-o"></i> </h4>
                <p class="intro"> Keep track of your favorite ads. </p>
            </div>
        </div>

    </div>
</div>


<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 col-xs-12">

            <div class="login">
                <h3 class="authTitle">Sign up or <a href="login.html">Login</a></h3>

                <form role="form">
                    <hr />
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="first_name" id="first_name" class="form-control input-lg" placeholder="First Name" tabindex="1">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="last_name" id="last_name" class="form-control input-lg" placeholder="Last Name" tabindex="2">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <input type="email" name="email" id="email" class="form-control input-lg" placeholder="Email Address" tabindex="4">
                    </div>

                    <div class="form-group">
                        <input type="text" name="phone" id="phone" class="form-control input-lg" placeholder="Phone Number" tabindex="3">
                    </div>


                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group">
                                <select id="gender" name="gender" class="form-control select2">
                                    <option value="">Select Gender</option>
                                    <option value="male">Male</option>
                                    <option value="female">Fe-Male</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group">
                                <select id="country" name="country" class="form-control select2">
                                    <option value="">Select a Country</option>
                                    <option value="male">Bangladesh</option>
                                    <option value="female">Canada</option>
                                </select>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="password" name="password" id="password" class="form-control input-lg" placeholder="Password" tabindex="5">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="password" name="password_confirmation" id="password_confirmation" class="form-control input-lg" placeholder="Confirm Password" tabindex="6">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-4 col-sm-3 col-md-3">
					<span class="button-checkbox">
						<label><input type="checkbox" name="agree" value="1" /> I Agree </label>
					</span>
                        </div>
                        <div class="col-xs-8 col-sm-9 col-md-9">
                            By clicking <strong class="label label-primary">Register</strong>, you agree to the <a href="#" data-toggle="modal" data-target="#t_and_c_m">Terms and Conditions</a> set out by this site, including our Cookie Use.
                        </div>
                    </div>

                    <hr />
                    <div class="row">
                        <div class="col-xs-12"><input type="submit" value="Register" class="btn btn-primary btn-block btn-lg" tabindex="7"></div>
                    </div>
                </form>




            </div>
        </div>
    </div>
</div>




<div class="footer">
    <div class="footer-top">
        <div class="container">
            <div class="row">

                <div class="col-md-3 col-sm-3 col-xs-12">
                    <div class="footer-widget">
                        <h4>About Us</h4>
                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                        <p><a href="#" role="button">View details &raquo;</a></p>
                    </div>
                </div>

                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="footer-widget footer-address">
                        <h4>Contact Us</h4>


                        <address>
                            <strong>Customer Company, Inc.</strong>
                            <br> <i class="fa fa-location-arrow"></i>
                            2/21 Barden Loop
                            <br>
                            Cupertino, CA 774636
                            <br><i class="fa fa-phone"></i>
                            <abbr title="Phone">P:</abbr>
                            (123) 456-7890
                        </address>
                        <address>
                            <strong>E-mail</strong>
                            <br> <i class="fa fa-envelope-o"></i>
                            <a href="mailto:#"> info@customer.com </a>
                        </address>

                    </div>
                </div>

                <div class="col-md-3 col-sm-3 col-xs-12">
                    <div class="footer-widget">
                        <h4>Quick Link</h4>
                        <ul class="footer-menu">
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Online Help</a></li>
                            <li><a href="#">Change Location</a></li>
                            <li><a href="#">FAQ’s</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-3 col-sm-3 col-xs-12">
                    <div class="footer-widget footer-newslatter">
                        <h4>Newslatter</h4>
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button"><i class="fa fa-arrow-circle-o-right"></i></button>
      </span>
                        </div><!-- /input-group -->
                        <p class="newslatter-infp"> Get most recent updates from us.</p>

                        <div class="social-icons">
                            <ul class="social-ul">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p class="pull-left">Copyright &copy; 2015 mhCart Classifieds. All rights reserved.</p>
                    <p class="pull-right"> A product of <a href="http://mhcode.com">mhCode</a> </p>
                </div>
            </div>
        </div>
    </div>

</div>




<script src="assets/js/vendor/jquery-1.11.2.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/select2-3.5.3/select2.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
