| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <style>
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Light.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Light.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Light.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Light.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Light.ttf) format("truetype");
- font-style: normal;
- font-weight: 300
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-LightItalic.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-LightItalic.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-LightItalic.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-LightItalic.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-LightItalic.ttf) format("truetype");
- font-style: italic;
- font-weight: 300
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Regular.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Regular.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Regular.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Regular.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Regular.ttf) format("truetype");
- font-style: normal;
- font-weight: 400
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Italic.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Italic.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Italic.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Italic.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Italic.ttf) format("truetype");
- font-style: italic;
- font-weight: 400
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Bold.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Bold.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Bold.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Bold.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Bold.ttf) format("truetype");
- font-style: normal;
- font-weight: 700
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-BoldItalic.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-BoldItalic.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-BoldItalic.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-BoldItalic.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-BoldItalic.ttf) format("truetype");
- font-style: italic;
- font-weight: 700
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Heavy.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Heavy.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Heavy.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Heavy.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Heavy.ttf) format("truetype");
- font-style: normal;
- font-weight: 800
- }
- @font-face {
- font-family: UCfont;
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-HeavyItalic.eot);
- src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-HeavyItalic.woff2) format("woff2"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-HeavyItalic.woff) format("woff"), url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-HeavyItalic.ttf) format("truetype");
- font-style: italic;
- font-weight: 800
- }
- body,
- html {
- height: initial;
- width: initial;
- font-size: 13px;
- line-height: 1.3;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
- }
- body {
- background: #fff;
- font-weight: 400;
- margin: 0;
- padding: 0
- }
- * {
- -webkit-box-sizing: inherit;
- box-sizing: inherit
- }
- .cert {
- font-family: UCfont, "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: 400;
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- background-color: #fff;
- display: block;
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
- text-align: center;
- position: relative;
- height: 728px;
- width: 1040px;
- }
- .cert_student {
- font-size: 30px;
- font-weight: bold;
- left: 10%;
- width: 80%;
- text-align: center;
- position: absolute;
- top: 38%;
- z-index: 100;
- white-space: nowrap;
- overflow: hidden;
- }
- .cert_course {
- font-size: 30px;
- font-weight: bold;
- left: 5%;
- width: 90%;
- text-align: center;
- position: absolute;
- top: 51.7%;
- z-index: 100;
- }
- .cert_date {
- position: absolute;
- top: 59.2%;
- text-align: center;
- width: 100%;
- left: 0;
- font-size: 20px;
- z-index: 100;
- }
- .bgimg {
- position: absolute;
- height: 100%;
- width: 100%;
- z-index: 0;
- left: 0;
- top: 0;
- background-color: #eee;
- }
- </style>
- </head>
- <body>
- <div class="cert">
- <img src="https://dd.unicraft.org/static/branding/fpprt/cert_custom/bg_2.png" class="bgimg">
- <div class="cert_content">
- <div class="cert_student">
- {{STUDENT}}
- </div>
- <div class="cert_course">
- <!-- «{{COURSE}}» -->
- <!-- «Экспертные сессии по Digital-маркетингу» -->
- </div>
- <!-- <div class="cert_date">в период с 20.08.2021 по 29.11.2021</div> -->
- <!-- <div class="cert_date">в период с {{START}} по {{END}}</div> -->
- </div>
- </div>
- </body>
- </html>
|