Commit 05af8cd4 authored by Anton's avatar Anton
Browse files

base template

No related merge requests found
Showing with 43 additions and 1531 deletions
+43 -1531
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 0 0">
<table width="738" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://otm2020.profi.travel" target="_blank">
<img width="738" height="280" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_top.jpg" alt="">
</a>
</p>
</td>
</tr>
<tr>
<td width="40" valign="top" bgcolor="#09bebc">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_left.jpg" alt="">
</p>
</td>
<td bgcolor="#ffffff" style="padding:30px 40px 30px 40px">
<h1 style="font-family:Arial,sans-serif;font-size:23px;font-weight:normal;line-height:32px;text-align:center">Коллега!</h1>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Уже менее чем через час начнется презентация «{{ webinar.title }}».</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Перейдите по этой ссылке за 10 минут до начала эфира: <a style="color:#00c0fe" href="{{ url('webinar_view', {id: webinar.id}) }}"><font color="#00c0fe">{{ url('webinar_view', {id: webinar.id}) }}</font></a>.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Данная онлайн-презентация является одним из обучающих вебинаров на онлайн-выставке OTM 2019: INDIAN OCEAN & AFRICA.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">OTM 2019: INDIAN OCEAN & AFRICA — востребованное профессионалами турбизнеса обучающее онлайн-мероприятие по продажам премиальных и luxury-туров на Мальдивы, Сейшелы, Маврикий, Шри-Ланку, Танзанию и Австралию.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Участвуйте в онлайн-выставке, зарабатывайте баллы в системе Profi Travel Loyalty, получайте именной диплом и выигрывайте отличные призы.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>С уважением, команда Profi.Travel</b></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Ведущая выставки</b><br>
Ольга Раева <a style="color:#999999" href="mailto:raeva@profi.travel" target="_blank"><font color="#999999">raeva@profi.travel</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Техническая поддержка</b><br>
Андрей Шумов <a style="color:#999999" href="mailto:shumov@profi.travel" target="_blank"><font color="#999999">shumov@profi.travel</font></a><br>
+7 (499) 705 08 25 (доб. 170)</p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам начисления баллов Loyalty</b><br>
Петр Костюков, <a style="color:#999999" href="mailto:loyalty@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
<a style="color:#999999" href="https://web.telegram.org/#/im?p=s1120056791_3059174453751301111" target="_blank"><font color="#999999">Чат поддержки Loyalty в Telegram</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам участия в выставке в качестве экспонента</b><br>
Полина Андрющенко, <a style="color:#999999" href="mailto:welcome@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
+7 (495) 120-28-25 доб. 148
</p>
</td>
<td width="40" valign="top" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_right.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#202020" style="padding:40px 41px 40px 41px">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-family:'Fira Sans',Arial,Helvetica,sans-serif;font-size:15px;line-height:20px;color:#fff">Проект компании ООО «Профи Трэвел»</p>
</td>
<td align="right" valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://profi.travel/" target="_blank">
<img width="130" height="21" border="0" src="https://profi.travel/uploads/workshops/base_includes/logo_profitravel_white.png" alt="">
</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
\ No newline at end of file
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 0 0">
<table width="738" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://otm2020.profi.travel" target="_blank">
<img width="738" height="280" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_top.jpg" alt="">
</a>
</p>
</td>
</tr>
<tr>
<td width="40" valign="top" bgcolor="#09bebc">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_left.jpg" alt="">
</p>
</td>
<td bgcolor="#ffffff" style="padding:30px 40px 30px 40px">
<h1 style="font-family:Arial,sans-serif;font-size:23px;font-weight:normal;line-height:32px;text-align:center">Коллега!</h1>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Напоминаем, что презентация «{{ webinar.title }}» состоится завтра в {{webinar.date|date("H:i")}} по московскому времени.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Перейдите по этой ссылке за 10 минут до начала эфира: <a style="color:#00c0fe" href="{{ url('webinar_view', {id: webinar.id}) }}"><font color="#00c0fe">{{ url('webinar_view', {id: webinar.id}) }}</font></a>.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Данная онлайн-презентация является одним из обучающих вебинаров на онлайн-выставке OTM 2019: INDIAN OCEAN & AFRICA.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">OTM 2019: INDIAN OCEAN & AFRICA — востребованное профессионалами турбизнеса обучающее онлайн-мероприятие по продажам премиальных и luxury-туров на Мальдивы, Сейшелы, Маврикий, Шри-Ланку, Танзанию и Австралию.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Участвуйте в онлайн-выставке, зарабатывайте баллы в системе Profi Travel Loyalty, получайте именной диплом и выигрывайте отличные призы.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>С уважением, команда Profi.Travel</b></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Ведущая выставки</b><br>
Ольга Раева <a style="color:#999999" href="mailto:raeva@profi.travel" target="_blank"><font color="#999999">raeva@profi.travel</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Техническая поддержка</b><br>
Андрей Шумов <a style="color:#999999" href="mailto:shumov@profi.travel" target="_blank"><font color="#999999">shumov@profi.travel</font></a><br>
+7 (499) 705 08 25 (доб. 170)</p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам начисления баллов Loyalty</b><br>
Петр Костюков, <a style="color:#999999" href="mailto:loyalty@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
<a style="color:#999999" href="https://web.telegram.org/#/im?p=s1120056791_3059174453751301111" target="_blank"><font color="#999999">Чат поддержки Loyalty в Telegram</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам участия в выставке в качестве экспонента</b><br>
Полина Андрющенко, <a style="color:#999999" href="mailto:welcome@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
+7 (495) 120-28-25 доб. 148
</p>
</td>
<td width="40" valign="top" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_right.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#202020" style="padding:40px 41px 40px 41px">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-family:'Fira Sans',Arial,Helvetica,sans-serif;font-size:15px;line-height:20px;color:#fff">Проект компании ООО «Профи Трэвел»</p>
</td>
<td align="right" valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://profi.travel/" target="_blank">
<img width="130" height="21" border="0" src="https://profi.travel/uploads/workshops/base_includes/logo_profitravel_white.png" alt="">
</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
\ No newline at end of file
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 0 0">
<table width="738" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://otm2020.profi.travel" target="_blank">
<img width="738" height="280" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_top.jpg" alt="">
</a>
</p>
</td>
</tr>
<tr>
<td width="40" valign="top" bgcolor="#09bebc">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_left.jpg" alt="">
</p>
</td>
<td bgcolor="#ffffff" style="padding:30px 40px 30px 40px">
<h1 style="font-family:Arial,sans-serif;font-size:23px;font-weight:normal;line-height:32px;text-align:center">Коллега!</h1>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Добро пожаловать на онлайн-выставку OTM 2019: INDIAN OCEAN & AFRICA, которая пройдет с 1 по 7 июля на <a style="color:#00c0fe" href="https://indianocean.profi.travel/" target="_blank"><font color="#00c0fe">https://indianocean.profi.travel/</font></a>.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Вы получили это письмо, потому что регистрировались на онлайн-выставку OTM 2019: INDIAN OCEAN & AFRICA — проект компании Profi.Travel.</p>
<p style="padding:10px 20px;margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px;background:#f5f5f5">
Ваши регистрационные данные:<br>
Логин: {{ login }}<br>
Пароль: {{ password }}<br>
</p>
<p style="margin:5px 0 5px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px;text-align:center">Чтобы завершить регистрацию, нажмите на кнопку</p>
<p style="margin:5px 0 5px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;font-weight:bold;line-height:48px;text-align:center"><a style="display:inline-block;padding:0 20px;text-decoration:none;background-color:#ff0000;color:#ffffff" href="{{ activationLink }}" target="_blank"><font color="#ffffff">Подтвердить регистрацию</font></a></p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">OTM 2019: INDIAN OCEAN & AFRICA — востребованное профессионалами турбизнеса обучающее онлайн-мероприятие по продажам премиальных и luxury-туров на Мальдивы, Сейшелы, Маврикий, Шри-Ланку, Танзанию и Австралию.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Участвуйте в онлайн-выставке, зарабатывайте баллы в системе Profi Travel Loyalty, получайте именной диплом и выигрывайте отличные призы.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>С уважением, команда Profi.Travel</b></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Ведущая выставки</b><br>
Ольга Раева <a style="color:#999999" href="mailto:raeva@profi.travel" target="_blank"><font color="#999999">raeva@profi.travel</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Техническая поддержка</b><br>
Андрей Шумов <a style="color:#999999" href="mailto:shumov@profi.travel" target="_blank"><font color="#999999">shumov@profi.travel</font></a><br>
+7 (499) 705 08 25 (доб. 170)</p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам начисления баллов Loyalty</b><br>
Петр Костюков, <a style="color:#999999" href="mailto:loyalty@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
<a style="color:#999999" href="https://web.telegram.org/#/im?p=s1120056791_3059174453751301111" target="_blank"><font color="#999999">Чат поддержки Loyalty в Telegram</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам участия в выставке в качестве экспонента</b><br>
Полина Андрющенко, <a style="color:#999999" href="mailto:welcome@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
+7 (495) 120-28-25 доб. 148
</p>
</td>
<td width="40" valign="top" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_right.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#202020" style="padding:40px 41px 40px 41px">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-family:'Fira Sans',Arial,Helvetica,sans-serif;font-size:15px;line-height:20px;color:#fff">Проект компании ООО «Профи Трэвел»</p>
</td>
<td align="right" valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://profi.travel/" target="_blank">
<img width="130" height="21" border="0" src="https://profi.travel/uploads/workshops/base_includes/logo_profitravel_white.png" alt="">
</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
\ No newline at end of file
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 0 0">
<table width="738" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://otm2020.profi.travel" target="_blank">
<img width="738" height="280" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_top.jpg" alt="">
</a>
</p>
</td>
</tr>
<tr>
<td width="40" valign="top" bgcolor="#09bebc">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_left.jpg" alt="">
</p>
</td>
<td bgcolor="#ffffff" style="padding:30px 40px 30px 40px">
<h1 style="font-family:Arial,sans-serif;font-size:23px;font-weight:normal;line-height:32px;text-align:center">Коллега!</h1>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Напоминаем, что презентация «{{ webinar.title }}» начнется через 5 минут в {{webinar.date|date("H:i")}} по московскому времени.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Перейдите по этой ссылке прямо сейчас: <a style="color:#00c0fe" href="{{ url('webinar_view', {id: webinar.id}) }}"><font color="#00c0fe">{{ url('webinar_view', {id: webinar.id}) }}</font></a>.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Данная онлайн-презентация является одним из обучающих вебинаров на онлайн-выставке OTM 2019: INDIAN OCEAN & AFRICA.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">OTM 2019: INDIAN OCEAN & AFRICA — востребованное профессионалами турбизнеса обучающее онлайн-мероприятие по продажам премиальных и luxury-туров на Мальдивы, Сейшелы, Маврикий, Шри-Ланку, Танзанию и Австралию.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Участвуйте в онлайн-выставке, зарабатывайте баллы в системе Profi Travel Loyalty, получайте именной диплом и выигрывайте отличные призы.</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>С уважением, команда Profi.Travel</b></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Ведущая выставки</b><br>
Ольга Раева <a style="color:#999999" href="mailto:raeva@profi.travel" target="_blank"><font color="#999999">raeva@profi.travel</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Техническая поддержка</b><br>
Андрей Шумов <a style="color:#999999" href="mailto:shumov@profi.travel" target="_blank"><font color="#999999">shumov@profi.travel</font></a><br>
+7 (499) 705 08 25 (доб. 170)</p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам начисления баллов Loyalty</b><br>
Петр Костюков, <a style="color:#999999" href="mailto:loyalty@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
<a style="color:#999999" href="https://web.telegram.org/#/im?p=s1120056791_3059174453751301111" target="_blank"><font color="#999999">Чат поддержки Loyalty в Telegram</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам участия в выставке в качестве экспонента</b><br>
Полина Андрющенко, <a style="color:#999999" href="mailto:welcome@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
+7 (495) 120-28-25 доб. 148
</p>
</td>
<td width="40" valign="top" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_right.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#202020" style="padding:40px 41px 40px 41px">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-family:'Fira Sans',Arial,Helvetica,sans-serif;font-size:15px;line-height:20px;color:#fff">Проект компании ООО «Профи Трэвел»</p>
</td>
<td align="right" valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://profi.travel/" target="_blank">
<img width="130" height="21" border="0" src="https://profi.travel/uploads/workshops/base_includes/logo_profitravel_white.png" alt="">
</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
\ No newline at end of file
......@@ -6,14 +6,15 @@ const gulp = require('gulp'),
browserSync = require('browser-sync'),
concat = require('gulp-concat'),
cleancss = require('gulp-clean-css'),
uglify = require('gulp-uglify-es').default;
uglify = require('gulp-uglify-es').default,
projectDir = './uploads/workshops/projects/selectum19/';
gulp.task('create_css', function() {
gulp.src('./build/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(concat('style.css'))
.pipe(autoprefixer())
.pipe(gulp.dest('./css/'));
.pipe(gulp.dest(projectDir + 'css/'));
});
gulp.task('create_min_css', function() {
......@@ -24,14 +25,13 @@ gulp.task('create_min_css', function() {
.pipe(sourcemaps.init())
.pipe(cleancss())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./css/'));
.pipe(gulp.dest(projectDir + 'css/'));
});
gulp.task('create_js', function() {
gulp.src('./build/**/*.js')
.pipe(concat('main.min.js'))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./js/'));
.pipe(concat('main.js'))
.pipe(gulp.dest(projectDir + 'js/'));
});
gulp.task('create_min_js', function() {
......@@ -40,7 +40,7 @@ gulp.task('create_min_js', function() {
.pipe(sourcemaps.init())
.pipe(uglify())
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./js/'));
.pipe(gulp.dest(projectDir + 'js/'));
});
//Watch task
......
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 0 0">
<table width="738" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://otm2020.profi.travel" target="_blank">
<img width="738" height="280" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_top.jpg" alt="">
</a>
</p>
</td>
</tr>
<tr>
<td width="40" valign="top" bgcolor="#09bebc">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_left.jpg" alt="">
</p>
</td>
<td bgcolor="#ffffff" style="padding:30px 40px 30px 40px">
<h1 style="font-family:Arial,sans-serif;font-size:23px;font-weight:normal;line-height:32px;text-align:center">Коллега!</h1>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Добро пожаловать на онлайн-выставку OTM 2019: INDIAN OCEAN & AFRICA, которая пройдет с 1 по 7 июля на <a style="color:#00c0fe" href="https://indianocean.profi.travel/" target="_blank"><font color="#00c0fe">https://indianocean.profi.travel/</font></a>.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">OTM 2019: INDIAN OCEAN & AFRICA — востребованное профессионалами турбизнеса обучающее онлайн-мероприятие по продажам премиальных и luxury-туров на Мальдивы, Сейшелы, Маврикий, Шри-Ланку, Танзанию и Австралию.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Участвуйте в онлайн-выставке, зарабатывайте баллы в системе Profi Travel Loyalty, получайте именной диплом и выигрывайте отличные призы.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Спасибо, что вы с нами!</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>С уважением, команда Profi.Travel</b></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Ведущая выставки</b><br>
Ольга Раева <a style="color:#999999" href="mailto:raeva@profi.travel" target="_blank"><font color="#999999">raeva@profi.travel</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Техническая поддержка</b><br>
Андрей Шумов <a style="color:#999999" href="mailto:shumov@profi.travel" target="_blank"><font color="#999999">shumov@profi.travel</font></a><br>
+7 (499) 705 08 25 (доб. 170)</p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам начисления баллов Loyalty</b><br>
Петр Костюков, <a style="color:#999999" href="mailto:loyalty@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
<a style="color:#999999" href="https://web.telegram.org/#/im?p=s1120056791_3059174453751301111" target="_blank"><font color="#999999">Чат поддержки Loyalty в Telegram</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам участия в выставке в качестве экспонента</b><br>
Полина Андрющенко, <a style="color:#999999" href="mailto:welcome@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
+7 (495) 120-28-25 доб. 148
</p>
</td>
<td width="40" valign="top" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_right.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#202020" style="padding:40px 41px 40px 41px">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-family:'Fira Sans',Arial,Helvetica,sans-serif;font-size:15px;line-height:20px;color:#fff">Проект компании ООО «Профи Трэвел»</p>
</td>
<td align="right" valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://profi.travel/" target="_blank">
<img width="130" height="21" border="0" src="https://profi.travel/uploads/workshops/base_includes/logo_profitravel_white.png" alt="">
</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
\ No newline at end of file
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 0 0">
<table width="738" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://otm2020.profi.travel" target="_blank">
<img width="738" height="280" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_top.jpg" alt="">
</a>
</p>
</td>
</tr>
<tr>
<td width="40" valign="top" bgcolor="#09bebc">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_left.jpg" alt="">
</p>
</td>
<td bgcolor="#ffffff" style="padding:30px 40px 30px 40px">
<h1 style="font-family:Arial,sans-serif;font-size:23px;font-weight:normal;line-height:32px;text-align:center">Коллега!</h1>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Добро пожаловать на онлайн-выставку OTM 2019: INDIAN OCEAN & AFRICA, которая пройдет с 1 по 7 июля на <a style="color:#00c0fe" href="https://indianocean.profi.travel/" target="_blank"><font color="#00c0fe">https://indianocean.profi.travel/</font></a>.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">OTM 2019: INDIAN OCEAN & AFRICA — востребованное профессионалами турбизнеса обучающее онлайн-мероприятие по продажам премиальных и luxury-туров на Мальдивы, Сейшелы, Маврикий, Шри-Ланку, Танзанию и Австралию.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Участвуйте в онлайн-выставке, зарабатывайте баллы в системе Profi Travel Loyalty, получайте именной диплом и выигрывайте отличные призы.</p>
<p style="margin:25px 0 25px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:14px;line-height:25px">Спасибо, что вы с нами!</p>
<hr style="height:0;margin:25px 0;border:none;border-bottom:#cccccc 1px dashed">
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>С уважением, команда Profi.Travel</b></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Ведущая выставки</b><br>
Ольга Раева <a style="color:#999999" href="mailto:raeva@profi.travel" target="_blank"><font color="#999999">raeva@profi.travel</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>Техническая поддержка</b><br>
Андрей Шумов <a style="color:#999999" href="mailto:shumov@profi.travel" target="_blank"><font color="#999999">shumov@profi.travel</font></a><br>
+7 (499) 705 08 25 (доб. 170)</p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам начисления баллов Loyalty</b><br>
Петр Костюков, <a style="color:#999999" href="mailto:loyalty@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
<a style="color:#999999" href="https://web.telegram.org/#/im?p=s1120056791_3059174453751301111" target="_blank"><font color="#999999">Чат поддержки Loyalty в Telegram</font></a></p>
<p style="margin:15px 0 15px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:16px;color:#999999"><b>По вопросам участия в выставке в качестве экспонента</b><br>
Полина Андрющенко, <a style="color:#999999" href="mailto:welcome@profi.travel" target="_blank"><font color="#999999">academy@profi.travel</font></a><br>
+7 (495) 120-28-25 доб. 148
</p>
</td>
<td width="40" valign="top" bgcolor="#00c0fe">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<img width="40" height="139" src="https://profi.travel/uploads/workshops/workshops/io19/img/mail_right.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#202020" style="padding:40px 41px 40px 41px">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-family:'Fira Sans',Arial,Helvetica,sans-serif;font-size:15px;line-height:20px;color:#fff">Проект компании ООО «Профи Трэвел»</p>
</td>
<td align="right" valign="middle" style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font-size:0;line-height:0">
<a href="https://profi.travel/" target="_blank">
<img width="130" height="21" border="0" src="https://profi.travel/uploads/workshops/base_includes/logo_profitravel_white.png" alt="">
</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
\ No newline at end of file
$main:#0cc;
$green:#8ed101;
$loyalty:#f3c;
@import "variables";
html {
height:100%;
position:relative;
}
body {
min-width:320px;
min-height:100%;
height:auto !important;
position:relative;
padding-top:40px;
padding-bottom:573px;
padding-bottom:$footerHeight;
font-family:'Fira Sans', Arial, sans-serif;
font-size:16px;
font-smooth:always;
-webkit-font-smoothing:antialiased;
line-height:20px;
color:#1a1a1a;
color:$text;
}
#userBar {
display:none !important;
}
.container {
min-width:1140px;
}
.fll {
float:left;
......@@ -33,41 +33,4 @@ body {
}
.tar {
text-align:right;
}
@media (min-width:576px) {
body {
padding-bottom:393px;
}
}
@media (min-width:768px) {
body {
padding-bottom:278px;
}
}
@media (min-width:992px) {}
@media (min-width:1200px) {
body {
padding-bottom:158px;
}
}
@import "button";
@import "comingSoonTabs";
@import "currentWebinar";
@import "dynamic";
@import "footer";
@import "header";
@import "icon";
@import "lastActivity";
@import "liveStatistic";
@import "main";
@import "menu";
@import "news";
@import "popup";
@import "prizes";
@import "rating";
@import "registration";
@import "schedule";
@import "slider";
@import "stands";
@import "text";
@import "tutorial";
\ No newline at end of file
}
\ No newline at end of file
.btn {
display:inline-flex;
justify-content:center;
align-items:center;
max-width:100%;
font-family:'Fira Sans', Arial, sans-serif;
text-decoration:none;
border:none;
background:none;
outline:none;
transition:.3s;
cursor:pointer;
&_medium {
min-height:39px;
padding:10px 20px;
font-size:12px;
font-weight:bold;
line-height:15px;
text-transform:uppercase;
border-radius:20px;
box-shadow:0 2px 5px rgba(6, 7, 7, .15);
}
&_main {
border:#fff 2px solid;
background:url(../img/button_bg.jpg) center / cover no-repeat;
color:#fff;
}
&_registration {
width:228px;
min-height:48px;
padding:14px 30px;
font-size:16px;
font-weight:bold;
line-height:20px;
border:#fff 2px solid;
background:url(../img/button_bg.jpg) center / cover no-repeat;
color:#fff;
border-radius:24px;
box-shadow:0 2px 5px rgba(6, 7, 7, .15);
}
&_audience {
width:30px;
height:30px;
margin:5px;
padding-bottom:4px;
font-size:12px;
line-height:10px;
text-align:center;
border:#fff 1px solid;
border-radius:50%;
}
&_look {
width:228px;
min-height:48px;
margin:11px 0;
padding:14px 30px;
font-size:16px;
font-weight:bold;
line-height:20px;
border:#fff 2px solid;
background:url(../img/button_bg.jpg) center / cover no-repeat;
color:#fff;
border-radius:24px;
box-shadow:0 2px 5px rgba(6, 7, 7, .15);
}
&_loyalty {
color:$loyalty !important;
}
&_popup-close {
width:48px;
height:48px;
position:absolute;
right:0;
top:0;
background:url(../img/close_btn.png) center no-repeat;
}
&:hover {
opacity:.8;
}
&.disabled {
pointer-events:none !important;
filter:grayscale(100%) !important;
opacity:.5 !important;
}
}
@media (min-width:768px) {
.btn {
&_registration {
min-height:65px;
padding:20px 53px;
font-size:20px;
line-height:25px;
border:#fff 2px solid;
border-radius:33px;
}
&_look {
min-height:65px;
padding:20px 53px;
font-size:20px;
line-height:25px;
border:#fff 2px solid;
border-radius:33px;
}
}
}
@media (min-width:992px) {}
@media (min-width:1200px) {}
\ No newline at end of file
#comingSoonTabs {
.dynamic {
&__menu {
display:flex;
font-size:20px;
font-weight:bold;
line-height:24px;
text-align:center;
&-item {
flex:0 1 100%;
max-width:100%;
display:flex;
justify-content:center;
align-items:center;
min-height:52px;
padding:10px 15px;
color:#999;
border-bottom:transparent 5px solid;
transition:.3s;
cursor:pointer;
&:hover {
color:inherit;
border-color:#ccc;
}
&.active {
color:inherit;
border-color:$main;
}
}
}
&__body {
position:relative;
.coming-soon {
padding:8px 15px;
&__item {
padding:7px 0;
&-date {
display:flex;
flex-direction:column;
align-items:center;
flex:0 0 60px;
max-width:60px;
padding:5px 8px 0;
margin-right:14px;
font-weight:bold;
text-align:center;
border:#ccc 1px solid;
transition:.3s;
}
&-day {
font-size:28px;
line-height:19px;
}
&-month {
font-size:12px;
line-height:17px;
}
&-time {
margin:2px 0;
font-size:16px;
line-height:19px;
border-top:#ccc 1px solid;
}
&-event {
font-size:12px;
line-height:13px;
}
&-title {
display:inline-block;
width:100%;
font-size:16px;
font-weight:bold;
line-height:19px;
transition:.3s;
}
a {
display:flex;
align-items:flex-start;
text-decoration:none;
color:inherit;
&:hover {
.coming-soon {
&__item {
&-date {
border-color:$main;
color:$main;
}
&-title {
color:$main;
}
}
}
}
}
}
}
.novelties {
padding:8px 15px;
&__icon {
&_catalog {
flex:0 0 60px;
max-width:60px;
height:67px;
margin-right:14px;
border:#ccc 1px solid;
transition:.3s;
&:after {
content:'';
display:block;
width:100%;
height:100%;
background:#1a1a1a;
mask:url(../img/tutorial.svg) center / 40px 40px no-repeat;
transition:inherit;
}
}
&_page {
flex:0 0 60px;
max-width:60px;
height:67px;
margin-right:14px;
border:#ccc 1px solid;
transition:.3s;
&:after {
content:'';
display:block;
width:100%;
height:100%;
background:#1a1a1a;
mask:url(../img/news.svg) center / 40px 40px no-repeat;
transition:inherit;
}
}
&_stand {
flex:0 0 60px;
max-width:60px;
height:67px;
margin-right:14px;
border:#ccc 1px solid;
transition:.3s;
&:after {
content:'';
display:block;
width:100%;
height:100%;
background:#1a1a1a;
mask:url(../img/stands.svg) center / 40px 40px no-repeat;
transition:inherit;
}
}
}
&__item {
padding:7px 0;
&-event {
font-size:12px;
line-height:13px;
}
&-title {
display:inline-block;
width:100%;
font-size:16px;
font-weight:bold;
line-height:19px;
transition:.3s;
}
a {
display:flex;
align-items:flex-start;
text-decoration:none;
color:inherit;
&:hover {
.novelties {
&__icon {
&_catalog {
border-color:$main;
&:after {
background-color:$main;
}
}
&_page {
border-color:$main;
&:after {
background-color:$main;
}
}
&_stand {
border-color:$main;
&:after {
background-color:$main;
}
}
}
&__item {
&-title {
color:$main;
}
}
}
}
}
}
}
}
}
}
\ No newline at end of file
#currentWebinar {
display:flex;
justify-content:center;
align-items:center;
height:100%;
min-height:480px;
iframe {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
object-position:center;
object-fit:cover;
z-index:0;
filter:blur(5px);
}
.block {
&_dynamic {
&__stream {
overflow:hidden;
display:flex;
flex-direction:column;
width:100%;
height:100%;
position:relative;
padding:24px 46px 8px;
color:#fff;
background:center / cover no-repeat;
&-label {
display:flex;
align-items:center;
position:relative;
font-size:16px;
font-weight:bold;
line-height:20px;
text-transform:uppercase;
z-index:2;
}
&-type {
display:none;
}
&-body {
position:relative;
margin-top:auto;
z-index:2;
}
&-time {
display:none;
}
&-title {
font-size:20px;
font-weight:bold;
line-height:24px;
text-transform:uppercase;
}
&-desc {
font-size:16px;
line-height:16px;
}
&-footer {
position:relative;
padding:6px 0;
z-index:2;
.col-xl {
&-4 {
order:1;
}
&-8 {
order:2;
}
}
}
}
}
&_audience {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin:6px -5px;
&__text {
flex:0 0 100%;
margin:0 5px;
font-size:11px;
line-height:19px;
}
.avatar {
width:30px;
height:30px;
margin:5px;
background:center / cover no-repeat;
border:#fff 1px solid;
border-radius:50%;
}
}
&_countdown {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin:6px 0;
&__text {
flex:0 1 100%;
max-width:150px;
font-size:16px;
line-height:19px;
}
.countdown {
display:flex;
font-size:14px;
line-height:19px;
text-align:center;
}
.countDays {
width:79px;
max-width:33.333333%;
&:before {
content:'дней:';
display:block;
}
}
.countHours {
width:79px;
max-width:33.333333%;
&:before {
content:'часов:';
display:block;
}
}
.countMinutes {
width:79px;
max-width:33.333333%;
&:before {
content:'минут:';
display:block;
}
}
.countSeconds {
width:79px;
max-width:33.333333%;
&:before {
content:'секунд:';
display:block;
}
}
.digit {
font-size:48px;
font-weight:bold;
line-height:48px;
}
}
}
&:after {
content:'';
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0, 0, 0, .5);
z-index:1;
}
}
@media (min-width:576px) {}
@media (min-width:768px) {
#currentWebinar {
.block {
&_dynamic {
&__stream {
&-label {
font-size:20px;
line-height:24px;
}
&-title {
font-size:28px;
line-height:35px;
}
&-desc {
font-size:20px;
line-height:20px;
}
&-footer {
padding:11px 0;
}
}
}
&_audience {
margin:11px -5px;
&__text {
font-size:16px;
}
}
&_countdown {
margin:11px 0;
&__text {
font-size:16px;
}
}
}
}
}
@media (min-width:992px) {
#currentWebinar {
min-height:500px;
}
}
@media (min-width:1200px) {}
\ No newline at end of file
#dynamic {
background:#f2f2f2;
.container {
overflow:hidden;
padding:0;
background:#fff;
}
}
@media (min-width:576px) {}
@media (min-width:768px) {
#dynamic {
padding:30px 0;
.container {
border-radius:70px;
box-shadow:0 5px 35px rgba(4, 8, 50, .1);
}
}
}
@media (min-width:992px) {}
@media (min-width:1200px) {}
\ No newline at end of file
@import "variables";
footer {
overflow:hidden;
display:flex;
align-items:center;
width:100%;
height:573px;
height:$footerHeight;
position:absolute;
left:0;
bottom:0;
padding:28px 15px 15px;
font-size:12px;
line-height:20px;
text-align:center;
background:#333;
color:#fff;
a {
color:#fff;
text-decoration:none;
transition:.3s;
&:hover {
color:$green;
}
}
p {
font-size:12px;
line-height:20px;
}
.col-12 {
margin-top:15px;
margin-bottom:15px;
}
.logo {
width:100%;
margin-top:-13px;
}
.icon_tg {
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
margin-left:5px;
background:#0086c9 url(../img/tg_icon.png) center no-repeat;
}
}
@media (min-width:576px) {
footer {
height:393px;
text-align:left;
}
}
@media (min-width:768px) {
footer {
height:278px;
}
}
@media (min-width:992px) {}
@media (min-width:1200px) {
footer {
height:158px;
.col-12 {
margin-top:0;
margin-bottom:0;
}
.text_green {
min-height:40px;
}
.logo {
margin-top:0;
text-align:center;
font-size:14px;
line-height:21px;
background:#202020;
.container {
a {
text-decoration:none;
color:#636263;
transition:.3s;
img {
margin-right:10px;
}
&:hover {
color:#8fd400;
}
}
}
}
\ No newline at end of file
header {
min-height:360px;
position:relative;
background:$main;
z-index:1;
.header {
display:flex;
align-items:center;
min-height:105px;
margin:0 -15px;
padding:15px;
background:#fff;
&__logo {
width:auto;
height:auto;
max-width:80px;
max-height:80px;
margin-right:15px;
}
&__text {
&-title {
font-size:16px;
font-weight:bold;
line-height:16px;
text-transform:uppercase;
}
&-desc {
font-size:10px;
line-height:15px;
}
&-date {
font-size:14px;
font-weight:bold;
line-height:14px;
}
}
}
.registration {
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
height:250px;
text-align:center;
.btn {
margin:23px 0;
}
&__participants {
display:none;
}
}
}
@media (min-width:576px) {}
@media (min-width:768px) {
header {
min-height:600px;
.header {
flex-direction:column;
min-height:424px;
text-align:center;
background:url(../img/header_bg.png) center top no-repeat;
&__logo {
max-width:250px;
max-height:250px;
margin:15px 0;
}
&__text {
max-width:300px;
margin:0 auto;
&-title {
margin:15px 0;
font-size:24px;
line-height:28px;
}
&-desc {
margin:11px 0;
font-size:16px;
line-height:23px;
}
&-date {
margin:11px 0;
font-size:20px;
line-height:24px;
}
}
}
.registration {
justify-content:center;
height:170px;
&__participants {
display:flex;
align-items:center;
text-align:left;
color:#fff;
text-shadow:4px 4px 10px rgba(6, 7, 7, .15);
&-num {
padding-top:2px;
margin-right:15px;
font-size:28px;
font-weight:bold;
line-height:34px;
}
&-desc {
font-size:16px;
line-height:12px;
}
}
}
}
}
@media (min-width:992px) {
header {
margin-bottom:65px;
.header {
width:440px;
}
.registration {
width:410px;
}
}
}
@media (min-width:1200px) {}
\ No newline at end of file
@import "variables";
header {
}
\ No newline at end of file
.icon {
&_prizes {
display:block;
width:25px;
height:25px;
margin-right:15px;
mask:url(../img/prizes.svg) center no-repeat;
}
&_stands {
display:block;
width:25px;
height:25px;
margin-right:15px;
mask:url(../img/stands.svg) center no-repeat;
}
&_schedule {
display:block;
width:25px;
height:25px;
margin-right:15px;
mask:url(../img/schedule.svg) center no-repeat;
}
&_rating {
display:block;
width:25px;
height:25px;
margin-right:15px;
mask:url(../img/rating.svg) center no-repeat;
}
&_tutorial {
display:block;
width:25px;
height:25px;
margin-right:15px;
mask:url(../img/tutorial.svg) center no-repeat;
}
&_news {
display:block;
width:25px;
height:25px;
margin-right:15px;
mask:url(../img/news.svg) center no-repeat;
}
&_soon {
width:15px;
height:15px;
margin-right:10px;
border-radius:50%;
background-color:#37addf;
}
&_air {
display:inline-block;
width:15px;
height:15px;
margin-right:10px;
border-radius:50%;
background-color:#f00;
}
}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {
.icon {
&_prizes {
margin:0;
}
&_stands {
margin:0;
}
&_schedule {
margin:0;
}
&_rating {
margin:0;
}
&_tutorial {
margin:0;
}
&_news {
margin:0;
}
}
}
@media (min-width:1200px) {}
\ No newline at end of file
#last-activity {
overflow:hidden;
}
#lastUserRating {
padding:120px 20px 20px;
font-size:12px;
line-height:16px;
&Image {
width:80px;
height:80px;
margin-bottom:4px;
}
&Size {
margin-top:25px;
}
&FirstName {
font-size:18px;
line-height:22px;
}
&LastName {
font-size:18px;
line-height:22px;
}
&Description {
font-size:14px;
line-height:18px;
}
.__avatar {
margin:-110px 0 0;
}
.__rating {
margin:-110px 0 0;
}
.__title {
font-size:14px;
line-height:18px;
}
}
@media (min-width:576px) {}
@media (min-width:768px) {
#lastUserRating {
overflow:hidden;
border:none;
border-radius:95px;
box-shadow:0 5px 35px rgba(6, 7, 7, .1);
&Image {
width:125px;
height:125px;
margin-bottom:12px;
}
&Size {
margin-top:40px;
}
&ProgressBar {
bottom:0;
}
.__avatar {
margin:-110px 0 0;
}
.__rating {
margin:-110px 0 0;
}
}
}
@media (min-width:992px) {
#lastUserRating {
padding:24px 190px 20px;
font-size:17px;
line-height:19px;
.__avatar {
margin: 0 0 0 -160px;
}
.__rating {
margin:0 -160px 0 0;
}
}
}
@media (min-width:1200px) {}
\ No newline at end of file
#liveStatistic {
padding:24px 0;
text-align:center;
background:$main url(../img/livestatistic_bg.png) center;
.live-statistic {
&__count {
padding:12px 0;
font-size:48px;
font-weight:bold;
line-height:58px;
color:#fff;
}
&__text {
font-size:16px;
line-height:20px;
}
}
}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {}
@media (min-width:1200px) {
#liveStatistic {
padding:24px 150px;
}
}
\ No newline at end of file
main {
h1 {
margin:19px 0;
font-size:28px;
line-height:34px;
text-transform:uppercase;
}
}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {}
@media (min-width:1200px) {}
\ No newline at end of file
@import "variables";
main {
}
\ No newline at end of file
#main-menu {
overflow-y:auto;
width:240px;
height:100vh;
position:fixed;
left:0;
top:40px;
padding-top:50px;
background:#fff;
box-shadow:0 2px 5px rgba(6, 7, 7, .15);
transition:.3s;
transform:translateX(-100%);
z-index:9;
&.open {
transform:none !important;
}
nav {
display:flex;
flex-direction:column;
font-size:14px;
font-weight:bold;
line-height:22px;
a {
display:flex;
align-items:center;
text-align:center;
padding:10px 0;
color:inherit;
text-transform:uppercase;
text-decoration:none;
transition:.3s;
.icon {
background-color:#1a1a1a;
transition:inherit;
}
&:hover {
color:$main;
.icon {
background-color:$main;
}
}
&.disabled {
display:none;
}
}
}
}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {
#main-menu {
width:100%;
height:auto;
position:static;
padding:9px 0;
margin-top:-65px;
transform:none;
&.fixed {
position:fixed;
transform:translateY(100%);
}
nav {
flex-direction:row;
justify-content:space-between;
align-items:center;
a {
flex:0 1 100%;
max-width:100%;
padding:0;
flex-direction:column;
}
}
}
.js-show-menu {
display:none !important;
}
}
@media (min-width:1200px) {}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment