contacts.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Модельное агенство Beautiful Models</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/colorbox.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <div class="wrapper">

      <!-- Header -->
      <header class="header">
        <nav class="navbar navbar-default">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <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">
                <img src="img/logo.png" class="img-responsive" alt="">
              </a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">Главная<span class="sr-only">(current)</span></a></li>
                <li><a href="services.html">Наши услуги</a></li>
                <li><a href="models.html">Наши модели</a></li>
                <li class="active"><a href="contacts.html">Связаться с нами</a></li>
                <li><a href="about.html">О нас</a></li>
              </ul>            
            </div>
          </div>
        </nav>      
      </header>
      <!-- End of Header  -->

      <section class="content">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 contact_form">
              <h1>Свяжитесь с нами:</h1>
              <form>
                <div class="form-group contact_name">
                  <label for="phone">Имя:</label>
                  <input type="text" class="form-control" id="phone" placeholder="Ваше имя">
                </div>
                <div class="form-group contact_email">
                  <label for="email">Email:</label>
                  <input type="email" class="form-control" id="email" placeholder="Ваш e-mail адрес">
                </div>
                <div class="form-group contact_phone">
                  <label for="phone">Ваш телефон:</label>
                  <input type="phone" class="form-control" id="phone" placeholder="Ваш контактный телефон">
                </div>
                <div class="form-group contact_type_order">
                  <label for="type-order">Тип заявки:</label>
                  <select class="form-control" id="type-order">
                    <option>Ищу</option>
                    <option>Предлагаю</option>
                    <option>Обучение</option>
                  </select>
                </div>                
                <div class="form-group contact_about">
                  <label for="about">О себе:</label>
                  <textarea class="form-control" rows="5" id="about" placeholder="Напишите о себе"></textarea>
                </div>
                <!-- <div class="form-group contact_fotos">
                  <label for="fotos">Ваше фото:</label>
                  <input type="file" id="fotos" multiple>
                  <p class="help-block">Вы можете выбрать несколько фото.</p>
                </div> -->                
                <button type="submit" class="btn btn-default contact_submit">Отправить</button>
              </form>              
            </div>
            <div class="col-sm-6 contact_map">
              <h1>Наши контакты:</h1>
              <iframe class="contact_google_map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2540.164928703029!2d30.43601231521851!3d50.4566533947997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cc30b5ed4a79%3A0x894e9c0fd9eceaca!2z0L_RgNC-0YHQvy4g0J_QtdGA0LXQvNC-0LPQuCwgNTYsINCa0LjRl9Cy!5e0!3m2!1sru!2sua!4v1451583730761" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
              <div class="contact_address">
                <p class="contact_address_h">Наш адрес:</p>
                <p class="contact_address_our">Просп. Победы, 56</p>
                <p class="contact_address_city-zip">Киев, 03058</p>
                <p class="contact_address_phone">050-212-52-70 (Алексей)</p>
                <p class="contact_address_email"><a href="mailto:nadegda.sdacha@ukr.net">nadegda.sdacha@ukr.net</a></p>
              </div>
            </div>     
          </div>
        </div>
      </section>

      <footer class="footer">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 copyright">
              <ul class="list-unstyled">
                <li>Модельное агенство Beautiful Models <i class="fa fa-copyright"></i> 2015</li>
              </ul>
            </div>
            <div class="col-sm-6 contacts">
              <dl class="dl-horizontal">
                <dt><i class="fa fa-phone"></i></dt>
                <dd>050-212-52-70</dd>
                <dt><i class="fa fa-envelope"></i></i></dt>
                <dd>nadegda.sdacha@ukr.net</dd>
              </dl>
            </div>
          </div>
        </div>
      </footer>

    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.colorbox-min.js"></script>
    <script src="js/core.js"></script>
  </body>
</html>