-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
606 lines (593 loc) · 30.1 KB
/
index.html
1
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="css/colors.css"> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css"> <meta charset="utf-8"> <style type="text/css">body{ font-family: HelRom; } @font-face { font-family: HelRom; /* Имя шрифта */ src: url(HNRq.otf); /* Путь к файлу со шрифтом */ } @font-face { font-family: HelUL; /* Имя шрифта */ src: url(HNRo.otf); /* Путь к файлу со шрифтом */ } @font-face { font-family: B; /* Имя шрифта */ src: url(HB.otf); /* Путь к файлу со шрифтом */ } @font-face { font-family: I; /* Имя шрифта */ src: url(HI.otf); /* Путь к файлу со шрифтом */ } @font-face { font-family: HelT; /* Имя шрифта */ src: url(HNR.otf); /* Путь к файлу со шрифтом */ } i{ font-family: I; } b{ font-family: B; } h1{ font-family: HelUL; } h4{ margin: auto; text-align: center; font-size: 23px; font-family: HelT; } div{ margin-left: 1%; } .none{ display: none; color: black; } .none:hover{ display: block!important; } .p{ margin: 15%; text-align: center; } .padding{ padding: 1%!important; } p{ font-size: 21px!important; font-weight: 200!important; } .unsee{ position: absolute; margin-top: 22%; } .row{ margin-top: 1%; margin-left: 1%; } .margin{ margin-top: 2%; } .margin_2{ margin-top: 0%; } h1{ margin: auto; text-align: center; font-size: 68px; } .img{ margin-top: 2%; } a{ font-weight: bold; } a:visited{ font-weight: bold; } .wide{ width: 100%; } #FAQm, #FAQ{ width: 90%; } </style> </head> <body class="bg-silver"> <div class="row"> <h1>Семейный психолог</h1> <div class="col-lg-3 margin padding well"> <p> <small>Имя:</small> Виктория<br/> <small>Фамилия:</small> Надыкто<br/> <small>Профессия:</small> психолог<br/> <small>Стаж работы:</small> 11 лет<br/> <small>Место работы: </small> <br />реабилитационный центр,<br /> частная практика </p> </div> <div class="col-lg-4 img well"> <img class="img-responsive img-rounded" src="images/42.jpg"> </div> <div class="col-lg-3 visible-lg unsee padding well"> <p> <a href="#" data-toggle="modal" data-target="#myModal"> Галерея</a><br /> <a href="#" data-toggle="modal" data-target="#FAQm"> Вопросы и ответы</a><br> <a href="skype:vika7007?call">Skype</a><br /> <a href="http://nadykto.livejournal.com/">Статьи(ЖЖ)</a> </p> </div> <div class="col-lg-4 margin well"> <blockquote> <p>Свой стиль работы я определяю, как «<a href="#" data-toggle="modal" data-target="#Present">Проводник</a>».</p> </blockquote> </div> <div class="col-lg-4 well"> <p> <a href="https://www.google.com/calendar/hosted/psy-help.in.ua/embed?showTitle=0&showNav=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=WEEK&height=480&wkst=2&hl=ru&bgcolor=%23FFFFFF&src=vika%40psy-help.in.ua&color=%232952A3&src=uk.ukrainian%23holiday%40group.v.calendar.google.com&color=%23A32929&ctz=Europe%2FKiev">Мой рабочий календарь</a><br /> телефон: (+380 50) 469 — 44 — 86 <br /> <iframe class="img-responsive" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.ua/maps?f=q&source=s_q&hl=ru&geocode=&q=%D1%83%D0%BB.%D0%A1%D0%B0%D0%B3%D0%B0%D0%B9%D0%B4%D0%B0%D1%87%D0%BD%D0%BE%D0%B3%D0%BE,8+%D0%9A%D0%B8%D0%B5%D0%B2+&aq=&sll=47.962617,33.421775&sspn=0.00944,0.024397&t=h&gl=ua&ie=UTF8&hq=&hnear=%D0%B2%D1%83%D0%BB.+%D0%9F%D0%B5%D1%82%D1%80%D0%B0+%D0%A1%D0%B0%D0%B3%D0%B0%D0%B9%D0%B4%D0%B0%D1%87%D0%BD%D0%BE%D0%B3%D0%BE,+8,+%D0%9A%D0%B8%D1%97%D0%B2,+%D0%BC%D1%96%D1%81%D1%82%D0%BE+%D0%9A%D0%B8%D1%97%D0%B2&z=14&iwloc=A&ll=50.460044,30.523649&output=embed"></iframe><br /><small><a href="https://maps.google.com.ua/maps?f=q&source=embed&hl=ru&geocode=&q=%D1%83%D0%BB.%D0%A1%D0%B0%D0%B3%D0%B0%D0%B9%D0%B4%D0%B0%D1%87%D0%BD%D0%BE%D0%B3%D0%BE,8+%D0%9A%D0%B8%D0%B5%D0%B2+&aq=&sll=47.962617,33.421775&sspn=0.00944,0.024397&t=h&gl=ua&ie=UTF8&hq=&hnear=%D0%B2%D1%83%D0%BB.+%D0%9F%D0%B5%D1%82%D1%80%D0%B0+%D0%A1%D0%B0%D0%B3%D0%B0%D0%B9%D0%B4%D0%B0%D1%87%D0%BD%D0%BE%D0%B3%D0%BE,+8,+%D0%9A%D0%B8%D1%97%D0%B2,+%D0%BC%D1%96%D1%81%D1%82%D0%BE+%D0%9A%D0%B8%D1%97%D0%B2&z=14&iwloc=A&ll=50.460044,30.523649" style="color:#0000FF;text-align:left">Просмотреть увеличенную карту</a></small> <p class="hidden-lg"> <a href="#" data-toggle="modal" data-target="#myModal"> Галерея</a><br /> <a href="#" data-toggle="modal" data-target="#FAQm"> Вопросы и ответы</a><br> <a href="skype:vika7007?call">Skype</a><br /> <a href="http://nadykto.livejournal.com/">Статьи(ЖЖ)</a> </p> </p> </div> </div> <div class="modal fade" id="Present" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Презентация</h4> </div> <div class="modal-body"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators none"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <p class="p"> Добрый день.<br /> У каждого человека, в жизни бывают моменты, когда жизнь кажется невыносимой </p> <div class="none carousel-caption"> 1 </div> </div> <div class="item"> <p class="p"> выбор невозможным </p> <div class="none carousel-caption"> 2 </div> </div> <div class="item"> <p class="p"> проблемы с родными нерешаемыми. </p> <div class="none carousel-caption"> 3 </div> </div> <div class="item"> <p class="p"> В такие моменты можно:<br /> — потерпеть, а вдруг все само пройдет </p> <div class="none carousel-caption"> 4 </div> </div> <div class="item"> <p class="p"> — «грузить» близких, пока они не начнут избегать </p> <div class="none carousel-caption"> 5 </div> </div> <div class="item"> <p class="p"> <b>— или обратится к специалисту.</b> </p> <div class="none carousel-caption"> 6 </div> </div> <div class="item"> <p class="p"> Давайте знакомиться. </p> <div class="none carousel-caption"> 7 </div> </div> <div class="item"> <p class="p"> Меня зовут Виктория Надыкто. Стаж работы 11 лет. </p> <div class="none carousel-caption"> 8 </div> </div> <div class="item"> <p class="p"> Работаю с семьей, а также индивидуально. Сертифицированный системный семейный психолог. Работаю психологом в реабилитационном центре «Нове життя» (подростки с заболеванием ДЦП). Занимаюсь частной практикой. </p> <div class="none carousel-caption"> 9 </div> </div> <div class="item"> <p class="p"> Основной принцип моей работы «экологичность». </p> <div class="none carousel-caption"> 10 </div> </div> <div class="item"> <p class="p"> — искренний интерес к клиенту, а также уважение к его проблеме. </p> <div class="none carousel-caption"> 11 </div> </div> <div class="item"> <p class="p"> Свой стиль работы определяю, как «Проводник». </p> <div class="none carousel-caption"> 12 </div> </div> <div class="item"> <p class="p"> У клиента есть цель, и желание идти, а Проводник выбирает наиболее подходящий путь и сопровождает в этом пути. </p> <div class="none carousel-caption"> 13 </div> </div> <div class="item"> <p class="p"> <b>С уважением, Надыкто Виктория</b> </p> <div class="none carousel-caption"> 14 </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> </div> </div> </div> <div class="modal fade" id="FAQm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content wide"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Вопросы, которые часто задают</h4> </div> <div class="modal-body"> <div id="FAQ" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#FAQ" data-slide-to="0" class="active"></li> <li data-target="#FAQ" data-slide-to="1"></li> <li data-target="#FAQ" data-slide-to="2"></li> <li data-target="#FAQ" data-slide-to="3"></li> <li data-target="#FAQ" data-slide-to="4"></li> <li data-target="#FAQ" data-slide-to="5"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <p class="p"> <i>Кто такие психологи? Чем они отличаются от психиатров? И при чем здесь психотерапевты?</i><br /> Психологи — это общее название для людей, чья профессия, так или иначе, связана с психологией. Это и преподаватели в вузах, и тренеры, которые проводят бизнес-тренинги и те же психотерапевты, и психологи, которые работают в командах политиков и т. д. Учебная база одна, а где себя человек найдет, зависит от личной направленности. Психотерапевт, тот, кто помогает психически здоровым людям, в момент сложной для этих людей жизненной ситуации. Инструмент психотерапевта: беседа, тесты, упражнения из тех или иных психотерапевтических техник. Психиатр обязательно имеет медицинское образование. Работает с психически нездоровыми людьми, использует медикаменты. В некоторых ситуациях психиатр работает с больным в период обострения, а психотерапевт в период ремиссии.<br /> </p> <div class="carousel-caption"> 1 </div> </div> <div class="item"> <p class="p"> <i>Зачем мне нужен психолог, если у меня есть подруги?</i><br /> Что общего у подруги и психотерапевта? То, что мы хотим быть выслушанными. Разница во всем остальном. Психотерапевт не просто слушает, а направляет беседу так, чтобы вы, проговаривая ситуацию, смогли понять, из-за чего она возникла. Вы не получает готовый совет, но видите проблему, с ракурса раннее недоступного. От подруги мы ждем сочувствия и понимания. Поэтому, когда вы жалуетесь подруге, что ребенок вам хамит, то вероятней всего получите утешение: «Они в этом возрасте все такие». Не конструктивно. Психотерапевт поможет понять, что случилось, что ребенок стал хамить. И что сделать, чтобы перестал. Другими словами, если хотите, чтобы вас пожалели — идите к подруге. Хотите решить проблему, идите к психотерапевту. Есть еще аспект этический: часто бывает так — мы идем к одной подруге, и становимся темой для обсуждения всех остальных.<br /> </p> <div class="carousel-caption"> 2 </div> </div> <div class="item"> <p class="p"> <i>Если Вы такой специалист, почему не можете помочь на первой встрече?</i><br /> Первая встреча — это знакомство и установление запроса, когда из наслоения обид, переживаний, впечатлений, вычленяется тема проблемы. Иногда человеку бывает достаточно осознать, что является реальной проблемой, чтобы двигаться самому дальше. Но чаще всего бывает так, что проблема, как клубок спутанных нитей. И терапия — это тонкий душевный труд, распутывания такого комка. Чем больше нитей в клубке, тем дольше работа. Поэтому и рекомендуется 6-10 встреч для того, чтобы получить изменения, осознать их, закрепить в жизни. Работая с подростком, вношу в контракт условие, чтобы встреч было не меньше 5. У детей психика мобильная, изменения происходят быстро — после одной, двух встреч. Если на этой стадии выдернуть ребенка из терапии, то новый опыт не закрепиться и как появился быстро, так быстро и пропадет. <br /> </p> <div class="carousel-caption"> 3 </div> </div> <div class="item"> <p class="p"> <i>Может ли повредить психотерапия?</i><br /> Повредить может в двух случаях. Когда психолог лечит психиатрические заболевания. Например, человека на ранней стадии шизофрении, при анорексии, в глубокой депрессии.. Психиатрические заболевание надо лечить медикометозно, соблюдая рекомендации психиатра и под его наблюдением. Второе, когда у психолога профессиональное выгорание. Делает все механически, не прислушивается к состоянию клиента. <br /> Во всех остальных случаях, даже, если Вам не понравилось, как работает терапевт, он Вам не навредит. Но! Даже хороший психолог вам может понравиться или не понравиться, как любой другой специалист. Вы или захотите открыться или поймете, что это не ваш «психотерапевт», вы ему не доверяете. Тогда стоит подыскать другого специалиста. Что поделать? «Не все йогурты одинаково полезны»/<br /> <br /> </p> <div class="carousel-caption"> 4 </div> </div> <div class="item"> <p class="p"> <i>Как найти своего психотерапевта?</i><br /> Психотерапевт — это специалист, который Вас поддержит и поможет разобраться в нелегкой ситуации. Поэтому стоит потратить время, чтобы найти человека, с которым Вы пройдете путь изменений. Итак, если проблемы с маленьким ребенком, то лучше идти к детскому психологу. Если проблемы во взаимоотношениях, то к семейному или системному психологу. Если Вы нацелены быстро получить результат, то это к НЛП. Людям творческим подойдет сказкотерапия или символдрама. Послушайте рекомендации о человеке, посмотрите фотографию специалиста, почитайте, что он написал. Прислушайтесь к себе — Вам хочется общаться с этим человеком? Если да, то звоните. <br /> <br /> </p> <div class="carousel-caption"> 5 </div> </div> <div class="item"> <p class="p"> <i>И напоследок, любимый мною вопрос: «А где кушетка?»</i> <br /> У меня кушетки нет. Но есть кресла. Удобные. Обычно психотерапия ассоциируется, с одним из методов психотерапии — классическим психоанализом. Кстати, по легенде Фрейд придумал, чтобы клиент лежал на кушетке с закрытыми глазами, потому что он (Фрейд) не любил смотреть в глаза собеседнику. Сегодня существует множество работающих методов психотерапии. Создаются новые. Главное желание и готовность человека к изменениям. Нерешенная проблема — это как болезнь, что мешает организму жить в полную силу. Конечно, можно и болезнь сделать частью своей жизни, но иногда человек расплачивается всей жизнью за право болеть...<br /> <b>С вами была семейный психотерапевт Виктория Надыкто</b><br /> </p> <div class="carousel-caption"> 6 </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#FAQ" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#FAQ" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> </div> </div> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Галерея</h4> </div> <div class="modal-body"> <h4>Нове життя</h4> <div id="Gallery" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#Gallery" data-slide-to="0" class="active"></li> <li data-target="#Gallery" data-slide-to="1"></li> <li data-target="#Gallery" data-slide-to="2"></li> <li data-target="#Gallery" data-slide-to="3"></li> <li data-target="#Gallery" data-slide-to="4"></li> <li data-target="#Gallery" data-slide-to="5"></li> <li data-target="#Gallery" data-slide-to="6"></li> <li data-target="#Gallery" data-slide-to="7"></li> <li data-target="#Gallery" data-slide-to="8"></li> <li data-target="#Gallery" data-slide-to="9"></li> <li data-target="#Gallery" data-slide-to="10"></li> <li data-target="#Gallery" data-slide-to="11"></li> <li data-target="#Gallery" data-slide-to="12"></li> <li data-target="#Gallery" data-slide-to="13"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="images/nj/001.jpg" alt="Нове життя"> <div class="carousel-caption"> 1 </div> </div> <div class="item"> <img src="images/nj/002.jpg" alt="Нове життя"> <div class="carousel-caption"> 2 </div> </div> <div class="item"> <img src="images/nj/003.jpg" alt="Нове життя"> <div class="carousel-caption"> 3 </div> </div> <div class="item"> <img src="images/nj/004.jpg" alt="Нове життя"> <div class="carousel-caption"> 4 </div> </div> <div class="item"> <img src="images/nj/005.jpg" alt="Нове життя"> <div class="carousel-caption"> 5 </div> </div> <div class="item"> <img src="images/nj/006.jpg" alt="Нове життя"> <div class="carousel-caption"> 6 </div> </div> <div class="item"> <img src="images/nj/007.jpg" alt="Нове життя"> <div class="carousel-caption"> 7 </div> </div> <div class="item"> <img src="images/nj/008.jpg" alt="Нове життя"> <div class="carousel-caption"> 8 </div> </div> <div class="item"> <img src="images/nj/009.jpg" alt="Нове життя"> <div class="carousel-caption"> 9 </div> </div> <div class="item"> <img src="images/nj/010.jpg" alt="Нове життя"> <div class="carousel-caption"> 10 </div> </div> <div class="item"> <img src="images/nj/011.jpg" alt="Нове життя"> <div class="carousel-caption"> 11 </div> </div> <div class="item"> <img src="images/nj/012.jpg" alt="Нове життя"> <div class="carousel-caption"> 12 </div> </div> <div class="item"> <img src="images/nj/013.jpg" alt="Нове життя"> <div class="carousel-caption"> 13 </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#Gallery" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#Gallery" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <h4>Семинары</h4> <div id="Sem" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#Sem" data-slide-to="0" class="active"></li> <li data-target="#Sem" data-slide-to="1" class=""></li> <li data-target="#Sem" data-slide-to="2" class=""></li> <li data-target="#Sem" data-slide-to="3" class=""></li> <li data-target="#Sem" data-slide-to="4" class=""></li> <li data-target="#Sem" data-slide-to="5" class=""></li> <li data-target="#Sem" data-slide-to="6" class=""></li> <li data-target="#Sem" data-slide-to="7"></li> <li data-target="#Sem" data-slide-to="8" class=""></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="images/s/001.jpg" alt="Семинары"> <div class="carousel-caption"> 1 </div> </div> <div class="item"> <img src="images/s/002.jpg" alt="Семинары"> <div class="carousel-caption"> 2 </div> </div> <div class="item"> <img src="images/s/003.jpg" alt="Семинары"> <div class="carousel-caption"> 3 </div> </div> <div class="item"> <img src="images/s/004.jpg" alt="Семинары"> <div class="carousel-caption"> 4 </div> </div> <div class="item"> <img src="images/s/005.jpg" alt="Семинары"> <div class="carousel-caption"> 5 </div> </div> <div class="item"> <img src="images/s/006.jpg" alt="Семинары"> <div class="carousel-caption"> 6 </div> </div> <div class="item"> <img src="images/s/007.jpg" alt="Семинары"> <div class="carousel-caption"> 7 </div> </div> <div class="item"> <img src="images/s/008.jpg" alt="Семинары"> <div class="carousel-caption"> 8 </div> </div> <div class="item"> <img src="images/s/009.jpg" alt="Семинары"> <div class="carousel-caption"> 9 </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#Sem" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#Sem" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> </div> </div> </div> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.js"></script> <script type="text/javascript"> $('.carousel').carousel({ interval: 20000 }); </script> </body></html>