<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<header id="page-top">
<div class="container">
<div class="row">
<div class="col-lg-12">
<i style="font-size:72px;">SERVEY</i>
<img class="img-responsive" src="" alt="">
<div class="intro-text">
<span class="name">Гарантируем качественную услугу </span>
<hr class="star-light">
<p class="skills">Люди доверяют людям</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-8">
<form class="card card-sm">
<div class="card-body row no-gutters align-items-center">
<div class="input-group-btn search-panel">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span id="search_concept">Город</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#contains">Contains</a></li>
</ul>
</div>
<!--end of col-->
<div class="col">
<input class="form-control form-control-lg form-control-borderless" type="search" placeholder="Поиск услуги на SERVEY">
</div>
<!--end of col-->
<div class="col-auto">
<button class="btn btn-info" type="submit">Найти</button>
</div>
<!--end of col-->
</div>
</form>
</div>
<!--end of col-->
</div>
</div>
</header>
<div class="box">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" class="btn btn-price btn-success btn-lg" style="background: #f2f2f2;">
<div class="box-part text-center">
<div class="title">
<h4>Узнать потребности клиентов</h4>
</div>
<div class="text">
<span>Проводим анализ рынка потребностей и выявляем потребности покупателей в различных категориях. На основании этого анализа исполнитель сможет пересмотреть или откорректировать перечень своих услуг.</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" class="btn btn-price btn-success btn-lg" style="background: #f2f2f2;">
<div class="box-part text-center">
<div class="title">
<h4>Реклама</h4>
</div>
<div class="text">
<span>Размещение вашей рекламы и её продвижение</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" class="btn btn-price btn-success btn-lg" style="background: #f2f2f2;">
<div class="box-part text-center">
<div class="title">
<h4>Отслеживание</h4>
</div>
<div class="text">
<span>Просмотр статуса исполнения услуги</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" class="btn btn-price btn-success btn-lg" style="background: #f2f2f2;">
<div class="box-part text-center">
<div class="title">
<h4>Предоставление услуг</h4>
</div>
<div class="text">
<span>Перечень услуг по различным категориям</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" class="btn btn-price btn-success btn-lg" style="background: #f2f2f2;">
<div class="box-part text-center">
<div class="title">
<h4>Гарант исполнения услуг</h4>
</div>
<div class="text">
<span>Гарантируем своевременное исполнение услуг посредством смарт-контракта</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" class="btn btn-price btn-success btn-lg" style="background: #f2f2f2;">
<div class="box-part text-center">
<div class="title">
<h4>"Тайный покупатель"</h4>
</div>
<div class="text">
<span>Тестирование качество ваших услуг</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<h2>Популярные виды услуг</h2>
</div>
<div class="col-md-6 col-md-offset-3">
<div class="card">
<div class="card-image">
<img class="img-responsive" src="https://trademaster.ua/im/pics/7437409-marketing.png">
<span class="card-title">Material Cards</span>
</div>
<div class="card-content">
<p>Маркетинг</p>
</div>
<div class="card-action">
<button class="btn btn-info" type="submit">Перейти</button>
</div>
</div>
</div>
<div class="col-md-6 col-md-offset-3">
<div class="card">
<div class="card-image">
<img class="img-responsive" src="https://tehmo.com/uploads/publ/4rupp2/main_windows-10_p.jpg">
<span class="card-title">Material Cards</span>
</div>
<div class="card-content">
<p>Администрирование</p>
</div>
<div class="card-action">
<button class="btn btn-info" type="submit">Перейти</button>
</div>
</div>
</div>
<div class="col-md-6 col-md-offset-3">
<div class="card">
<div class="card-image">
<img class="img-responsive" src="https://gursesintour.com/wp-content/uploads/2020/05/tpe.jpg">
<span class="card-title">Material Cards</span>
</div>
<div class="card-content">
<p>Строительство</p>
</div>
<div class="card-action">
<button class="btn btn-info" type="submit">Перейти</button>
</div>
</div>
</div>
<div class="col-md-6 col-md-offset-3">
<div class="card">
<div class="card-image">
<img class="img-responsive" src="https://steemitimages.com/p/3HaJVw3AYyXB2t6VCd5anJ1txYTbCAHKNhJSrUWrx21p8QtiQSFoFZWPdQywKemmZ4C9dgbpdTGfVbQFroMHPaf4UY7vKeu2fSH4ePY?format=match&mode=fit&width=640">
<span class="card-title">Material Cards</span>
</div>
<div class="card-content">
<p>Разработка ПО</p>
</div>
<div class="card-action">
<button class="btn btn-info" type="submit">Перейти</button>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row destacados">
<div class="col-md-12">
<div>
<h2>Набери себе зарплату. Стань независимым. Всегда будут заказы.</h2>
<br><br>
<a href="#" class="btn btn-info" title="Enlace">Стань специалистом »</a>
</div>
</div>
<div class="col-md-12">
<div>
<h2>Набери исполнителей в проект. Получи качественные услуги. Гарантия исполнения услуги.</h2>
<br><br>
<a href="#" class="btn btn-info" title="Enlace">Найти исполнителя »</a>
</div>
</div>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active" style="background-image: url('https://3.bp.blogspot.com/-_7vaKiNZPXk/XCWoF-0xj7I/AAAAAAAAAMk/Bx7Ne5WLEvINHPDoG1jwY6rGO2d62pprwCKgBGAs/s1600/ux-design.jpeg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">First Slide</h2>
<p class="lead">This is a description for the first slide.</p>
</div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('https://4.bp.blogspot.com/-InDD3Hm_bhU/XB4_TK3TT7I/AAAAAAAAAJ4/r5tUeCOqq1MTchFh7D7pWdf582A4qYIIwCEwYBhgL/s1600/Businesswoman-working-at-a-computer-1280x720.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Second Slide</h2>
<p class="lead">This is a description for the second slide.</p>
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('https://1.bp.blogspot.com/-GWl5F8P4t-8/XB4_VV4VE5I/AAAAAAAAAKE/SmHRzas-LpMpDBoLn6otR9AznVsr6L7OgCEwYBhgL/s1600/t1larg.africa.cnn.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Third Slide</h2>
<p class="lead">This is a description for the third slide.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="card col-md-7 mt-5 mb-5 my-0 mx-auto">
<div class="row heading heading-icon">
<h2>Отзывы</h2>
</div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="100000">
<div class="w-150 carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3">
<img src="https://sun1-93.userapi.com/s/v1/if2/3gB7aAzyPX7d7VypeiBrQYWJnaNnNL9Eu26LqF7MirYcKLG7VGBnKVS6zvJU1NGHrvi1Wrs1KKRIwB4cMdRoC0nO.jpg?size=200x0&quality=96&crop=70,0,400,400&ava=1" alt="" class="rounded-circle img-fluid"/>
</div>
<div class="col-sm-9">
<h3>Gives me hope</h3>
<small>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</small>
<small class="smallest mute">- Yayo Dudemous</small>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3">
<img src="https://sun1-97.userapi.com/s/v1/if1/C79DchsBga7lzvFEH7z8fY1XzBKd_-2b6o_y4wMLFYKtaVGp786xHpvgph4F_1o4fC8fzLxZ.jpg?size=200x0&quality=96&crop=312,0,446,446&ava=1" alt="" class="rounded-circle img-fluid">
</div>
<div class="col-sm-9">
<h3>You will love it.</h3>
<small>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</small>
<small class="smallest mute">- Yayo Dudemous</small>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3">
<img src="https://ii.cdn.tf/u101310308/r200x-/27:1a060mo.jpg" alt="" class="rounded-circle img-fluid">
</div>
<div class="col-sm-9">
<h3>Velvet pouch!</h3>
<small>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</small>
<small class="smallest mute">- Yayo Dudemous</small>
</div>
</div>
</div>
</div>
</div>
<div class="float-right navi">
<a class="" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon ico" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon ico" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<section class="our-webcoderskull padding-lg">
<div class="container">
<div class="row heading heading-icon">
<h2>Наша команда</h2>
</div>
<ul class="row">
<li class="col-12 col-md-6 col-lg-4">
<div class="cnt-block equal-hight" style="height: 349px;">
<figure><img src="https://psv4.userapi.com/c536132/u382299273/docs/d17/1fbddb49a94e/ya.png?extra=uReulgYgaRmBrqzagOHJUprPxSGX6vfyl0XRdMpNsmFxrz_a8oJbFz3p-EcW_A-V8dW-EQ18gnNA-QjSpRq_PKiFK046ittn1xjBX6JSIGsjudhWAo7Xl9LghRzrC7C3osE_OhkFg20IBbSpG7ywLoGWf-4" class="img-responsive" alt=""></figure>
<h3><a href="http://www.webcoderskull.com/" style="">Лидер группы</a></h3>
<p>Организация работы над продуктом и не только</p>
<ul class="follow-us clearfix">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</li>
<li class="col-12 col-md-6 col-lg-4">
<div class="cnt-block equal-hight" style="height: 349px;">
<figure><img src="https://sun9-5.userapi.com/impg/cCX_jBdpzMmufRR-hYcazZWRzzVp17Ft5T5wSw/M-LnlLv1Ohs.jpg?size=2157x2160&quality=96&sign=2a52539404eabc8f44a3ba6d73ccb287&type=album" class="img-responsive" alt=""></figure>
<h3><a href="#">Маркетолог</a></h3>
<p>Работа с аудиторией и контроль за презентацией</p>
<ul class="follow-us clearfix">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</li>
<li class="col-12 col-md-6 col-lg-4">
<div class="cnt-block equal-hight" style="height: 349px;">
<figure><img src="https://sun9-64.userapi.com/impg/RlgyETeA8F_OGH5TVm6iJhAlmrkaYEwOT469TQ/MYUnPEqvp4Y.jpg?size=2157x2160&quality=96&sign=f692ae8eb869e16aa96babfa2c10c58b&type=album" alt=""></figure>
<h3><a href="http://www.webcoderskull.com/">Сисадмин</a></h3>
<p>Отладка системы и контроль за кодами</p>
<ul class="follow-us clearfix">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</li>
<li class="col-12 col-md-6 col-lg-6">
<div class="cnt-block equal-hight" style="height: 349px;">
<figure><img src="https://psv4.userapi.com/c536132/u382299273/docs/d49/8a039593b098/Sanya.png?extra=g_cbpLY8FEmmqbB0bfbh8VoJOygErPX9V-mDpyTjN-XiR3RHpWkq0RYAweY0uKe6q955E0ul1Fzo4egGfj3opo-VGM9WuubPT3Y_0n_M25M40ryWj1FsTIZUkgS1XNqD1P8nxL1xhLY3hIIfIqEkD8VkZ1w" class="img-responsive" alt=""></figure>
<h3><a href="http://www.webcoderskull.com/">Разработчик</a></h3>
<p>Руководит данными и структурой проекта</p>
<ul class="follow-us clearfix">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</li>
<li class="col-12 col-md-6 col-lg-50">
<div class="cnt-block equal-hight" style="height: 349px;">
<figure><img src="https://psv4.userapi.com/c536132/u382299273/docs/d21/197c4d1d9257/Roman.png?extra=F_zlZAto1nJp2KEiqr4NB5aDZ2HN17g-3xNTDgg_VBLuyYylEK8vXAByV5N9lvfHHSQr9Wih1aGU8ISVtYjYHTo5W6a4ZtJrnd22mmy2oMxozMRLp9LyT9rdsQGKQS9O-vOUfKv6T64P0hrmGBIXQo7EQ7E" class="img-responsive" alt=""></figure>
<h3><a href="http://www.webcoderskull.com/">Разработчик</a></h3>
<p>Создаёт внешний вид и интерфейс</p>
<ul class="follow-us clearfix">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</li>
</ul>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="container">
<div class="row text-center text-xs-center text-sm-left text-md-left">
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Videos</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Videos</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="https://wwwe.sunlimetech.com" title="Design and developed by"><i class="fa fa-angle-double-right"></i>Imprint</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
<ul class="list-unstyled list-inline social text-center">
<li class="list-inline-item"><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.fiverr.com/share/qb8D02"><i class="fa fa-google-plus"></i></a></li>
<li class="list-inline-item"><a href="https://www.fiverr.com/share/qb8D02" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
<hr>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white">
<p><u><a href="https://www.nationaltransaction.com/">National Transaction Corporation</a></u> is a Registered MSP/ISO of Elavon, Inc. Georgia [a wholly owned subsidiary of U.S. Bancorp, Minneapolis, MN]</p>
<p class="h6">© All right Reversed.<a class="text-green ml-2" href="https://www.sunlimetech.com" target="_blank">Sunlimetech</a></p>
</div>
<hr>
</div>
</div>
</section>
<!-- ./Footer -->
body{
background: #eee;
margin: 0;
}
header {
text-align: center;
color: #fff;
background: #17a2b8;
width:100%;
z-index: 1;
height: 85%;
overflow: hidden;
top: 0;
left: 0;
}
header .container {
padding-top: 150px;
padding-bottom: 50px;
}
header img {
display: block;
margin: 0 auto 20px;
}
header .intro-text .name {
display: block;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 2em;
font-weight: 700;
}
header .intro-text .skills {
font-size: 1.25em;
font-weight: 300;
}
span{
font-size:15px;
}
a{
text-decoration:none;
color: #0062cc;
border-bottom:2px solid #0062cc;
}
.form-control-borderless {
border: none;
}
.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
outline: none;
box-shadow: none;
}
.box{
padding:60px 0px;
}
.box-part{
background: #fff;
border-radius:0;
padding:60px 10px;
margin:30px 0px;
height: 300px;
border-radius: 10px;
}
.text{
margin:20px 0px;
}
.fa{
color:#4183D7;
}
/*---*/
.card {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.card {
margin-top: 10px;
box-sizing: border-box;
border-radius: 2px;
background-clip: padding-box;
}
.card span.card-title {
color: #fff;
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
}
.card .card-image {
position: relative;
overflow: hidden;
}
.card .card-image img {
border-radius: 2px 2px 0 0;
background-clip: padding-box;
position: relative;
z-index: 1;
}
.card .card-image span.card-title {
position: absolute;
bottom: 0;
left: 0;
padding: 16px;
}
.card .card-content {
padding: 16px;
border-radius: 0 0 2px 2px;
background-clip: padding-box;
box-sizing: border-box;
}
.card .card-content p {
margin: 0;
color: inherit;
}
.card .card-content span.card-title {
line-height: 48px;
}
.card .card-action {
border-top: 1px solid rgba(160, 160, 160, 0.2);
padding: 16px;
}
/*---*/
.carousel-item {
height: 500px;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*---*/
.destacados{
padding: 20px 0;
text-align: center;
height: 500px;
}
.destacados > div > div{
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
transition: 0.2s;
}
.destacados > div:hover > div{
margin-top: -10px;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.1);
transition: 0.5s;
}
/*---*/
/* Carousel */
.card .carousel-item {
height: 200px;
min-height: 275px;
}
.card .carousel-caption {
padding: 0;
right: 0;
left: 0;
color: #3d3d3d;
}
.card .carousel-caption h3 {
color: #3d3d3d;
}
.card .carousel-caption p {
line-height: 30px;
}
.card .carousel-caption .col-sm-3 {
display: flex;
align-items: center;
}
.card .carousel-caption .col-sm-9 {
text-align: left;
}
.navi a {
text-decoration:none;
}
a > .ico {
background-color: grey;
padding: 10px;
}
a:hover > .ico {
background-color: #666;
}
/*----*/
.row.heading h2 {
color: black;
font-size: 52.52px;
line-height: 95px;
font-weight: 400;
text-align: center;
margin: 0 0 40px;
padding-bottom: 20px;
text-transform: uppercase;
}
ul{
margin:0;
padding:0;
list-style:none;
}
.heading.heading-icon {
display: block;
}
.padding-lg {
display: block;
padding-top: 60px;
padding-bottom: 60px;
}
.practice-area.padding-lg {
padding-bottom: 55px;
padding-top: 55px;
}
.practice-area .inner{
border:1px solid #999999;
text-align:center;
margin-bottom:28px;
padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
border: 0;
}
.practice-area .inner h3{
color:#3c3c3c;
font-size:24px;
font-weight:500;
font-family: 'Poppins', sans-serif;
padding: 10px 0;
}
.practice-area .inner p{
font-size:14px;
line-height:22px;
font-weight:400;
}
.practice-area .inner img{
display:inline-block;
}
.our-webcoderskull .cnt-block{
float:left;
width:100%;
background:#fff;
padding:30px 20px;
text-align:center;
border:2px solid #d5d5d5;
margin: 0 0 28px;
}
.our-webcoderskull .cnt-block figure{
width:148px;
height:148px;
border-radius:100%;
display:inline-block;
margin-bottom: 15px;
}
.our-webcoderskull .cnt-block img{
width:148px;
height:148px;
border-radius:100%;
}
.our-webcoderskull .cnt-block h3{
color:#2a2a2a;
font-size:20px;
font-weight:500;
padding:6px 0;
text-transform:uppercase;
}
.our-webcoderskull .cnt-block h3 a{
text-decoration:none;
color:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
color:#17a2b8;
}
.our-webcoderskull .cnt-block p{
color:#2a2a2a;
font-size:13px;
line-height:20px;
font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{
display:inline-block;
width:auto;
margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{
font-size:24px;
color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{
color:#17a2b8;
}
/* Footer */
section .section-title {
text-align: center;
color: #007b5e;
margin-bottom: 50px;
text-transform: uppercase;
}
#footer {
background: #17a2b8 !important;
}
#footer h5{
margin-top: 20px;
padding-left: 10px;
border-left: 3px solid #eeeeee;
padding-bottom: 6px;
margin-bottom: 20px;
color:#ffffff;
}
#footer a {
color: #ffffff;
text-decoration: none !important;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
#footer ul.social li{
padding: 3px 0;
}
#footer ul.social li a i {
margin-right: 5px;
font-size:25px;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}
#footer ul.social li:hover a i {
font-size:30px;
margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
color:#ffffff;
}
#footer ul.social li a:hover{
color:#eeeeee;
}
#footer ul.quick-links li{
padding: 3px 0;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}
#footer ul.quick-links li:hover{
padding: 3px 0;
margin-left:5px;
font-weight:700;
}
#footer ul.quick-links li a i{
margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
font-weight: 700;
}
@media (max-width:767px){
#footer h5 {
padding-left: 0;
border-left: transparent;
padding-bottom: 0px;
margin-bottom: 10px;
}
}
$(document).ready(function(e){
$('.search-panel .dropdown-menu').find('a').click(function(e) {
e.preventDefault();
var param = $(this).attr("href").replace("#","");
var concept = $(this).text();
$('.search-panel span#search_concept').text(concept);
$('.input-group #search_param').val(param);
});
});
// When the DOM is ready, run this function
