Skip to content

Instantly share code, notes, and snippets.

@AndrewNovikof

AndrewNovikof/Example certificate template

Created June 28, 2016 09:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AndrewNovikof/62c8264efc358fd6714285c53267568a to your computer and use it in GitHub Desktop.
Save AndrewNovikof/62c8264efc358fd6714285c53267568a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Example certificate template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
<style type="text/css">
.text_verdana {
font-style: normal;
font-weight: normal;
font-family: Verdana_Type0_2, Verdana, serif;
}
.title.simple {
color: #302d2c;
font-size: 10pt;
}
.title.main {
color: #292929;
font-size: 14pt;
}
.description {
color: #302d2c;
font-size: 8pt;
}
.attention {
color: #000;
font-size: 8pt;
font-weight: bold;
}
</style>
</head>
<body style="margin: 0px; width:595pt;height:840pt;">
<div style="background: #ebebeb">
<div style="position:relative;left:0pt;top:0pt;width:100%;height:100%">
<img style="position:absolute;left:0pt;top:0pt;width:595pt;height:55pt;z-index:2;"
src="https://i.imgsafe.org/7dfd3ce69f.png" alt="head"/>
<img style="position:absolute;left:95pt;top:14pt;width:117pt;height:29pt;z-index:8;"
src="https://i.imgsafe.org/7e01d1a4c7.png" alt="title"/>
<img style="position:absolute;left:32.6699pt;top:12.197pt;width:55pt;height:30pt;z-index:3;"
src="https://i.imgsafe.org/7e0096e047.png" alt="label">
<img style="position:absolute;left:-.98033pt;top:54pt;width:595pt;height:305pt;z-index:26;"
src="https://i.imgsafe.org/7e01c1043b.png" alt="cover"/>
<img style="position:absolute;left:393.58pt;top:580pt;width:171.36pt;height:87.6767pt;z-index:73;"
src="{{ $barcode or 'https://i.imgsafe.org/812fea2a77.png' }}" alt="barcode"/>
<img style="position:absolute;left:420.95pt;top:695pt;width:121.18pt;height:70.2844pt;z-index:40;"
src="https://i.imgsafe.org/7e0096e047.png" alt="label2"/>
<img style="position:absolute;left:130.33pt;top:708pt;width:90pt;height:15pt;z-index:39;"
src="https://i.imgsafe.org/813e3535a1.png" alt="field1"/>
<img style="position:absolute;left:282.93pt;top:708pt;width:90pt;height:15pt;z-index:70;"
src="https://i.imgsafe.org/813e3535a1.png" alt="field2"/>
<img style="position:absolute;left:31.4824pt;top:780pt;width:528pt;height:3pt;z-index:36;"
src="https://i.imgsafe.org/80192db276.png" alt="point_line2"/>
<img style="position:absolute;left:30.0763pt;top:680pt;width:528pt;height:2.9996pt;z-index:38;"
src="https://i.imgsafe.org/80192db276.png" alt="point_line1"/>
<img style="position:absolute;left:33.2305pt;top:400pt;width:530pt;height:3pt;z-index:9;"
src="https://i.imgsafe.org/8068bd4058.png" alt="line"/>
<div style="position:relative;top:410pt;left:100pt;width:395pt;z-index:10;letter-spacing:.001em;text-align:center"
class="text_verdana title simple">
Приглашаем вас на концерт в Большой зал Московской консерватории имени П.И. Чайковского!
</div>
<div style="position:relative;top:345pt;text-align:center;" class="text_verdana title main">
БЕСЦЕННАЯ МУЗЫКА КИНО
</div>
<div style="position: absolute;top: 470pt;left: 51.6654pt;z-index: 51;" class="text_verdana title simple">
УСЛОВИЯ ПРЕДЛОЖЕНИЯ
</div>
<div style="position:absolute;top:470pt;left:393.33pt;z-index:51;" class="text_verdana title simple">
ВНИМАНИЕ!
</div>
<div style="position:absolute;top:490pt;left:51.716pt;z-index:54;letter-spacing:.001em; width: 270pt"
class="text_verdana description">
Приглашаем Вас на концерт Российского
Государственного симфонического оркестра
кинематографии под руководством Сергея Скрипки
в Большой зал Московской консерватории
по адресу ул. Большая Никитская, д. 13/6
<br><br>
Предложение доступно только для держателей карт
<br><br>
MasterCard Platinum®, World MasterCard Black
Edition®, World Elite MasterCard®.
</div>
<div style="position:absolute;top:490pt;left:393.13pt;z-index:54; width: 230px" class="text_verdana attention">
Количество билетов ограничено.
<br><br>
Пожалуйста, распечатайте данное
приглашение и предъявите его
при входе на концерт.
<br><br>
Приглашение действительно на
одно лицо.
</div>
<div style="position:absolute;top:695pt;left:52.169pt;z-index:68;letter-spacing:.001em;"
class="text_verdana description">
Ваше место в зрительном зале:
</div>
<div style="position:absolute;top:710pt;left:52.364pt;z-index:72;letter-spacing:-.011em;"
class="text_verdana description">
Партер
</div>
<div style="position:absolute;top:710pt;left:100pt;z-index:72;letter-spacing:-.011em;"
class="text_verdana description">
Ряд
</div>
<div style="position:relative;top:670pt;margin-left: 130pt;z-index:72;letter-spacing:-.011em;text-align: center;width: 90pt"
class="text_verdana description">
{{ $seat_row or '12' }}
</div>
<div style="position:absolute;top:710pt;left:244.23pt;z-index:72;letter-spacing:.001em;"
class="text_verdana description">
Место
</div>
<div style="position:relative;top:660pt;margin-left: 283pt;z-index:72;letter-spacing:-.011em;text-align: center;width: 90pt"
class="text_verdana description">
{{ $seat_place or '67' }}
</div>
<div style="position:absolute;top:750pt;left:50.394pt;z-index:49;letter-spacing:.001em;"
class="text_verdana description">
Концерт состоится 6 сентября 2015 года в 19:00
<br>
Сбор гостей в 18:30.
</div>
<div style="position:absolute;top:790pt;left:52.3354pt;z-index:27;letter-spacing:.001em;"
class="text_verdana description">
Служба поддержки MasterCard Бесценные Города
<br>
E-mail:russia@priceless.com
<br>
Телефон горячей линии: 8 800 700 10 12
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment