Skip to main content

Объявления в стиле блокнота

 image.png

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>