JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<h1>Инструкция по интеграции с InstallPack.ru</h1>

<h2>Вставляемый на сайт код</h2>

<h3>1. Получение cid и uid. Файл подключаем в head</h3>
<pre>&lt;script src="https://authentication.me/auth.php">&lt;/script></pre>

<h3>2. Ссылка на скачивание InstallPack</h3>
<pre>
&lt;style>
.ip-button,.ip-motto{font-family:'Century Gothic','Lucida Grande',Verdana,Arial,Sans-Serif;text-align:center}@font-face{font-family:'Century Gothic';src:url(https://installpack.net/wp-content/themes/installpack/fonts/CenturyGothic.eot?#iefix) format('embedded-opentype'),url(https://installpack.net/wp-content/themes/installpack/fonts/CenturyGothic.woff) format('woff'),url(https://installpack.net/wp-content/themes/installpack/fonts/CenturyGothic.ttf) format('truetype'),url(https://installpack.net/wp-content/themes/installpack/fonts/CenturyGothic.svg#CenturyGothic) format('svg');font-weight:400;font-style:normal}.ip-motto{color:#448dd0;font-size: 18px;}.ip-promo-video{max-width:700px;width:100%;margin:0 auto;display:block}.ip-button{color:#FFF;background:url(https://installpack.net/wp-content/themes/installpack/images/ip_button.png);display:block;margin:10px auto;width:201px;height:46px;padding:10px 0 0 58px;text-decoration:none}
&lt;/style>
&lt;h2 class="ip-motto">InstallPack - бесплатный мультиустановщик программ для Windows&lt;/h2>
&lt;a class="dyn-link ip-promo-video" href="https://installpack.ru/" data-cn="ip_animated_promo" data-cc="ip_animation_old" data-cs="relizua.com" data-cm="" data-name="">
&lt;video class="ip-promo-video" autoplay="true" loop="true">
  &lt;source src="https://installpack.ru/wp-content/themes/installpack/media/installpack_demo_converted.mp4" type="video/mp4">
  &lt;source src="https://installpack.ru/wp-content/themes/installpack/media/installpack_demo_converted.webm" type="video/webm">
  &lt;source src="https://installpack.ru/wp-content/themes/installpack/media/installpack_demo_converted.ogv" type="video/ogv">
&lt;/video>
&lt;/a>
&lt;a target="_blank"...

CSS

body {
  font-family: Verdana, sans-serif;
  background: #FFF;
}
pre {
  font-family: monospace;
  margin: 0 0 0 20px;
  padding: 10px;
  border-left: 3px solid #444;
  background: #EEE;
}