forma

forma.php

<style>

	.yy-freeorder-title{
		text-align: center;
	    font-size: 36px;
	    font-weight: 400;
	    color: #34495e;
	    margin-bottom: 30px;
	}
	.yy-freeorder-title-left{

	    font-size: 25px;
	    font-weight: 400;
	    color: #34495e;
	    margin-bottom: 20px;
	}
	.yy-freeorder-list li{
		margin: 40px 0;
	}
	.yy-freeorder-title-bottom{
		font-size: 22px;
	    font-weight: 400;
	    color: #34495e;
	    margin-top: 20px;
	}
	.yy-freeorder-form{
		border: 3px solid #dce8f1;
	}
	.yy-freeorder-required{
		color: #b3b1b1;
	    font-size: 14px;
	    margin: 10px 0 20px 10px;
	    padding: 10px 0 0;
	}
	.yy-freeorder-input-block input,.yy-freeorder-input-block textarea{
		padding: 10px;
	    min-width: 244px;
	    border-radius: 5px;
	    border: 1px solid #000;
	    resize: none; 
	    box-shadow: inset 1px 2px 4px rgba(220,232,241,.7);
    	border: solid 1px #ced7de;

	}
	.yy-freeorder-input-block textarea{
		height: 150px;
	}
	.yy-freeorder-input-block input:hover,:focus{
		outline: none;
	}
	.yy-freeorder-form-button{
		background-color: #009ca3;
	    width: 200px;
	    text-align: center;
	    color: #fff;
	    padding: 10px 5px;
	    border-radius: 5px;
	    margin: 10px auto;
	    cursor: pointer;
	}
	.yy-freeorder-form-button:hover{
		background-color: #00adb5;
	}
	.yy-freeorder-input-label{
		margin: 5px 0;
	}


	@media (max-width: 767px) {
		.yy-freeorder-title{
			text-align: center;
		    font-size: 25px;
		    font-weight: 400;
		    color: #34495e;
		    margin-bottom: 30px;
		}
	}
</style>


<section class="rs-17">
	<div class="yy-freeorder">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="yy-freeorder-title">Оставьте заявку на бесплатную консультацию</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-6">
					<div class="yy-freeorder-title-left">Почему Инфинити</div>
					<div class="yy-freeorder-list">
						<ul>
							<li>Опытные специалисты и заботливый персонал</li>

							<li>Подбираем программу заботы о ваших красоте и здоровью строго индивидуально</li>

							<li>Обеспечиваем ваш комфорт на любом этапе обращения в клинику</li>
						</ul>
					</div>
					<div class="yy-freeorder-title-bottom">Мы ждем вас!</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-6">
					<div>

						<form class="yy-freeorder-form" method="post" action="#">
							<div class="col-xs-12 yy-freeorder-required">* - Поля, обязательные для заполнения</div>

							<div class="col-xs-12 col-sm-6 ">

								<div class="yy-freeorder-input-block">
									<div class="yy-freeorder-input-label">Как вас зовут*</div>
									<input type="text" name="name" placeholder="Имя" required="required">
								</div>
							</div>

							<div class="col-xs-12 col-sm-6">
								<div class="yy-freeorder-input-block">
									<div class="yy-freeorder-input-label">Телефон для связи*</div>
									<input type="text" class="phone-class" name="phone" placeholder="Телефон" required="required">
								</div>								
							</div>
							<div class="col-xs-12 col-sm-6"></div>
							<div class="col-xs-12 col-sm-6">
								<div class="yy-freeorder-input-block">
									<div class="yy-freeorder-input-label">Электронная почта</div>
									<input type="text" name="email" placeholder="email">
								</div>
							</div>

							<div class="col-xs-12 ">
								<div class="yy-freeorder-input-block">
									<div class="yy-freeorder-input-label">Комментарии и пожелания</div>
									<textarea name="message" id="" style="width: 100%;"></textarea>	
								</div>
							</div>
							<div class="col-xs-12">
								<div class="yy-freeorder-form-button">
									Оставить заявку
								</div>
							</div>
<div style="clear: both;"></div>
	
							
										
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>