Аккаунт верифицирован
Олег Лихватов
Сайт
от 1 000 руб. за час
Писал ОС на JS, сделал свой менеджер, было время когда каждого второго досил.
- html
- cas<!doctype html> <html> <head> <meta name="viewport" content="width=device-width
- initial-scale=1"> <style> body { font-family: arial
- helvetica
- sans-serif; background-color:orange; } * { box-sizing: border-box; } /* стиль контейнера */ .container { position: relative; border-radius: 5px; background-color: #f2f2f2; padding: 20px 0 30px 0; } /* стиль входны сигналов и кнопки ссылок */ input
- .btn { width: 100%; padding: 12px; border: none; border-radius: 4px; margin: 5px 0; opacity: 0.85; display: inline-block; font-size: 17px; line-height: 20px; text-decoration: none; /* снять подчеркивание с якорей */ } input:hover
- .btn:hover { opacity: 1; } /* добавьте соответствующие цвета к кнопкам fb
- twitter и google */ .fb { background-color: #3b5998; color: white; } .twitter { background-color: #55acee; color: white; } .google { background-color: #dd4b39; color: white; } /* стиль кнопки отправить */ input[type=submit] { background-color: #4caf50; color: white; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; } /* макет двух столбцов */ .col { float: left; width: 50%; margin: auto; padding: 0 50px; margin-top: 6px; } /* очистить поплавки после столбцов */ .row:after { content: ""; display: table; clear: both; } /* вертикальная линия */ .vl { position: absolute; left: 50%; transform: translate(-50%); border: 2px solid #ddd; height: 175px; } /* текст внутри вертикальной линии */ .vl-innertext { position: absolute; top: 50%; transform: translate(-50%
- -50%); background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 50%; padding: 8px 10px; } /* скрыть текст на средних и больших экранах */ .hide-md-lg { display: none; } /* нижний контейнер */ .bottom-container { text-align: center; background-color: #666; border-radius: 0px 0px 4px 4px; } /* адаптивный макет - когда экран меньше
- чем 650px широкий
