акции от амс

[hideprofile]
Код:
<!--HTML-->
<style>
@font-face{font-family:"dm-school-yearbook-display";font-style:normal;font-weight:400;font-display:swap;src:url("https://fonts.gstatic.com/s/bebasneue/v16/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F;}
@font-face{font-family:"dm-school-yearbook-hand";font-style:normal;font-weight:600;font-display:swap;src:url("https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIGpYSxP.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:"dm-school-yearbook-hand";font-style:normal;font-weight:600;font-display:swap;src:url("https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIWpYQ.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F;}
/* Один блок сообщения. Caveat и Bebas Neue уже подключены на Daymare. */
.dm-school-yearbook { --dm-school-yearbook-paper:#f3eedf; --dm-school-yearbook-ink:#272a2b; --dm-school-yearbook-pen:#314d77; --dm-school-yearbook-red:#873c3f; position:relative; isolation:isolate; width:100%; max-width:760px; min-width:0; box-sizing:border-box; margin:16px auto; padding:32px 32px 24px 48px; background:repeating-linear-gradient(0deg,transparent 0 27px,#899cba30 27px 28px),var(--dm-school-yearbook-paper); color:var(--dm-school-yearbook-ink); text-align:left; }
.dm-school-yearbook::before { content:""; position:absolute; top:0; bottom:0; left:28px; width:1px; background:#bd676d66; pointer-events:none; }
.dm-school-yearbook::after { content:""; position:absolute; top:46px; bottom:36px; left:9px; width:10px; background:radial-gradient(circle at 5px 5px,#b4aea2 0 3px,#d5cebe 3.5px 4.5px,transparent 5px) 0 0/10px 180px repeat-y; pointer-events:none; }
.dm-school-yearbook::selection { background:#e4be66; color:#272a2b; }
/* Шапка: вырезанный заголовок и записка на полях. */
.dm-school-yearbook-header { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 158px; gap:6px 20px; align-items:center; margin:0 0 26px; }
.dm-school-yearbook-title { min-width:0; margin:0; font:600 96px/.9 "dm-school-yearbook-hand",cursive; letter-spacing:-2px; text-transform:none; color:var(--dm-school-yearbook-red); }
.dm-school-yearbook-title-cut { display:block; width:fit-content; max-width:100%; box-sizing:border-box; margin:10px 0 0 3px; padding:1px 12px 7px; background:var(--dm-school-yearbook-ink); color:var(--dm-school-yearbook-paper); font:600 52px/1 "dm-school-yearbook-hand",cursive; letter-spacing:0; transform:rotate(-3deg); }
.dm-school-yearbook-note { position:relative; box-sizing:border-box; margin:4px 4px 0 0; padding:17px 10px 18px; background:#e7c773; color:#463718; font:600 27px/.98 "dm-school-yearbook-hand",cursive; text-align:center; transform:rotate(6deg); box-shadow:1px 4px 7px #4d41251a; }
.dm-school-yearbook-note::before { content:""; position:absolute; top:-9px; left:45px; width:52px; height:18px; background:#d0bfa49c; transform:rotate(-9deg); }
.dm-school-yearbook-note-mark { display:block; margin-top:12px; font:600 18px/1.1 "dm-school-yearbook-hand",cursive; letter-spacing:0; }
.dm-school-yearbook-subtitle { grid-column:1/-1; justify-self:start; margin:16px 0 0; padding:3px 8px; background:#e4be6680; color:var(--dm-school-yearbook-ink); font:600 23px/1.1 "dm-school-yearbook-hand",cursive; transform:rotate(-1deg); }
.dm-school-yearbook-header-star { position:absolute; right:171px; top:8px; width:34px; height:34px; fill:none; stroke:var(--dm-school-yearbook-pen); stroke-width:2; stroke-linejoin:round; pointer-events:none; }
/* Вклеенные снимки: исходные рамки и пропорции фотографий сохраняются. */
.dm-school-yearbook-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px 18px; align-items:start; padding:0 3px; }
.dm-school-yearbook-person { min-width:0; position:relative; margin:0; text-align:center; }
.dm-school-yearbook-portrait { position:relative; min-width:0; margin:0 0 13px; transform:rotate(-2deg); box-shadow:1px 4px 8px #45372820; }
.dm-school-yearbook-person:nth-child(3n+2) .dm-school-yearbook-portrait { transform:rotate(2deg); }
.dm-school-yearbook-person:nth-child(3n) .dm-school-yearbook-portrait { transform:rotate(-.8deg); }
.dm-school-yearbook-portrait::after { content:""; position:absolute; top:-8px; left:calc(50% - 27px); width:54px; height:20px; background:#ccba94a6; clip-path:polygon(2% 0,98% 3%,96% 18%,100% 36%,97% 56%,100% 83%,97% 100%,0 97%,3% 73%,0 54%,4% 27%); transform:rotate(7deg); pointer-events:none; }
.dm-school-yearbook-person:nth-child(even) .dm-school-yearbook-portrait::after { transform:rotate(-11deg); background:#a5b3c38c; }
.dm-school-yearbook-image { display:block; position:static; width:100%; max-width:100%; height:auto; max-height:none; box-sizing:border-box; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; opacity:1; }
.dm-school-yearbook-name { display:inline-block; max-width:100%; box-sizing:border-box; padding:4px 6px 3px; background:#fbf8ed; color:var(--dm-school-yearbook-ink); font:700 11px/1.35 Arial,sans-serif; letter-spacing:.5px; text-transform:uppercase; overflow-wrap:anywhere; }
.dm-school-yearbook-caption { margin:3px -4px 0; color:var(--dm-school-yearbook-pen); font:600 20px/1.05 "dm-school-yearbook-hand",cursive; overflow-wrap:anywhere; }
.dm-school-yearbook-person:nth-child(2) .dm-school-yearbook-caption { color:var(--dm-school-yearbook-red); }
.dm-school-yearbook-person:nth-child(5) .dm-school-yearbook-name { outline:2px solid var(--dm-school-yearbook-red); outline-offset:3px; border-radius:45%; transform:rotate(-3deg); }
/* Подписи внизу страницы. */
.dm-school-yearbook-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:32px 0 0; padding:15px 0 0; border-top:1px dashed #314d7766; }
.dm-school-yearbook-signature { color:var(--dm-school-yearbook-pen); font:600 26px/1 "dm-school-yearbook-hand",cursive; transform:rotate(-3deg); }
.dm-school-yearbook-imprint { color:var(--dm-school-yearbook-red); font:600 19px/1.05 "dm-school-yearbook-hand",cursive; letter-spacing:0; text-align:right; }
@media(min-width:601px) { .dm-school-yearbook-person:nth-last-child(2):nth-child(4n+1) { grid-column:2; } }
@media(max-width:600px) { .dm-school-yearbook { padding:28px 23px 24px 38px; } .dm-school-yearbook-header { grid-template-columns:minmax(0,1fr) 128px; gap:8px 12px; } .dm-school-yearbook-title { font-size:76px; } .dm-school-yearbook-title-cut { font-size:40px; } .dm-school-yearbook-note { font-size:24px; padding:15px 8px; } .dm-school-yearbook-header-star { right:139px; width:25px; height:25px; } .dm-school-yearbook-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:27px 18px; } .dm-school-yearbook-caption { font-size:20px; } }
@media(max-width:420px) { .dm-school-yearbook { padding:24px 17px 22px 29px; margin:8px auto; } .dm-school-yearbook::before { left:19px; } .dm-school-yearbook::after { left:4px; width:8px; } .dm-school-yearbook-header { grid-template-columns:minmax(0,1fr) 88px; gap:5px 10px; margin-bottom:29px; } .dm-school-yearbook-title { font-size:48px; letter-spacing:-1px; } .dm-school-yearbook-title-cut { margin-left:0; padding:3px 6px 5px; font-size:27px; letter-spacing:0; } .dm-school-yearbook-note { margin:0 2px 0 0; padding:13px 5px; font-size:21px; } .dm-school-yearbook-note::before { left:27px; width:37px; height:14px; top:-7px; } .dm-school-yearbook-note-mark { font-size:15px; letter-spacing:0; } .dm-school-yearbook-header-star { display:none; } .dm-school-yearbook-subtitle { margin-top:14px; font-size:21px; padding:3px 5px; } .dm-school-yearbook-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:27px 15px; padding:0; } .dm-school-yearbook-name { font-size:10px; letter-spacing:.2px; padding:4px; } .dm-school-yearbook-caption { font-size:19px; } .dm-school-yearbook-footer { gap:10px; margin-top:26px; } .dm-school-yearbook-signature { font-size:21px; } .dm-school-yearbook-imprint { flex:0 0 68px; font-size:12px; letter-spacing:.5px; } }

/* Рисунки ручкой на свободных полях */
.dm-school-yearbook-header-doodle { position:absolute; right:174px; top:29px; width:calc(100% - 462px); max-width:190px; height:112px; overflow:visible; fill:none; stroke:var(--dm-school-yearbook-pen); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.dm-school-yearbook-margin-tape { position:absolute; left:48px; bottom:109px; width:calc((100% - 134px)/4); height:182px; fill:none; stroke:var(--dm-school-yearbook-pen); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; transform:rotate(-9deg); pointer-events:none; }
.dm-school-yearbook-margin-hearts { position:absolute; right:32px; bottom:146px; width:calc((100% - 134px)/4); height:180px; fill:none; stroke:var(--dm-school-yearbook-red); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transform:rotate(7deg); pointer-events:none; }
@media(max-width:700px) { .dm-school-yearbook-header-doodle { display:none; } }
@media(max-width:600px) { .dm-school-yearbook-margin-tape { display:none; } .dm-school-yearbook-margin-hearts { display:none; } }
</style>
<div class="dm-school-yearbook">
  <div class="dm-school-yearbook-header">
    <div class="dm-school-yearbook-title">daymare<div class="dm-school-yearbook-title-cut">school edition</div></div>
    <div class="dm-school-yearbook-note">место рядом<br>свободно<span class="dm-school-yearbook-note-mark">увидимся<br>после звонка</span></div>
<svg class="dm-school-yearbook-header-doodle" viewBox="0 0 190 125" aria-hidden="true" focusable="false"><path d="M8 110C34 113 59 99 54 78C49 60 27 71 39 88C52 107 96 77 110 62" stroke-dasharray="5 6"></path><path d="M83 43 174 15 143 79 127 53 83 43Z M127 53 174 15 115 49 M127 53 122 76 137 66"></path><path d="M54 25Q33 -3 28 -33 M44 39Q7 30 -32 20 M73 16Q69 -15 73 -42 M157 103 160 92 164 102 175 105 163 109 160 120 157 109 146 106Z"></path></svg>
    <svg class="dm-school-yearbook-header-star" viewBox="0 0 40 40" aria-hidden="true" focusable="false"><path d="M20 2 24 14 37 10 29 21 37 30 24 27 19 39 15 26 2 29 11 19 4 9 16 13Z"></path></svg>
  </div>
  <div class="dm-school-yearbook-grid">
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/333416.png" width="300" height="450" alt="Портрет 1"></div>
      <div class="dm-school-yearbook-caption">Wyatt Olef</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/509060.png" width="300" height="450" alt="Портрет 2"></div>
      <div class="dm-school-yearbook-caption">Nell Fisher</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/370563.png" width="300" height="450" alt="Портрет 3"></div>
      <div class="dm-school-yearbook-caption">Jacob Whiteduck-Lavoie</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/542556.png" width="300" height="450" alt="Портрет 4"></div>
      <div class="dm-school-yearbook-caption">Asha Banks</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/366044.png" width="300" height="450" alt="Портрет 5"></div>
      <div class="dm-school-yearbook-caption">Dallas Dupree Young</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/693263.png" width="300" height="450" alt="Портрет 8"></div>
      <div class="dm-school-yearbook-caption">Charlie Plummer</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/283686.png" width="300" height="450" alt="Портрет 7"></div>
      <div class="dm-school-yearbook-caption">Jack Dylan Grazer</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/424276.png" width="300" height="450" alt="Портрет 6"></div>
      <div class="dm-school-yearbook-caption">Sam Nivola</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/159596.png" width="300" height="450" alt="Портрет 9"></div>
      <div class="dm-school-yearbook-caption">Shay Rudolph</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/632132.png" width="300" height="450" alt="Портрет 10"></div>
      <div class="dm-school-yearbook-caption">Whitney Peak</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/398355.png" width="300" height="450" alt="Портрет 11"></div>
      <div class="dm-school-yearbook-caption">Violet Brinson</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/999067.png" width="300" height="450" alt="Портрет 12"></div>
      <div class="dm-school-yearbook-caption">Zoe Colletti</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/365393.png" width="300" height="450" alt="Портрет 13"></div>
      <div class="dm-school-yearbook-caption">Gaten Matarazzo</div>
    </div>
    <div class="dm-school-yearbook-person">
      <div class="dm-school-yearbook-portrait"><img class="dm-school-yearbook-image" src="https://upforme.ru/uploads/001c/c1/8b/13/451922.png" width="300" height="450" alt="Портрет 14"></div>
      <div class="dm-school-yearbook-caption">Emma Myers</div>
    </div>
  </div>
<svg class="dm-school-yearbook-margin-tape" viewBox="0 0 180 190" aria-hidden="true" focusable="false"><path d="M19 67Q17 62 24 61L151 64Q157 64 156 71L152 146Q152 152 146 151L21 147Q16 147 17 140Z"></path><path d="M31 76 143 79 140 117 29 114Z M47 147 55 128 116 130 125 149 M62 137 109 139"></path><circle cx="52" cy="95" r="12"></circle><circle cx="119" cy="98" r="12"></circle><path d="M52 83 52 88 M40 95 45 95 M52 107 52 102 M64 95 59 95 M119 86 119 91 M107 98 112 98 M119 110 119 105 M131 98 126 98 M65 94 105 96 M66 101 104 103 M27 138 28 138 M141 141 142 141"></path><path d="M43 40V18L70 13V34 M43 25 70 20"></path><ellipse cx="37" cy="41" rx="6" ry="4"></ellipse><ellipse cx="64" cy="35" rx="6" ry="4"></ellipse><path d="M121 23 124 33 134 36 124 39 120 49 117 39 107 35 117 32Z M146 40 153 43 M150 52 155 51 M48 170Q82 177 113 171 M64 182 99 183"></path></svg>
<svg class="dm-school-yearbook-margin-hearts" viewBox="0 0 180 190" aria-hidden="true" focusable="false"><path d="M34 49C29 44 12 33 12 24C12 13 26 9 34 21C42 9 56 13 56 24C56 33 39 44 34 49Z"></path><path d="M105 31C89 14 75 33 88 45L104 58C110 47 125 41 119 31C115 24 109 26 105 31Z"></path><path d="M67 88C40 55 16 80 35 102L62 126C75 110 101 100 92 82C86 69 73 77 67 88Z"></path><path d="M143 85C134 71 119 81 129 93L143 106C151 93 166 90 160 80C153 71 145 77 143 85Z"></path><path d="M29 151C12 131 1 149 13 160L31 175C38 161 54 155 47 144C41 135 32 142 29 151Z"></path><path d="M120 145C101 114 78 135 93 155C101 166 113 174 120 181C132 166 153 154 147 140C140 124 125 132 120 145Z"></path><path d="M166 139C158 128 149 139 157 147L166 156C172 147 181 143 176 137C172 133 168 135 166 139Z"></path></svg>
  <div class="dm-school-yearbook-footer"><div class="dm-school-yearbook-signature">клёвых каникул!</div><div class="dm-school-yearbook-imprint">daymare<br>2026</div></div>
</div>
+27
daymare

Меню навигации

Пользовательские ссылки

Информация о пользователе

акции от амс

Сообщений 1 страница 2 из 2

Поделиться12026-09-07 00:00:09

Поделиться22026-09-07 00:01:15
