Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box; /* Сброс настроек оступов */
- font-family: Arial, sans-serif; /* Тип шрифта */
- }
- body, html {
- margin: 0px; /* Сброс настроек оступов */
- padding: 0px; /* Сброс настроек оступов */
- }
- .mytext {
- width: 100%; /* Ширина */
- height: 500px; /* Высота */
- background: url(../img/fon.jpg); /* Фоновая картинка */
- background-size: cover; /* Растянуть фоновую картинку */
- background-position: center; /* Центрировать фон */
- color: white; /* Белый цвет шрифта */
- text-align: center; /* Центрировать текст внутри блока */
- padding-top: 120px; /* Отступ сверху */
- }
- .mybutton {
- display: block; /* Кнопка должна быть display: block */
- width: 300px; /* Ширина */
- height: 50px; /* Высота */
- line-height: 50px; /* Одинаковое с высотой значение центрирует текст кнопки по вертикали */
- color: white; /* Белый цвет шрифта */
- margin: 0 auto; /* Центрируем кнопку относительно окружения */
- margin-top: 40px; /* Отступ сверху */
- text-decoration: none; /* Выключаем подчеркивание текста */
- border: 2px solid white; /* Делаем белую рамочку у кнопки */
- border-radius: 5px; /* Закругляем рамочку */
- text-align: center;
- }
- .pluses {
- width: 100%;
- max-width: 1200px;
- margin: 0 auto;
- padding-top: 50px;
- padding-bottom: 50px;
- text-align: center;
- }
- .plus {
- display: inline-block;
- vertical-align: top;
- width: 27%;
- min-height: 250px;
- min-width: 200px;
- margin: 20px;
- padding: 30px;
- }
- .plus img {
- width: 80%;
- max-width: 128px;
- }
- .fon {
- width: 100%;
- text-align: center;
- background: url(../img/fon2.jpg); /* Фоновая картинка */
- background-size: cover; /* Растянуть фоновую картинку */
- background-position: center; /* Центрировать фон */
- }
- .maintext {
- width: 100%; /* Ширина */
- max-width: 900px; /* Ограничение ширины */
- margin: 0 auto; /* Центрирование */
- min-height: 350px; /* Высота */
- color: white; /* Белый цвет шрифта */
- text-align: center; /* Центрировать текст внутри блока */
- padding-top: 120px; /* Отступ сверху */
- text-align: justify; /* Выравнивание текста по ширине */
- font-size: 110%;
- padding-right: 30px;
- padding-left: 30px;
- padding-bottom: 30px;
- }
- .feedback {
- width: 100%;
- margin: 0 auto;
- padding: 20px;
- background: url(../img/fon2.jpg);
- background-size: cover;
- background-position: center;
- text-align: center;
- }
- .feedback h2{
- color: white;
- text-transform: uppercase;
- margin: 0px;
- margin-top: 50px;
- }
- #form {
- display: block;
- margin: 0 auto;
- padding: 10px;
- padding-top: 0px;
- min-width: 300px;
- max-width: 500px;
- text-align:center;
- }
- input, textarea {
- padding: 5px;
- margin: 10px;
- width: 90%;
- border-radius: 5px;
- }
- textarea {
- height: 100px;
- }
- input[type="submit"] {
- padding: 5px;
- margin: 10px;
- width: 90%;
- height: 40px;
- line-height: 37px;
- padding: 0px;
- text-transform: uppercase;
- border: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement