Skip to content
GitLab
Commit d4d29ebe authored by Anton's avatar Anton
Browse files

- стили стрима

parent 8f31b15d
neozn-winter-20
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 534 additions and 1418 deletions
+534 -1418
5min.html deleted 100644 → 0
+ 0
- 37
View file @ 8f31b15d
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" rel="stylesheet">
<table width="738" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="padding:0 0 0 0">
<p style="margin:0 0 0 0;font:0/0 d">
<img width="738" height="260" src="https://profi.travel/uploads/workshops/workshops/zn_w20/img/mail_top.jpg" alt="">
</p>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:65px 54px 65px 54px">
<h1 style="margin:22px 0 22px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:28px;font-weight:900;line-height:36px;text-transform:uppercase;color:#000222">Добрый день!</h1>
<p style="margin:22px 0 22px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:18px;line-height:1.5;color:#000222">Напоминаем, что эфир &laquo;{{ webinar.title }}&raquo; начнется через 5&nbsp;минут&nbsp;в {{ webinar.date|date("H:i") }} по&nbsp;московскому времени.</p>
<p style="margin:22px 0 22px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:18px;line-height:1.5;color:#000222">Перейдите по&nbsp;этой ссылке прямо сейчас: <a href="{{ url('webinar_view', {id: webinar.id}) }}" target="_blank" style="color:#000222;background:#ffee00">{{ url('webinar_view', {id: webinar.id}) }}</a></p>
<p style="margin:22px 0 22px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:18px;line-height:1.5;color:#000222">Эфир проходит в&nbsp;рамках онлайн-выставки <a href="https://nashe2021.profi.travel/" target="_blank" style="color:#000222;background:#ffee00">&laquo;Знай Наше: осень-зима 20/21&raquo;</a>.</p>
<hr style="margin:55px 0 15px 0;border:none;border-top:#cccccc 1px dashed"/>
<p style="margin:14px 0 14px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:1.5;color:#cccccc">
<b>С&nbsp;уважением, команда Profi.Travel</b></p>
<p style="margin:14px 0 14px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:1.5;color:#cccccc">
<b>Ведущая выставки</b> <br>
Алена Корнилова, <a href="mailto:kornilova@profi.travel" style="color:#cccccc">kornilova@profi.travel</a></p>
<p style="margin:14px 0 14px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:1.5;color:#cccccc">
<b>Техническая поддержка</b> <br>
Андрей Шумов, <a href="mailto:shumov@profi.travel" style="color:#cccccc">shumov@profi.travel</a> <br>
+7 (499) 705-08-25 (доб.&nbsp;170)</p>
<p style="margin:14px 0 14px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:1.5;color:#cccccc">
<b>По&nbsp;вопросам начисления баллов Loyalty</b> <br>
Петр Костюков, <a href="mailto:loyalty@profi.travel" style="color:#cccccc">loyalty@profi.travel</a> <br>
<a href="https://t.me/joinchat/AAAAAELCtddBZO6bRosJZQ" target="_blank" style="color:#ccc">Чат поддержки Loyalty в&nbsp;Telegram</a></p>
<p style="margin:14px 0 14px 0;font-family:'Fira Sans',Arial,sans-serif;font-size:12px;line-height:1.5;color:#cccccc">
<b>По&nbsp;вопросам участия в&nbsp;выставке в&nbsp;качестве экспонента</b> <br>
Вера Волкова, <a href="mailto:welcome@profi.travel" style="color:#cccccc">welcome@profi.travel</a> <br>
+7 (495) 120-28-25, доб.&nbsp;140</p>
</td>
</tr>
</table>
\ No newline at end of file
build/buttons.sass
+ 0
- 32
View file @ d4d29ebe
......@@ -134,37 +134,5 @@
transform: scale(0)
&:nth-child(3)
transform: rotate(-45deg)
&-inner
width: 48px
height: 48px
position: fixed
right: 15px
top: 48px
background: $base_dark
border-radius: 50%
z-index: 99
+miw(768)
top: 52px
.line
width: 16px
height: 2px
position: absolute
left: 50%
top: 50%
margin: -1px 0 0 -8px
background: #fff
transition: .3s
&:nth-child(1)
transform: translateY(-6px)
&:nth-child(3)
transform: translateY(6px)
&.active
.line
&:nth-child(1)
transform: rotate(45deg)
&:nth-child(2)
transform: scale(0)
&:nth-child(3)
transform: rotate(-45deg)
&:hover
opacity: .8
\ No newline at end of file
build/inner-event.sass deleted 100644 → 0
+ 0
- 37
View file @ 8f31b15d
@import 'variables'
#inner-event
ul
list-style: none
padding-left: 30px
li
font-size: 18px
line-height: 33px
&:not(:last-child)
margin-bottom: 33px
&:before
content: ''
display: inline-block
vertical-align: top
width: 10px
height: 10px
float: left
margin: 11px 0 0 -28px
background: $yellow
border-radius: 50%
& > b
font-weight: 800
.inner-event
&__time
display: inline-block
margin: 6px -4px
padding: 0 4px
font-size: 18px
font-weight: 800
line-height: 28px
text-transform: uppercase
background: $yellow
&__audience
margin: 6px 0
font-size: 14px
line-height: 22px
color: $gray-1
\ No newline at end of file
build/inner-experts.sass deleted 100644 → 0
+ 0
- 41
View file @ 8f31b15d
@import 'variables'
#inner-experts
h3
display: flex
align-items: center
&:after
content: ''
display: block
flex-grow: 1
margin-left: 15px
border-top: $base_dark 1px solid
.expert
display: grid
grid-template-columns: 77px 1fr
grid-gap: 17px
align-items: center
text-decoration: none
color: inherit
&__photo
align-self: start
width: 77px
height: 77px
object-position: center
object-fit: cover
border-radius: 50%
&__info
display: grid
grid-gap: 5px
&-name
font-size: 17px
line-height: 24px
&-position
font-size: 11px
line-height: 14px
&-wrapper
display: grid
grid-gap: 26px
+miw(768)
grid-template-columns: repeat(2, 1fr)
+miw(1200)
grid-template-columns: repeat(3, 1fr)
build/inner-organizers.sass deleted 100644 → 0
+ 0
- 40
View file @ 8f31b15d
@import 'variables'
#inner-organizers
background: #fff
+miw(768)
margin: 0 -15px
+miw(1200)
margin: 0
.organizer
&__title
flex: 0 1 0
margin: 0 0 12px
font-size: 14px
line-height: 1
color: $gray-1
+miw(768)
margin: 0 13px 0 0
&__logo
display: flex
align-items: center
max-width: 100%
height: 70px
img
max-width: 100%
max-height: 100%
object-position: center
object-fit: contain
&__group
display: flex
flex-direction: column
+miw(768)
flex-direction: row
align-items: center
&-wrapper
display: grid
grid-template-columns: auto auto
grid-gap: 30px
padding: 14px 0
+miw(768)
grid-column-gap: 60px
padding: 22px 0
\ No newline at end of file
build/inner-partners.sass deleted 100644 → 0
+ 0
- 28
View file @ 8f31b15d
@import 'variables'
#inner-partners
padding-bottom: 43px
+miw(768)
padding-bottom: 50px
+miw(1200)
padding: 36px 0 64px
.partner
padding: 12px
background: $gray-2
img
width: 100%
height: 68px
object-position: center
object-fit: contain
+miw(768)
height: 60px
&-wrapper
display: grid
grid-template-columns: repeat(2, 1fr)
grid-gap: 20px
padding-bottom: 30px
+miw(768)
grid-template-columns: repeat(4, 1fr)
grid-gap: 33px 58px
+miw(1200)
grid-template-columns: repeat(7, 1fr)
grid-gap: 30px
build/inner-player.sass deleted 100644 → 0
+ 0
- 12
View file @ 8f31b15d
@import 'variables'
#inner-player
overflow: hidden
max-width: 761px
height: 200px
margin: 13px 0
background: $base_dark
+miw(768)
height: 444px
margin: 36px 0
+miw(1200)
height: 475px
build/inner-registration.sass deleted 100644 → 0
+ 0
- 77
View file @ 8f31b15d
@import 'variables'
.inner-registration
display: grid
grid-gap: 26px
margin: 13px 0
+miw(768)
grid-template-columns: 255px 1fr
margin: 36px 0
&__checkbox
&-btn
width: 100%
min-height: 44px
position: relative
padding: 0 59px 0 14px
font-family: inherit
font-size: 17px
font-weight: bold
line-height: 20px
background: $yellow
color: inherit
border-radius: 5px
transition: .3s
cursor: pointer
&:hover
opacity: .8
&:before
content: ''
width: 17px
height: 17px
position: absolute
right: 13px
top: 13px
background: url(../img/processed_icon.svg) center no-repeat
opacity: 0
transition: opacity .3s
animation: spinner 1s steps(8) infinite
&:after
content: ''
width: 44px
height: 44px
position: absolute
right: 0
top: 0
border-left: #fff 1px solid
background: url(../img/subscribe_icon.svg) center no-repeat
transition: none
&.processed
background: $yellow
color: inherit
&:before
opacity: 1
&:after
background: none
&.subscribed
background: $yellow
color: inherit
&:after
background-image: url(../img/subscribed_icon.svg)
&:disabled
pointer-events: none
filter: grayscale(100%)
&:after
opacity: 1
&__participants
display: grid
grid-template-columns: auto 1fr
max-width: 264px
grid-gap: 11px
font-size: 14px
line-height: 1
align-items: center
color: $base-dark
&-count
font-size: 30px
font-weight: 800
&-hint
color: $gray-1
build/inner-top.sass deleted 100644 → 0
+ 0
- 43
View file @ 8f31b15d
@import 'variables'
#inner-top
padding: 11px 0
background: $yellow
+miw(768)
padding: 9px 0
+miw(1200)
padding: 5px 0
a
color: inherit
text-decoration: none
& > .container
display: flex
align-items: center
.logo
display: grid
grid-template-columns: 43px 215px
grid-gap: 12px
align-items: center
margin-right: auto
+miw(768)
grid-template-columns: 59px 365px
grid-gap: 35px
+miw(1200)
grid-template-columns: 75px 365px
grid-gap: 19px
img
width: 43px
height: 39px
object-position: left center
object-fit: contain
+miw(768)
width: 59px
height: 54px
+miw(1200)
width: 75px
height: 69px
figcaption
font-size: 12px
line-height: 14px
+miw(768)
font-size: 14px
line-height: 16px
build/main.sass
+ 1
- 19
View file @ d4d29ebe
......@@ -33,22 +33,4 @@ main
line-height: 24px
+miw(768)
margin: 36px 0
line-height: 27px
&.inner-page
background: #fff
+miw(768)
background: #fff url(../img/inner-egg.svg) calc(50% + 500px) center no-repeat
+miw(1200)
background: #fff url(../img/inner-egg.svg) calc(50% + 600px) center no-repeat
h2
font-size: 28px
line-height: 36px
+miw(768)
font-size: 45px
line-height: 54px
h3
font-size: 28px
font-weight: 800
line-height: 54px
+miw(768)
font-size: 36px
\ No newline at end of file
line-height: 27px
\ No newline at end of file
build/menu.sass
+ 1
- 20
View file @ d4d29ebe
......@@ -55,23 +55,4 @@
box-shadow: 0 4px 25px rgba(0, 0, 0, .15)
&.open
transform: translateX(-320px)
box-shadow: -4px 0 25px rgba(0, 0, 0, .15)
&.inner-menu
+miw(1200)
position: static
.container
a
+miw(1200)
margin: 0 8px
color: $base_dark
font-weight: normal
.divider
display: none
+miw(1200)
display: inline-block
width: 6px
text-align: center
&.fixed
position: fixed
+miw(1200)
top: -10px
\ No newline at end of file
box-shadow: -4px 0 25px rgba(0, 0, 0, .15)
\ No newline at end of file
index.html
+ 532
- 210
View file @ d4d29ebe
This diff is collapsed.
index1.html deleted 100644 → 0
+ 0
- 644
View file @ 8f31b15d
This diff is collapsed.
inner.html.twig deleted 100644 → 0
+ 0
- 178
View file @ 8f31b15d
<a href="#" class="btn btn_sandwich-inner" data-role="toggle-menu">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</a>
<main class="inner-page">
<section id="inner-top">
<div class="container">
<a href="{{ workshop_path(workshop.id) }}">
<figure class="logo">
<img src="/uploads/workshops/workshops/zn_w20/img/inner_top_logo.svg" alt="">
<figcaption>Эфир в&nbsp;рамках деловой программы онлайн-выставки &laquo;Знай наше: осень-зима 20/21&raquo;</figcaption>
</figure>
</a>
<nav id="menu-main" class="inner-menu">
<div class="container">
<a href="{{ workshop_path(workshop.id) }}#about">О выставке</a>
<span class="divider">•</span>
<a href="{{ workshop_path(workshop.id) }}#stands">Экспоненты</a>
<span class="divider">•</span>
<a href="{{ workshop_path(workshop.id) }}#schedule">Программа</a>
<span class="divider">•</span>
<a href="{{ workshop_path(workshop.id) }}#prizes">Призы и диплом</a>
<span class="divider">•</span>
<a href="{{ workshop_path(workshop.id) }}#rating">Рейтинг</a>
</div>
</nav>
</div>
</section>
<section id="inner-organizers">
<div class="container">
<div class="organizer-wrapper">
<div class="organizer__group">
<div class="organizer__title">Организатор</div>
<figure class="organizer__logo">
<img src="/uploads/workshops/workshops/zn_w20/img/header_logo_01.png" alt="">
</figure>
</div>
<div class="organizer__group">
<div class="organizer__title">При поддержке</div>
<figure class="organizer__logo">
<img src="/uploads/workshops/workshops/zn_w20/img/header_logo_02.png" alt="">
</figure>
<figure class="organizer__logo">
<img src="/uploads/workshops/workshops/zn_w20/img/header_logo_03.png" alt="">
</figure>
</div>
</div>
</div>
</section>
<section id="inner-event">
<div class="container">
<time datetime="" class="inner-event__time">2 сентября, 10:00 мск</time>
<div class="inner-event__audience">Для регионов РФ, турбизнеса</div>
<h2 class="ttu">Торжественное открытие «Знай наше: осень-зима 20/21»: планы Ростуризма и анализ летнего сезона 2020</h2>
<div id="inner-player"></div>
<div class="inner-registration">
<button type="button" data-registration-role="start-registration" class="inner-registration__checkbox-btn">Записаться</button>
<!--<button type="button" data-registration-role="start-registration" class="inner-registration__checkbox-btn processed" disabled>Записаться</button>-->
<!--<button type="button" data-registration-role="start-registration" class="inner-registration__checkbox-btn subscribed">Вы записаны</button>-->
<!--<button type="button" data-registration-role="start-registration" class="inner-registration__checkbox-btn subscribed" disabled>Вы записаны</button>-->
<div class="inner-registration__participants">
<div class="inner-registration__participants-count">1600</div>
<div class="inner-registration__participants-hint">коллег уже зарегистрировалось</div>
</div>
</div>
<h2>Программа эфира</h2>
<ul>
<li><b>Планы Ростуризма:</b><br> новые субсидии и другие меры поддержки и развития отрасли.</li>
<li><b>Анализ лета-2020:</b><br> как российский турист реагирует на новые турпродукты и локации, и какие перспективы для регионов намечаются уже сейчас.</li>
</ul>
</div>
</section>
<section id="inner-experts">
<div class="container">
<h3>Спикеры</h3>
<div class="expert-wrapper">
<a class="expert moderator" href="#">
<img class="expert__photo" src="/uploads/workshops/workshops/zn_w20/img/tutorial_02.jpg" alt="">
<span class="expert__info">
<span class="expert__info-name">Алексей Венгин</span>
<span class="expert__info-position">Генеральный директор Profi.Travel</span>
<span class="expert__info-position text_cyan">модератор</span> <!-- @todo twig'ом, через isModerator -->
</span>
</a>
<a class="expert" href="#">
<img class="expert__photo" src="/uploads/workshops/workshops/zn_w20/img/tutorial_02.jpg" alt="">
<span class="expert__info">
<span class="expert__info-name">Ольга Захарова</span>
<span class="expert__info-position">Заместитель генерального директора АНО «Агентство стратегических инициатив по продвижению новых проектов»</span>
</span>
</a>
<a class="expert" href="#">
<img class="expert__photo" src="/uploads/workshops/workshops/zn_w20/img/tutorial_02.jpg" alt="">
<span class="expert__info">
<span class="expert__info-name">Алексей Венгин</span>
<span class="expert__info-position">Генеральный директор Profi.Travel</span>
</span>
</a>
<a class="expert" href="#">
<img class="expert__photo" src="/uploads/workshops/workshops/zn_w20/img/tutorial_02.jpg" alt="">
<span class="expert__info">
<span class="expert__info-name">Алексей Венгин</span>
<span class="expert__info-position">Генеральный директор Profi.Travel</span>
</span>
</a>
</div>
</div>
</section>
<section id="inner-partners">
<div class="container">
<h2>Партнеры эфира</h2>
<div class="partner-wrapper">
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_01.png" alt="">
</figure>
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_02.png" alt="">
</figure>
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_03.png" alt="">
</figure>
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_04.png" alt="">
</figure>
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_05.png" alt="">
</figure>
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_06.png" alt="">
</figure>
<figure class="partner">
<img src="/uploads/workshops/workshops/zn_w20/img/partner_06.png" alt="">
</figure>
</div>
<p class="text_gray">*Использование материалов эфиров и&nbsp;цитирование спикеров возможно только с&nbsp;указанием названия мероприятия &laquo;онлайн-выставка &laquo;Знай Наше&raquo; и&nbsp;организатора&nbsp;&mdash; медиахолдинг Profi.Travel.</p>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="logo">
<a href="/" target="_blank">
<img src="/uploads/workshops/base_includes/pt_logo.png" alt="">
</a>
</div>
<div class="contact">
<div class="contact__title">Ведущая выставки</div>
<div class="contact__desc">
<b>Евгения Таганова</b><br>
<a href="mailto:taganova@profi.travel">taganova@profi.travel</a>
</div>
</div>
<div class="contact">
<div class="contact__title">По вопросам<br> участия в выставке</div>
<div class="contact__desc">
<b>Полина Андрющенко</b><br>
<a href="mailto:welcome@profi.travel">welcome@profi.travel</a><br>
<a class="btn btn_advertising" href="/advertising">Связаться</a>
</div>
</div>
<div class="contact">
<div class="contact__title">Техническая поддержка</div>
<div class="contact__desc">
<b>Андрей Шумов</b><br>
<a href="mailto:shumov@profi.travel">shumov@profi.travel</a><br>
+7 (499) 705 08 25 (доб. 170)
</div>
</div>
<div class="contact">
<div class="contact__title">По вопросам<br> начисления баллов <span class="text_loyalty">Loyalty</span></div>
<div class="contact__desc">
<b>Петр Костюков</b><br>
<a href="https://t.me/joinchat/AAAAAELCtddBZO6bRosJZQ" target="_blank">Чат поддержки Loyalty в Telegram <img class="tg_icon" src="/uploads/workshops/base_includes/tg_icon.png" alt=""></a>
</div>
</div>
</div>
</footer>
\ 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