<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="section-heading scrollpoint sp-effect3"> <h1>Карьера</h1> <div class="divider"></div> <p>For more info and support, contact us!</p> </div> <div class="row"> <div class="col-md-12"> <div class="tabbable-panel"> <ul id="myTab" class="nav nav-tabs nav_tabs"> <li class="active"><a href="#tab_default_1" data-toggle="tab">DESCRIPTION</a></li> <li><a href="#tab_default_2" data-toggle="tab">PRODUCT INFO</a></li> </ul> <br> <div class="tab-content"> <div class="tab-pane active" id="tab_default_1"> <p><strong>Торговый агент</strong></p> <p> Требования: <br>- Опыт работы в сфере сбыта не менее 1 года <br>- Образование высшее или ср специальное <br>- Знание психологии и принципа продаж - Владение техникой мотивации клиентов к покупкам; <br>- Владение этикой делового общения <br>- Знание порядка заключения договоров купли-продажи и оформления необходимых документов; <br>- Опыт работы с первичной бухгалтерской документацией <br>- Знание ПК на уровне опытного пользователя <br>- Знание языков: высокий уровень государственных языков и разговорный английский (турецкий) <br>- Коммуникабельность, ответственность, вежливость.</p> <p><a class="btn btn-primary btn-lg" href="#tab_default_2" data-toggle="tab">Заполнить анкету</a> </p> </div> <div class="tab-pane" id="tab_default_2"> <div class="row"> <div class="col-md-4"> <form role="form"> <div class="form-group"> <input type="text" class="form-control" placeholder="Фамилия"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Имя"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Отчество"> </div> </form> </div> <! --/col-md-4 --> <div class="col-md-8"> <form role="form"> <div class="form-group"> <input type="text" class="form-control" placeholder="Место рождения"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Место проживания в данное время"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Место последней работы"> </div> </form> </div> <! --/col-md-8 --> <div class="col-md-4"> <form role="form"> <div class="form-group"> <input type="date" class="form-control" id="date" name="date" placeholder="Дата рождения"> </div> <div class="form-group"> <select class="form-control" id="status" name="status" placeholder="Статус"> <option>Женат/Замужем</option> <option>Холост/Не замужем</option> </select> </div> </form> </div> <! --/col-md-4 --> <div class="col-md-8"> <form role="form"> <div class="form-group"> <input type="text" class="form-control" placeholder="Телефон (сот., дом.)"> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Эл. адрес"> </div> </form> </div> <! --/col-md-4 --> <div class="col-md-12"> <form role="form"> <div class="form-group"> <textarea cols="30" rows="5" class="form-control" placeholder="Оставьте совой комментарий"></textarea> </div> <button type="submit" class="btn btn-primary btn-lg">Отправить</button> </form> </div> </div> </div><! --/tab-pane --> </div><! --/tabbable-content --> </div><! --/tabbable-panel --> </div><! --/col-md-12 --> </div><! --/row --> </div><! --/container -->

/*** Bootstrap Line Tabs by @keenthemes A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme Licensed under MIT ***/ /* Tabs panel */ .tabbable-panel { border:1px solid #eee; padding: 10px; } /* Default mode */ .tabbable-line > .nav-tabs { border: none; margin: 0px; } .tabbable-line > .nav-tabs > li { margin-right: 2px; } .tabbable-line > .nav-tabs > li > a { border: 0; margin-right: 0; color: #737373; } .tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #fbcdcf; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333333; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #f3565d; position: relative; } .tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333333; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .tab-content { margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .portlet .tabbable-line > .tab-content { padding-bottom: 0; }