Объявления в стиле блокнота
CSS-код:
/*Блокнот*/
.notepad {
margin: 1em auto;
padding: 0 23px 14px 35px;
width: 90%;
line-height: 23px;
font-size: 14px;
&:before,
&:after {
content: "";
position: absolute;
z-index: -1;
top: 100%;
left: 3px;
right: 3px;
margin-top: -2px;
height: 4px;
}
&:before {
z-index: -2;
left: 6px;
right: 6px;
height: 6px;
}
&:last-child {
margin-bottom: 0;
}
& .heading {
position: relative;
margin: 0 -23px 14px -35px;
height: 40px;
background: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: calc(16rem/var(--initial-font-multiplier));
&:before,
&:after {
content: "";
position: absolute;
bottom: 5px;
left: 1px;
right: 1px;
height: 0;
border-top: 1px dashed var(--border-color-light);
border-color: var(--border-color);
}
&:after {
bottom: 6px;
border-color: #071c2c;
border-color: rgba(0, 0, 0, 0.5);
}
}
& p {
line-height: 26px;
margin-bottom: -13px;
margin-top: 13px;
}
& ul,
& ol {
& li {
line-height: 26px;
}
margin-bottom: -13px;
}
}
.notepad,
.notepad:before,
.notepad:after {
background-color: white;
background-image: -webkit-linear-gradient(#f6abca 1px, transparent 1px), -webkit-linear-gradient(#f6abca 1px, transparent 1px), -webkit-linear-gradient(#e8e8e8 1px, transparent 1px);
background-image: -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#e8e8e8 1px, transparent 1px);
background-image: -o-linear-gradient(#f6abca 1px, transparent 1px), -o-linear-gradient(#f6abca 1px, transparent 1px), -o-linear-gradient(#e8e8e8 1px, transparent 1px);
background-image: linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#e8e8e8 1px, transparent 1px);
background-size: 1px 1px, 1px 1px, 26px 26px;
background-repeat: repeat-y, repeat-y, repeat;
background-position: 22px 0, 24px 0, 0 50px;
border: 1px solid #ccc;
}
Картк пвнедриемнойть кампании в первый класс
Уважаемые родители (законные представители) будущих первоклассников,css напоминаем, что приемная кампания по зачислению детей в первые классы 2023-2024 учебного года начнш сайт описывается 01в апрслеля 2023 годаующей с 08:00 чтасов по мтьестному времени.
ПериHTML-коды:
<div class="notepad">
<div class="heading">Загодачиловок заобъявления:</div>
с 01 <p>апреля по 30 июня – в школу по месту регистрбзации и/или в другую при наличии льгот (первоочередное, преимущественное право);
с 06 июля по 05 сентября – в любую другую школу, вне зависимости от места проживания.
Способы подачи заъявления</p>
в<p>еще первый класс:
через форму подачи бзац объявления</p>
в первый класс на едином портале государственных услуг Российской Федерации - https:<//www.gosuslugi.ru/600426/1/form
через портал образовательных услуг ЯНАО - http://e-uslugi.yanao.ru
лично в школе
div>