html, body, h1, form, fieldset, legend, ol, li {
margin: 0;
padding: 0;
}
body {
background: url(http://lovestory.ua/fon2.png);
background-size: cover;
height: 100%;
background-repeat:no-repeat; background-attachment:fixed; background-position:0px 0px; }
color: #111111;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 20px;
}
h1 {
font-size: 28px;
margin-bottom: 20px;
}
form#payment {
background: #FFCDCD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
counter-reset: fieldsets;
padding: 20px;
width: 600px;
margin-left: 100px;
}
form#payment fieldset {
border: none;
margin-bottom: 10px;
}
form#payment fieldset:last-of-type {
margin-bottom: 0;
}
form#payment legend {
color: #384313;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #C1F7FF;
}
form#payment > fieldset > legend:before {
counter-increment: fieldsets;
}
form#payment fieldset fieldset legend {
color: #111111;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}
form#payment ol li {
background: #71b8ff;
background: rgba(255,255,255,.3);
border-color: #c6e3ff;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}
form#payment ol ol li {
background: none;
border: none;
float: left;
}
form#payment label {
float: left;
font-size: 13px;
width: 270px;
}
form#payment fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}
form#payment label[for=visa] {
background-image: url(visa.gif);
}
form#payment label[for=amex] {
background-image: url(amex.gif);
}
form#payment label[for=mastercard] {
background-image: url(mastercard.gif);
}
form#payment fieldset fieldset label:hover {
cursor: pointer;
}
form#payment input:not([type=radio]),
form#payment textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;
width: 290px;
}
form#payment input:not([type=submit]):focus,
form#payment textarea:focus {
background: #eaeaea;
}
form#payment input[type=radio] {
float: left;
margin-right: 5px;
}
form#payment button {
background: #62C5FF;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #C1F7FF;
text-transform: uppercase;
}
form#payment button:hover {
background: #8BE0FF;
cursor: pointer;
}
</style>
<h1 align="center"> </h1>
<h1 align="center">АНКЕТА</h1>
<p align="center"> </p>
<form id="payment" action="send.php" method="post">
<fieldset>
<legend>ЕСТЬ опыт работы</legend>
<ol>
<li>
<label for="name">Имя</label>
<input id="name" name="name" type="text" placeholder="Имя и Фамилия" required="" autofocus="">
</li>
<li>
<label for="email">Email</label>
<input id="email" name="email" type="email" placeholder="example@domain.com" required="">
</li>
<li>
<label for="phone">Телефон</label>
<input id="phone" name="phone" type="tel" placeholder="Пр. +719500000000" required="">
</li>
<li>
<label for="name">Название салона</label>
<input id="ask" name="ask" type="text" placeholder="Название салона" required="" autofocus="">
</li>
<li>
<label for="name">Адрес салона</label>
<input id="adres" name="name" type="text" placeholder="страна, город, улица, дом" required="" autofocus="">
</li>
<li>
<label for="name">Сайт</label>
<input id="site" name="site" type="text" placeholder="http://example.com" required="" autofocus="">
</li>
<li>
<label for="name">Сколько лет вы работаете в свадебном бизнесе</label>
<input id="ask1" name="ask1" type="text" placeholder="введите число" required="" autofocus="">
</li>
<li>
<label for="name">Площадь салона, м.кв.</label>
<input id="ask2" name="ask2" type="text" placeholder="введите число" required="" autofocus="">
</li>
<li>
<label for="name">Бренды, представлены в салоне</label>
<input id="ask3" name="ask3" type="text" placeholder="названия через запятую" required="" autofocus="">
</li>
<li>
<label for="name">Площадь салона, м.кв.</label>
<input id="ask4" name="ask4" type="text" placeholder="введите число" required="" autofocus="">
</li>
<li>
<label for="name">Средняя розничная цена</label>
<input id="ask5" name="ask5" type="text" placeholder="введите число" required="" autofocus="">
</li>
</ol>
</fieldset>
<fieldset>
<label for="name">
<div align="center"><font color="#FF0000"><strong>Все поля обязательны для заполнения!!!</strong></font></div>
</label>
</fieldset>
<fieldset>
<button type="submit">Отправить!</button>
</fieldset>
</form>
<p align="center"> </p>
<p align="center"> </p>
<form id="payment" action="send.php" method="post">
<fieldset>
<legend>Планирую открыть салон</legend>
<ol>
<li>
<label for="name">Имя</label>
<input id="name" name="name" type="text" placeholder="Имя и Фамилия" required="" autofocus="">
</li>
<li>
<label for="email">Email</label>
<input id="email" name="email" type="email" placeholder="example@domain.com" required="">
</li>
<li>
<label for="phone">Телефон</label>
<input id="phone" name="phone" type="tel" placeholder="Пр. +719500000000" required="">
</li>
<li>
<label for="name">Адрес будущего салона</label>
<input id="adres" salon="name" type="text" placeholder="страна, город, улица, дом" required="" autofocus="">
</li>
<li>
<label for="name">Бренды, которые хотите представлять</label>
<input id="site=name" type="text" placeholder="названия через запятую" required="" autofocus="">
</li>
<li>
<label for="name">Планируемая площадь салона</label>
<input id="site=name" type="text" placeholder="введите число" required="" autofocus="">
</li>
</ol>
</fieldset>
<fieldset>
<label for="name">
<div align="center"><font color="#FF0000"><strong>Все поля обязательны для заполнения!!!</strong></font></div>
</label>
</fieldset>
<fieldset>
<button type="submit">Отправить!</button>
</fieldset>
</form>
<p align="center"> </p>
<p align="center"> </p>