781 lines
17 KiB
PHP
781 lines
17 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Spirometry Simplified</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
|
rel="stylesheet">
|
|
<style type="text/css">
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
@page {
|
|
margin: 0px;
|
|
}
|
|
|
|
body {
|
|
background-color: #fff;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
font-family: 'Poppins', sans-serif;
|
|
color: #000;
|
|
text-align: center;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 700;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
h1 {
|
|
font-size: 34px
|
|
}
|
|
|
|
h2 {
|
|
font-size: 30px
|
|
}
|
|
|
|
h3 {
|
|
font-size: 26px
|
|
}
|
|
|
|
h4 {
|
|
font-size: 24px
|
|
}
|
|
|
|
h5 {
|
|
font-size: 18px
|
|
}
|
|
|
|
h6 {
|
|
font-size: 14px
|
|
}
|
|
|
|
p {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
div {
|
|
width: 100%
|
|
}
|
|
|
|
.middle_content {
|
|
max-width: 800px;
|
|
margin: 10px auto;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
|
|
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
|
|
box-shadow: 0 0 12px rgba(0, 0, 0, .2);
|
|
padding: 20px 0;
|
|
text-align: center;
|
|
position: relative
|
|
}
|
|
|
|
.text_center {
|
|
text-align: center
|
|
}
|
|
|
|
.text_left {
|
|
text-align: left
|
|
}
|
|
|
|
.text_right {
|
|
text-align: right
|
|
}
|
|
|
|
.font_4 {
|
|
font-size: 4px
|
|
}
|
|
|
|
.font_6 {
|
|
font-size: 6px
|
|
}
|
|
|
|
.font_8 {
|
|
font-size: 8px
|
|
}
|
|
|
|
.font_9 {
|
|
font-size: 9px
|
|
}
|
|
|
|
.font_10 {
|
|
font-size: 10px
|
|
}
|
|
|
|
.font_11 {
|
|
font-size: 11px
|
|
}
|
|
|
|
.font_12 {
|
|
font-size: 12px
|
|
}
|
|
|
|
.font_13 {
|
|
font-size: 13px
|
|
}
|
|
|
|
.font_14 {
|
|
font-size: 14px
|
|
}
|
|
|
|
.font_15 {
|
|
font-size: 15px
|
|
}
|
|
|
|
.font_16 {
|
|
font-size: 16px
|
|
}
|
|
|
|
.font_18 {
|
|
font-size: 18px
|
|
}
|
|
|
|
.font_19 {
|
|
font-size: 19px
|
|
}
|
|
|
|
.font_20 {
|
|
font-size: 20px
|
|
}
|
|
|
|
.font_42 {
|
|
font-size: 42px
|
|
}
|
|
|
|
.font_bold {
|
|
font-weight: 700
|
|
}
|
|
|
|
.text_uppercase {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.text_capital {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.text_white {
|
|
color: #fff !important
|
|
}
|
|
|
|
.text_blue {
|
|
color: #005ba6 !important
|
|
}
|
|
|
|
.text_sky {
|
|
color: #00b1a6 !important
|
|
}
|
|
|
|
.bg_white {
|
|
background-color: #fff
|
|
}
|
|
|
|
.mt0 {
|
|
margin-top: 0
|
|
}
|
|
|
|
.mb0 {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.mt5 {
|
|
margin-top: 5px
|
|
}
|
|
|
|
.mb5 {
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.mt30 {
|
|
margin-top: 30px
|
|
}
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
.mt40 {
|
|
margin-top: 40px
|
|
}
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.mt50 {
|
|
margin-top: 50px
|
|
}
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px
|
|
}
|
|
|
|
.p0 {
|
|
padding: 0 !important
|
|
}
|
|
|
|
.p8 {
|
|
padding: 8px
|
|
}
|
|
|
|
.full_width {
|
|
width: 100%
|
|
}
|
|
|
|
.w60 {
|
|
width: 60px
|
|
}
|
|
|
|
.w80 {
|
|
width: 80px
|
|
}
|
|
|
|
.w100 {
|
|
width: 100px
|
|
}
|
|
|
|
.w120 {
|
|
width: 120px
|
|
}
|
|
|
|
.w140 {
|
|
width: 140px
|
|
}
|
|
|
|
.w160 {
|
|
width: 160px
|
|
}
|
|
|
|
.w180 {
|
|
width: 180px
|
|
}
|
|
|
|
.w200 {
|
|
width: 200px
|
|
}
|
|
|
|
.w300 {
|
|
width: 300px
|
|
}
|
|
|
|
.w400 {
|
|
width: 400px
|
|
}
|
|
|
|
.w500 {
|
|
width: 500px
|
|
}
|
|
|
|
.w600 {
|
|
width: 600px
|
|
}
|
|
|
|
.w360 {
|
|
width: 360px
|
|
}
|
|
|
|
.w460 {
|
|
width: 460px
|
|
}
|
|
|
|
.w560 {
|
|
width: 560px
|
|
}
|
|
|
|
.w620 {
|
|
width: 620px
|
|
}
|
|
|
|
.h20 {
|
|
height: 20px
|
|
}
|
|
|
|
.h40 {
|
|
height: 40px
|
|
}
|
|
|
|
.h60 {
|
|
height: 60px
|
|
}
|
|
|
|
.h80 {
|
|
height: 80px
|
|
}
|
|
|
|
.h100 {
|
|
height: 100px
|
|
}
|
|
|
|
.h120 {
|
|
height: 120px
|
|
}
|
|
|
|
.h140 {
|
|
height: 140px
|
|
}
|
|
|
|
.h160 {
|
|
height: 160px
|
|
}
|
|
|
|
.h180 {
|
|
height: 180px
|
|
}
|
|
|
|
.h200 {
|
|
height: 200px
|
|
}
|
|
|
|
.h300 {
|
|
height: 300px
|
|
}
|
|
|
|
.h400 {
|
|
height: 400px
|
|
}
|
|
|
|
.border1 {
|
|
border: 1px solid #999 !important
|
|
}
|
|
|
|
.border_bottom {
|
|
border-bottom: 1px solid #999 !important
|
|
}
|
|
|
|
.border_left {
|
|
border-left: 1px solid #999 !important
|
|
}
|
|
|
|
.border_right {
|
|
border-right: 1px solid #999 !important
|
|
}
|
|
|
|
.border0 {
|
|
border: 0 !important
|
|
}
|
|
|
|
.border_bottom0 {
|
|
border-bottom: 0 !important
|
|
}
|
|
|
|
.border_left0 {
|
|
border-left: 0 !important
|
|
}
|
|
|
|
.border_right0 {
|
|
border-right: 0 !important
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
text-align: left;
|
|
vertical-align: top
|
|
}
|
|
|
|
table,
|
|
td,
|
|
th {
|
|
border: 1px solid #999;
|
|
font-size: 14px;
|
|
border-collapse: collapse;
|
|
vertical-align: top !important
|
|
}
|
|
|
|
td,
|
|
th {
|
|
padding: 5px
|
|
}
|
|
|
|
th {
|
|
border-top: 1px solid #000 !important;
|
|
border-bottom: 1px solid #000 !important
|
|
}
|
|
|
|
table.border0,
|
|
table.border0 td,
|
|
table.border0 th {
|
|
border: 0
|
|
}
|
|
|
|
.bg_2nd {
|
|
background: url(images/left-corner.png);
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.h850 {
|
|
min-height: 850px
|
|
}
|
|
|
|
.mt420 {
|
|
margin-top: 420px
|
|
}
|
|
|
|
.w220 {
|
|
width: 220px
|
|
}
|
|
|
|
.w320 {
|
|
width: 320px
|
|
}
|
|
|
|
.margin0auto {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.w340 {
|
|
width: 340px
|
|
}
|
|
|
|
.w160 {
|
|
width: 160px
|
|
}
|
|
|
|
.w100 {
|
|
width: 100px
|
|
}
|
|
|
|
.w335 {
|
|
width: 335px
|
|
}
|
|
|
|
.w150 {
|
|
width: 150px
|
|
}
|
|
|
|
.w110 {
|
|
width: 110px
|
|
}
|
|
|
|
.table_bg {
|
|
background: url(images/table-bg2.png);
|
|
background-size: 100% 100%;
|
|
padding: 15px 15px;
|
|
margin: 0;
|
|
border-top-left-radius: 30px;
|
|
border-bottom-left-radius: 30px
|
|
}
|
|
|
|
.table_bg1 {
|
|
background: url(images/table-bg1.png);
|
|
background-size: 100% 100%;
|
|
padding: 15px 15px;
|
|
margin: 0
|
|
}
|
|
|
|
.table_bg3 {
|
|
background: url(images/bg-pink-strip.png);
|
|
background-size: 100% 100%;
|
|
padding: 10px 10px;
|
|
margin: 0
|
|
}
|
|
|
|
.table_bg1_blue {
|
|
background: url(images/blue-bg.png);
|
|
background-size: 100% 100%;
|
|
padding: 10px 10px;
|
|
margin: 0
|
|
}
|
|
|
|
.table_blue_bg {
|
|
background: url(images/blue-bg.png);
|
|
background-size: 100% 100%;
|
|
padding: 7px 15px;
|
|
margin: 0;
|
|
display: inline-block;
|
|
border-radius: 20px
|
|
}
|
|
|
|
.height50 {
|
|
height: 50px
|
|
}
|
|
|
|
.w585 {
|
|
width: 585px
|
|
}
|
|
|
|
.w410 {
|
|
width: 410px
|
|
}
|
|
|
|
footer {
|
|
position: relative
|
|
}
|
|
|
|
.table_bg2 {
|
|
background: url(images/table-bg2.png);
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.w250 {
|
|
width: 250px
|
|
}
|
|
|
|
.w150 {
|
|
width: 150px
|
|
}
|
|
|
|
.h100 {
|
|
height: 100px
|
|
}
|
|
|
|
.w170 {
|
|
width: 170px
|
|
}
|
|
|
|
.br0 {
|
|
border-radius: 0
|
|
}
|
|
|
|
.w100per {
|
|
width: 100%
|
|
}
|
|
|
|
.p20 {
|
|
padding: 20px
|
|
}
|
|
|
|
.mt80 {
|
|
margin-top: 80px
|
|
}
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.bg_link-bg {
|
|
background: url(images/link-bg.png);
|
|
background-size: 100% 100%;
|
|
padding: 10px 30px;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
text-decoration: none
|
|
}
|
|
|
|
.bg_blue {
|
|
background: #006db8;
|
|
padding: 5px 40px;
|
|
display: inline-block;
|
|
border-radius: 20px
|
|
}
|
|
|
|
.font_7 {
|
|
font-size: 7px
|
|
}
|
|
|
|
.border_bottom1 {
|
|
border-bottom: 1px solid #000
|
|
}
|
|
|
|
.w80per {
|
|
width: 80%
|
|
}
|
|
|
|
.bg_1st {
|
|
background: url(data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/spirometry_simplified/brochure/page1.png'))) }});
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
/**********************/
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div class="middle_content bg_1st w800 mt80" style="height: 950px;">
|
|
<div class="full_width mb20" style="height: 560px;">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_right">
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="full_width mb40" style="height: 185px;">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_center">
|
|
<h4 class="text_sky font_18">“SPIROMETRY SIMPLIFIED WORKSHOP” <br>
|
|
@php
|
|
$date = $session->dates->date[0];
|
|
@endphp
|
|
<span class="text_white">On {{ date('l, jS F, Y', strtotime($date)) }} <br>
|
|
{{ date('h:iA', strtotime($session->dates->start[0])) }} to
|
|
{{ date('h:iA', strtotime($session->dates->end[0])) }} </span>
|
|
</h4>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="full_width mb10">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_center">
|
|
<p class="text_white font_bold font_12"><a
|
|
href="https://road.xltr.in/register/{{ $session->code }}" target="_blank"
|
|
style="color:white; font-weight:bold;">Click here to register </a></p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div><!-- middle_content -->
|
|
|
|
<div class="middle_content bg_2nd p20 w600">
|
|
<div class="full_width mb20">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_center">
|
|
<h5 class="text_white text_capital font_12 bg_blue">faculty</h5>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div class="full_width mb0 margin0auto">
|
|
<table class="border0">
|
|
<tbody>
|
|
@for ($i = 0; $i <= $faculties->count() - 1; $i++)
|
|
@php
|
|
$faculty = $faculties->toArray()[$i];
|
|
@endphp
|
|
<tr>
|
|
<td class="text_left" style="width:50%">
|
|
<img src="{{ $faculty['image'] }}" alt="spirometry" style="width: 90px;">
|
|
<h6 class="font_10 mb0 text_blue">{{ $faculty['name'] }}</h6>
|
|
<p class="font_7 font_bold">{!! nl2br($faculty['description']) !!}</p>
|
|
</td>
|
|
@php
|
|
$i++;
|
|
@endphp
|
|
@if ($faculties->count() > $i)
|
|
<td class="text_left" style="width:50%">
|
|
<img src="{{ $faculties->toArray()[$i]['image'] }}" alt="spirometry"
|
|
style="width: 90px;">
|
|
<h6 class="font_10 mb0 text_blue">{{ $faculties->toArray()[$i]['name'] }}</h6>
|
|
<p class="font_7 font_bold">{!! nl2br($faculties->toArray()[$i]['description']) !!}</p>
|
|
</td>
|
|
@endif
|
|
</tr>
|
|
@endfor
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="full_width mb0">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_center">
|
|
<h3 class="font_18 text_blue text_uppercase mb0">SPIROMETRY SIMPLIFIED WORKSHOP</h3>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="full_width mb0">
|
|
<table class="border0">
|
|
<thead>
|
|
<tr>
|
|
<th class="text_blue font_9 font_bold">Time</th>
|
|
<th class="text_blue font_9 font_bold">Agenda</th>
|
|
<th class="text_blue font_9 font_bold">Faculty</th>
|
|
<th class="text_blue font_9 font_bold">Duration</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="border_bottom1">
|
|
@foreach ($agendas as $agenda)
|
|
<tr>
|
|
<td class="font_9 font_bold">
|
|
{{ date('h:iA', strtotime($agenda->time)) }}
|
|
</td>
|
|
<td class="font_9 font_bold">
|
|
{{ $agenda->title }}
|
|
</td>
|
|
<td class="text_blue font_9 font_bold">
|
|
{{ $agenda->speaker }}
|
|
</td>
|
|
<td class="text_blue font_9 font_bold">
|
|
{{ $agenda->duration }}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="full_width mb0">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_left">
|
|
<h3 class="font_11 text_uppercase mb0"><span class="text_blue">Date:
|
|
</span>{{ date('l, jS F, Y', strtotime($date)) }} | <span class="text_blue">Time:
|
|
</span>{{ date('h:iA', strtotime($session->dates->start[0])) }} to
|
|
{{ date('h:iA', strtotime($session->dates->end[0])) }}</h3>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="full_width mb0">
|
|
<table class="border0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text_center">
|
|
<h3 class="font_11 mb10"><i>Supported by:</i></h3>
|
|
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/spirometry_simplified/brochure/footer-logo.png'))) }}"
|
|
alt="spirometry" class="mb0">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div><!-- middle_content -->
|
|
|
|
</html>
|