Есть pfd документ. Файл приложен.
Нужно сделать верстку html страницы из исходного файла.
ВАЖНО! Положение элементов при печати (css @media print) должно совпадать с исходным документом на 100%
Все должно быть реализовано в виде html+css
Допускается вложение только 2x изображений img
- штрихкод в левом верхнем углу.
- в разделе Зона QR-кода
Черные квадраты – html
Никакого js
Никаких библиотек css.
Никакого адаптива. Нужен только 1 конкретный пример отображения (на печати @media print)
Из дополнительного:
Печать знаков должна выполняться шрифтом Courier New высотой 16 пунктов.
Любая ячейка определяется html
<div class="letter"></div>
Блок ячейки должен отображаться одинаково – не важно, есть в нем символ, или нет.
Количество блоков символов строго – как на референсе.
<div class="letter">О</div>
<div class="letter">Б</div>
<div class="letter">Р</div>
<div class="letter">А</div>
<div class="letter">З</div>
<div class="letter">Е</div>
<div class="letter">Ц</div>
<div class="letter"></div>
<div class="letter"></div>
....
<div class="letter"></div>
В раздел Зона QR-кода поместите любое квадратное изображение, отцентрированное по вертикали и горизонтали в блоке.