index.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <style>
  6. @font-face {
  7. font-family: UCfont;
  8. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Light.eot);
  9. 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");
  10. font-style: normal;
  11. font-weight: 300
  12. }
  13. @font-face {
  14. font-family: UCfont;
  15. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-LightItalic.eot);
  16. 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");
  17. font-style: italic;
  18. font-weight: 300
  19. }
  20. @font-face {
  21. font-family: UCfont;
  22. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Regular.eot);
  23. 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");
  24. font-style: normal;
  25. font-weight: 400
  26. }
  27. @font-face {
  28. font-family: UCfont;
  29. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Italic.eot);
  30. 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");
  31. font-style: italic;
  32. font-weight: 400
  33. }
  34. @font-face {
  35. font-family: UCfont;
  36. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Bold.eot);
  37. 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");
  38. font-style: normal;
  39. font-weight: 700
  40. }
  41. @font-face {
  42. font-family: UCfont;
  43. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-BoldItalic.eot);
  44. 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");
  45. font-style: italic;
  46. font-weight: 700
  47. }
  48. @font-face {
  49. font-family: UCfont;
  50. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-Heavy.eot);
  51. 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");
  52. font-style: normal;
  53. font-weight: 800
  54. }
  55. @font-face {
  56. font-family: UCfont;
  57. src: url(https://dd.unicraft.org/style/fonts/ucfont/hinted-subset-Lato-HeavyItalic.eot);
  58. 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");
  59. font-style: italic;
  60. font-weight: 800
  61. }
  62. body,
  63. html {
  64. height: initial;
  65. width: initial;
  66. font-size: 13px;
  67. line-height: 1.3;
  68. -webkit-box-sizing: border-box;
  69. box-sizing: border-box
  70. }
  71. body {
  72. background: #fff;
  73. font-weight: 400;
  74. margin: 0;
  75. padding: 0
  76. }
  77. * {
  78. -webkit-box-sizing: inherit;
  79. box-sizing: inherit
  80. }
  81. .cert {
  82. font-family: UCfont, "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  83. font-weight: 400;
  84. background-repeat: no-repeat;
  85. background-position: center;
  86. background-size: cover;
  87. background-color: #fff;
  88. display: block;
  89. -webkit-box-flex: 0;
  90. -ms-flex: none;
  91. flex: none;
  92. text-align: center;
  93. position: relative;
  94. height: 728px;
  95. width: 1040px;
  96. }
  97. .cert_student {
  98. font-size: 30px;
  99. font-weight: bold;
  100. left: 10%;
  101. width: 80%;
  102. text-align: center;
  103. position: absolute;
  104. top: 38%;
  105. z-index: 100;
  106. white-space: nowrap;
  107. overflow: hidden;
  108. }
  109. .cert_course {
  110. font-size: 30px;
  111. font-weight: bold;
  112. left: 5%;
  113. width: 90%;
  114. text-align: center;
  115. position: absolute;
  116. top: 51.7%;
  117. z-index: 100;
  118. }
  119. .cert_date {
  120. position: absolute;
  121. top: 59.2%;
  122. text-align: center;
  123. width: 100%;
  124. left: 0;
  125. font-size: 20px;
  126. z-index: 100;
  127. }
  128. .bgimg {
  129. position: absolute;
  130. height: 100%;
  131. width: 100%;
  132. z-index: 0;
  133. left: 0;
  134. top: 0;
  135. background-color: #eee;
  136. }
  137. </style>
  138. </head>
  139. <body>
  140. <div class="cert">
  141. <img src="https://dd.unicraft.org/static/branding/fpprt/cert_custom/bg_2.png" class="bgimg">
  142. <div class="cert_content">
  143. <div class="cert_student">
  144. {{STUDENT}}
  145. </div>
  146. <div class="cert_course">
  147. <!-- &laquo;{{COURSE}}&raquo; -->
  148. <!-- &laquo;Экспертные сессии по Digital-маркетингу&raquo; -->
  149. </div>
  150. <!-- <div class="cert_date">в период с 20.08.2021 по 29.11.2021</div> -->
  151. <!-- <div class="cert_date">в период с {{START}} по {{END}}</div> -->
  152. </div>
  153. </div>
  154. </body>
  155. </html>