CrestRoad/laravel/resources/views/spirometry_simplified/brochure_old.blade.html

672 lines
27 KiB
HTML

<!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>Venue Invoice</title>
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">
<style type="text/css">
*{ margin: 0; padding: 0; box-sizing: border-box; }
@page {
margin: 0px;
}
body { background-color: #ffffff; font-size: 14px; margin: 0;
font-family: 'Nanum Gothic', sans-serif;
color: #000000; text-align: center; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom: 15px; }
h1 { font-size: 34px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p { font-size: 14px; margin: 0; padding: 0; }
pre { font-family: Arial, sans-serif; }
div { width: 100%; }
/*** Main Content Style ***/
.middle_content {
max-width: 800px;
margin: 10px auto;
background-color: #ffffff;
-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 12px rgba(0,0,0,0.2);
box-shadow: 0 0 12px rgba(0,0,0,0.2);
padding: 20px;
text-align: center;
position: relative;
}
.heading h5 {
font-size: 17px !important;
}
.subheading h6 {
font-size: 15px !important;
}
/*.company_logo { margin: auto; padding: 15px; }*/
.company_logo img { width: 140px; display: inline-block; }
/*.main_company_logo { display: inline-block; margin: auto; text-align: center; }*/
.main_company_logo img { width: 400px; display: inline-block; }
/***********************/
/*** text alignment ***/
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.vertical_center { vertical-align: middle !important; }
.vertical_bottom { vertical-align: bottom !important; }
.vertical_top { vertical-align: top !important; }
/**********************/
/*** Font Size ***/
.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 weight ***/
.font_bold { font-weight: bold; }
.font_normal { font-weight: normal; }
.font_light { font-weight: lighter; }
/************************/
/******* line height *******/
.line_height24{line-height: 24px;}
.line_height26{line-height: 26px;}
/*** Font style ***/
.text_uppercase { text-transform: uppercase; }
.text_capital { text-transform: capitalize; }
.text_normal { text-transform: none; }
.text_lowercase { text-transform: lowercase; }
.text_italic { font-style: italic; }
.text_underline { text-decoration: underline; }
/******************/
/*** text color ***/
.text_red { color: #66201f !important; }
.text_golden { color: #cc9966 !important; }
.text_green { color: #4CAF50 !important; }
.text_white { color: #fff !important; }
.text_black { color: #000 !important; }
/******************/
/*** background color ***/
.bg_red { background-color: #66201f !important; }
.bg_lightyellow { background-color: #fffec5 !important; }
.bg_lightgreen { background-color: #c1ffc4 !important; }
.bg_lightred { background-color: #ecd6d5 !important; }
.bg_lightorange { background-color: #ffe3bc !important; }
.bg_lightblue { background-color: #cff4ff !important; }
.bg_lightgray { background-color: #dddddd; }
.bg_white { background-color: #fff; }
/*********************/
/*** background Image ***/
.bg_red_img{background-image: url(data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/bg1st.jpg'))) }});}
.bg-size100{background-size: 100% 100%;}
/*** margin style ***/
.m0 { margin: 0; }
.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; }
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
/********************/
/*** Padding style ***/
.p0 { padding: 0 !important; }
.p8 { padding: 8px; }
.pt0 { padding-top: 0; }
.pb0 { padding-bottom: 0; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }
.pt40 { padding-top: 40px; }
.pb40 { padding-bottom: 40px; }
.pt50 { padding-top: 50px; }
.pb50 { padding-bottom: 50px; }
.pt60 { padding-top: 60px; }
.plr{padding: 20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.ptb{ padding-left: 50px; padding-right: 50px;}
/***********************/
/*** Width ****/
.full_width { width: 95%; }
.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; }
/**********************/
/*** Height ***/
.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; }
/*********************/
/*** Border styles ***/
.border1 { border: 1px solid #999 !important; }
.border_top { border-top: 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: 0px !important; }
.border_top0 { border-top: 0px !important; }
.border_bottom0 { border-bottom: 0px !important; }
.border_left0 { border-left: 0px !important; }
.border_right0 { border-right: 0px !important; }
.border-radius6{border-radius: 6px;}
/*********************/
/*** Table Style ***/
table {
width: 100%;
text-align: left;
vertical-align: top;
}
table, th, td {
border: 1px solid #999;
font-size: 14px;
border-collapse: collapse;
vertical-align: top !important;
}
th, td { padding: 8px; }
th { font-weight: 600; text-align: center; }
table.border0,
table.border0 th,
table.border0 td { border: 0px; }
table.head_lightred > thead > tr > th {
background-color: #dcbbba;
}
table.head_lightgray > thead > tr > th {
background-color: #dddddd;
}
table.head_lightyellow > thead > tr > th {
background-color: #fffec5;
}
table.head_lightgreen > thead > tr > th {
background-color: #c1ffc4;
}
table.head_lightorange > thead > tr > th {
background-color: #ffe3bc;
}
table.head_lightblue > thead > tr > th {
background-color: #cff4ff;
}
table > tbody > tr.spl_row > td {
font-size: 14px !important;
}
.page-break {
page-break-after: always;
}
.red_list tr:nth-child(odd) td {
background-color: #D1D0CF;
}
thead {
background: #E60019;
}
.road_bg {
background: url(data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/road-bg-7-8.png'))) }});
background-size: 85% 100%;
background-repeat: no-repeat;
padding: 40px 100px 80px 0px;
}
/**********************/
</style>
</head>
<body>
<div class="middle_content">
<div class="full_width mb20 bg_red_img bg-size100">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center main_company_logo width100" >
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/road-logo1.png'))) }}" class="mt50 mb30" alt="road-crest" >
</td>
</tr>
</tbody>
</table>
@foreach($session->dates->date as $i => $date)
<table class="border0 pb10" style="width: 600px; text-align: center; margin: 0 auto; border-bottom: 1px dotted #fff !important;">
<tbody>
<tr class="pb5">
<td>
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/calender.png'))) }}" class="vertical_center" alt="road-crest" style=" display: inline-block">
<h5 class="text_white ml10 mb0 vertical_center" style=" display: inline-block;">{{date("d M, Y", strtotime($date) )}}</h5>
</td>
<td>
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/clock.png'))) }}" class="vertical_center" alt="road-crest" style=" display: inline-block;">
<h5 class="text_white ml10 mb0 vertical_center" style=" display: inline-block;"> {{date("h:iA", strtotime($session->dates->start[$i]) )}}-{{date("h:iA", strtotime($session->dates->end[$i]) )}} </h5>
</td>
</tr>
</tbody>
</table>
@endforeach
<table class="border0 text_center mt10">
<tbody>
<tr >
<td>
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/location.png'))) }}" class="vertical_center" alt="road-crest" style=" display: inline-block">
<h5 class="text_white ml10 mb0 vertical_center" style=" display: inline-block;">{{$session->venue}}</h5>
</td>
</tr>
</tbody>
</table>
<table class="border0 text_center">
<tbody>
<tr >
<td>
<button class="bg_white border0 plr ptb mb20 text_uppercase" style=" cursor: pointer; color: #E60019; font-weight: 700; border-radius: 8px; font-size: 30px;">Road Brochure</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<a href="">
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/button.png'))) }}" class="vertical_center m0 w400" alt="road-crest" >
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center footerwidth width100" >
<h3 class="vertical_center m0" style="display: inline-block;color: #707070;font-weight: 300;margin-right: 7px;">Supported By </h3>
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/cipla.png'))) }}" class="vertical_center m0" style="display: inline-block;width: 80px;" alt="road-crest" >
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- middle_content -->
<div class="middle_content">
<div class="road_bg">
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<h2 class="pt20 pb20 pl20 pr20" style="color: #E60019;border: 1px dotted #E60019;display: inline-block;border-radius: 10px;">BURDEN OF OBSTRUCTIVE <br> AIRWAYS DISEASES </h2>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="line_height24">
India leads the world in the prevalence of Chronic Obstructive
Pulmonary Disease, ranks second only to China in deaths due to COPD
and is fast overtaking. <br><br>
With 37.8 million asthmatics, India contributes 11.16% to the prevalence of asthma globally. However, an alarming fact is that 43.6% of all global deaths due to asthma occur in India. Most of these deaths, which are largely avoidable, occur in adults which means that we are not doing enough to treat our cases of Asthma appropriately. <br><br>
The focus of practice for physicians in India today is cardio-metabolic,
neurology or endocrine and understandably so. However at 83.8
million, the combined burden of Asthma and COPD in our country is
far more than the burden of ischemic heart diseases or diabetes (16.5 and 67.8 million respectively)*. Moreover, COPD is a common
co-morbid with cardiac diseases and it is important to identify it and manage it correctly for better patient outcomes. It has been documented that the CV disease outcomes improve if the COPD is treated appropriately. Thus,an adequate holistic approach to patients is the need of the day today. <br><br>
<i style="font-size: 13px;">*Source: Global Burden of Disease Collaborative Network. Global Burden of Disease Study 20168797 iResursSeamleIUnred Stares: Instrure for healinMeinesandievaluation (HME), 2018. Avallable from http:/gnax.nealthdata.ora/gbd-results-tool. </i>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- middle_content -->
<div class="middle_content">
<div class="road_bg">
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<h2 class="pt20 pb20 pl20 pr20" style="color: #E60019;border: 1px dotted #E60019;display: inline-block;border-radius: 10px;">ABOUT ROAD </h2>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="line_height24">
Refresher course on Obstructive Airways Diseases (ROAD) which was
initiated by the Chest Research Foundation (CRF), Pune has been helping physicians understand the nuances of diagnosis and management of Obstructive Airways Disease (ODs) since 2004. More than 120 ROAD programmes conducted since its inception have helped more than 6000 doctors understand the correct practices in Obstructive Airways Diseases. ROAD not only updates about the latest guidelines in asthma and COPD but the clinical expertise and pearls from the faculty making it a unique educational experience for practical implementation in the clinics and helps physicians add a differential to their practice for better patient outcomes. <br><br>
The ROAD is now being taken ahead by the Chest Research and
Training Private Limited (CREST), Pune in an electronic format.
Preceded by 04 videos on the clinical implications of the burden, risk
factors and pathogenesis of Asthma and COPD, ROAD will also give
physicians an opportunity to interact with the expert faculty via an
online platform on two consecutive days over about 2 and a ½ hours
sessions conveniently timed on a weekend. ROAD will also give
physicians an opportunity to discuss their own challenging cases with
experts as well as learn from cases presented by their peers in the
"Bring your challenging cases to the forum' session which will be
planned a month after the ROAD sessions.
<br><br>
<b>To summarise the new -ROAD assures:</b>
<ul class="pt5 pl20 line_height26">
<li>Simplified understanding of Spirometry & tools in current times</li>
<li>Clinical decision making for correct prescription of drugs and devices</li>
<li>Adding a differential to practice beyond prescription - latest advances & directions for current times</li>
<li>Improved patient outcomes through holistic approach: practices beyond drugs</li>
<li>Guidance on setting up an Obstructive Airways Disease Clinic</li>
<li>Interaction with expert faculty for case discussions even after the event</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- middle_content -->
<div class="middle_content">
<div class="full_width mb20">
<table class="border0 mb30" style="background: #E60019;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;">
<tbody>
<tr >
<td class="text_center" >
<h2 class="text_white text_uppercase mt10 mb10">Agenda</h2>
</td>
</tr>
</tbody>
</table>
</div>
@foreach($session->dates->date as $i => $date)
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_right" style="border-bottom:1px dotted #E60019; padding-right: 20px;" >
<h4 style="color: #707070;"><span style="color: #E60019;">Date :</span> {{date("d M, Y", strtotime($date) )}}</h4>
</td>
<td class="text_left pt10" style="border-bottom:1px dotted #E60019;border-left: 1px dotted #E60019; padding-left: 20px;" >
<h4 style="color: #707070;"><span style="color: #E60019;">Time:</span> {{date("h:iA", strtotime($session->dates->start[$i]) )}}-{{date("h:iA", strtotime($session->dates->end[$i]) )}}</h4>
</td>
</tr>
</tbody>
</table>
<table class="border0 ">
<tbody>
<tr >
<td class="text_center pt20">
<h4 style="color: #707070;"><span style="color: #E60019;">Venue :</span> {{$session->venue}}</h4>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 mb30">
<thead>
<tr>
<th class="text_left text_white pt10 pb10 pl20">Session</th>
<th class="text_center text_white pt10 pb10 border_left border_right">Duration</th>
<th class="text_center text_white pt10 pb10">Speaker</th>
</tr>
</thead>
<tbody class="red_list">
@foreach($agendas as $agenda)
@if($agenda->date == date("Y-m-d 00:00:00", strtotime($date) ))
<tr >
<td class="text_left pl20 vertical_center">
{{$agenda->title}}
</td>
<td class="text_center border_left border_right vertical_center">
{{$agenda->duration}}
</td>
<td class="text_left pl20 vertical_center">
{{$agenda->speaker}}
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
@endforeach
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td style="color: #E60019;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- middle_content -->
<div class="middle_content">
<div class="full_width mb20">
<table class="border0 mb30" style="background: #E60019;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;">
<tbody>
<tr >
<td class="text_center" >
<h2 class="text_white text_uppercase mt10 mb10">Faculty</h2>
</td>
</tr>
</tbody>
</table>
</div>
@foreach($faculties as $faculty)
<div class="full_width mb20">
<table class="border0">
<tbody>
<tr class="mb20">
<td class="text_right">
<img src="{{$faculty->image}}" alt="road-crest" style="width: 140px;">
</td>
<td class="pb20" style="border-bottom: 1px dotted #E60019;">
<h5 class="mb0">{{$faculty->name}}</h5>
<!-- <h6 class="mb5">MD, DNB, PhD (UK), FCCP (USA), FICS, Hon FRCP (Lon)</h6> -->
{!!nl2br($faculty->description)!!}
</td>
</tr>
</tbody>
</table>
</div>
@endforeach
</div><!-- middle_content -->
<div class="middle_content">
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center">
<h3 class="mt50" style="color: #E60019;">BRIEF OVERVIEW OF CREST</h3>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center width100" >
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/crest-logo.png'))) }}" class="mb10" alt="road-crest" >
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<h4 class="pt10 pb10 pl20 pr20 mb0 text_white" style="background: #E60019;display: inline-block;border-radius: 5px;">In service of Respiratory Research and Health</h4>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/building.png'))) }}" class="mb10 w600" alt="road-crest">
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<h6 class="w600 pt10 pb10 font_light" style="margin: 0 auto;box-shadow: 0 3px 5px 4px #f1f1f1;border-radius: 10px;"><b> Regd. Address:</b> 1" Floor FAITH Centre, Survey No. 232, <br>
Sakore Nagar, Viman Nagar, Pune, India. Pin 411014</h6>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0" style="background: #E60019;border-top-left-radius: 40px;border-top-right-radius: 40px;">
<tbody>
<tr class="mb20">
<td class="text_center text_white" style="padding: 40px;">
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/f1.png'))) }}" alt="road-crest" style="width: 200px;">
<h5 class="mb0 text_white">Dr. Sundeep Salvi</h5>
<h6 class="mb5 text_white">MD, DNB, PhD (UK), FCCP (USA), FICS, Hon FRCP (Lon)</h6>
<p>Chairman and Directer Chest Research <br> and IraininePrLlo. Pune </p>
</td>
<td class="line_height24 text_white" style="padding: 40px; padding-top: 60px;padding-left: 0;">
Chest Research and Training Pvt. Ltd. (CREST) is a
Private Limited Company based in Pune founded by
Dr.Sundeed Salvi and his experienced team from
Chest Research Foundation. CREST is driven by the
mission of research, education and innovation in the
field of respiratory medicine with the intention of
improving respiratory healthcare and health with a
special focus on Obstructive Airways Diseases
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- middle_content -->
<div class="middle_content">
<div class="full_width mb20 bg_red_img bg-size100">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center width100" >
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/mobile.png'))) }}" class="mt50 mb30 w400" alt="road-crest" >
</td>
</tr>
</tbody>
</table>
<table class="border0 pb10" style="width: 600px; text-align: center; margin: 0 auto; ">
<tbody>
<tr class="pb5">
<td>
<h2 class="text_center text_white text_uppercase mb40" style="font-size: 40px;">Join Us in this unique <br> knowledge Feast</h2>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center" >
<a href="">
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/button.png'))) }}" class="vertical_center mt30 w400" alt="road-crest" >
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="full_width mb20">
<table class="border0 ">
<tbody>
<tr >
<td class="text_center footerwidth width100" >
<h3 class="vertical_center m0" style="display: inline-block;color: #707070;font-weight: 300;margin-right: 7px;">Supported By </h3>
<img src="data:image/png;base64,{{ base64_encode(file_get_contents(public_path('/road/brochure/cipla.png'))) }}" class="vertical_center m0" style="display: inline-block;width: 80px;" alt="road-crest" >
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- middle_content -->
</body>
</html>