CrestRoad/laravel/resources/views/ecampus/microsite.blade.php

365 lines
16 KiB
PHP

<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Appvilla - Creative Landing Page HTML Template.</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/x-icon" href="/road/images/favicon.svg" />
<!-- ========================= CSS here ========================= -->
<link rel="stylesheet" href="/road/css/bootstrap.min.css" />
<link rel="stylesheet" href="/road/css/LineIcons.2.0.css" />
<link rel="stylesheet" href="/road/css/animate.css" />
<link rel="stylesheet" href="/road/css/tiny-slider.css" />
<link rel="stylesheet" href="/road/css/glightbox.min.css" />
<link rel="stylesheet" href="/road/css/main.css" />
<style type="text/css">
h1, h2, h3, h4, h5, h6 {
color: #364d88;
}
.hero-area, .our-achievement {background: #dbe2f0}
.header.sticky .button .btn,.header.sticky .button .btn.active, .header .button .btn, .header .button .btn.active {
background-color: #536daf;
border: 2px solid #536daf;
}
.header .button .btn:hover {
background-color: #364d88;
border-color: #364d88;
color: #fff;
}
.header .navbar .navbar-nav .nav-item a {color: #081828}
.header .navbar .navbar-nav .nav-item a.active,
.header .navbar .navbar-nav .nav-item a:hover {
color: #536daf;
}
.hero-area .hero-content h1,
.our-achievement .title h2 {
color: #364d88;
}
.hero-area .hero-content .button .btn {
background-color: #536daf;
color: #fff;
margin-right: 12px;
}
.hero-area .hero-content .button .btn:hover {
background-color: #364d88;
color: #fff;
}
.scroll-top {
background: #536daf;
}
.scroll-top:hover {
background-color: #364d88;
}
.our-achievement .title p {
color: #666;
}
.footer {
background-color: #364d88;
color: #fff;
}
@media (max-width: 767px) {
.header .navbar .navbar-nav .nav-item a.active,
.header .navbar .navbar-nav .nav-item a:hover {
color: #536daf !important;
}
}
</style>
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please
<a href="https://browsehappy.com/">upgrade your browser</a> to improve
your experience and security.
</p>
<![endif]-->
<!-- Preloader -->
<div class="preloader">
<div class="preloader-inner">
<div class="preloader-icon">
<span></span>
<span></span>
</div>
</div>
</div>
<!-- /End Preloader -->
<!-- Start Header Area -->
<header class="header navbar-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="nav-inner">
<!-- Start Navbar -->
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="/images/crest-logo.jpeg" alt="Logo">
</a>
<button class="navbar-toggler mobile-menu-btn" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ms-auto">
<li class="nav-item">
<a href="#home" class="page-scroll active"
aria-label="Toggle navigation">Home</a>
</li>
<li class="nav-item">
<a href="#features" class="page-scroll"
aria-label="Toggle navigation">Faculty</a>
</li>
<li class="nav-item">
<a href="#pricing" class="page-scroll"
aria-label="Toggle navigation">Agenda</a>
</li>
<!-- <li class="nav-item">
<a href="javascript:void(0)" aria-label="Toggle navigation">Team</a>
</li>
<li class="nav-item">
<a class="dd-menu collapsed" href="javascript:void(0)" data-bs-toggle="collapse"
data-bs-target="#submenu-1-4" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">Blog</a>
<ul class="sub-menu collapse" id="submenu-1-4">
<li class="nav-item"><a href="javascript:void(0)">Blog Grid Sidebar</a>
</li>
<li class="nav-item"><a href="javascript:void(0)">Blog Single</a></li>
<li class="nav-item"><a href="javascript:void(0)">Blog Single
Sibebar</a></li>
</ul>
</li> -->
<li class="nav-item">
<a href="/brochure/{{$session->code}}" aria-label="Toggle navigation">Download Brochure</a>
</li>
</ul>
</div> <!-- navbar collapse -->
<div class="button add-list-button">
<a href="/register/{{$session->code}}" class="btn">Register Here</a>
</div>
</nav>
<!-- End Navbar -->
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</header>
<!-- End Header Area -->
<!-- Start Hero Area -->
<section id="home" class="hero-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<div class="hero-content">
@foreach($session->dates->date as $i => $date)
<h1 class="wow fadeInLeft" data-wow-delay=".5s">{{date("d M, Y", strtotime($date) )}} <small>{{date("h:iA", strtotime($session->dates->start[$i]) )}}-{{date("h:iA", strtotime($session->dates->end[$i]) )}}</small></h1>
@endforeach
<h1 class="wow fadeInLeft" data-wow-delay=".5s">{{$session->venue}}</h1>
<div class="button wow fadeInLeft" data-wow-delay=".8s">
<a href="/register/{{$session->code}}" class="btn"><i class="lni lni-add-user"></i> Register Here</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="hero-image wow fadeInRight" data-wow-delay=".4s">
<img src="/ecampus/images/main-logo.png" style="max-width:400px" alt="#">
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Area -->
<!-- Start Features Area -->
<section id="features" class="features section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2 class="wow fadeInUp" data-wow-delay=".4s">Faculty</h2>
</div>
</div>
</div>
<div class="row">
@foreach($faculties as $faculty)
<div class="col-md-6 col-12">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="row">
<div class="col-12">
<h3>{{$faculty->name}}</h3>
</div>
<div class="col-6 col-md-4 mb-2 mb-md-0">
<img src="{{$faculty->image}}" class="img-fluid">
</div>
<div class="col-12 col-md-8">
{!!nl2br($faculty->description)!!}
</div>
</div>
</div>
<!-- End Single Feature -->
</div>
@endforeach
</div>
</div>
</section>
<!-- End Features Area -->
<!-- Start Achievement Area -->
<section class="our-achievement section">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1 col-md-12 col-12">
<div class="title">
<h2>e-CAMPUS</h2>
<h4 class="mb-3">(Online COPD & Asthma Module for Post Graduate Students)</h4>
<p style="text-align: justify;">
Chronic respiratory diseases are the second leading cause of
deaths in India. India ranks 1st in the world in deaths due to
Asthma and Chronic Obstructive Pulmonary Disease (COPD). An
estimated 100 million people in India including children suffer
from chronic respiratory diseases. The prevalence of Asthma and
COPD is on the rise and several newer risk factors, many of them
modifiable, are being implicated in development of respiratory
diseases. COPD being a systemic disease often is associated with
various comorbidities like ischemic heart disease, hypertension,
diabetics, & other heart disease, which need to be taken in
account during treatment. Yet the fact remains that Obstructive
Airways Diseases (OADs) are often under diagnosed and
inappropriately managed leading to physical distress and an
undue socio-economic burden on the country. One of the reasons
for the under diagnosis and poor management of chronic
respiratory diseases may be inadequate emphasis on respiratory
diseases in medical schools, including lack of training in
spirometry, peak flow meter and inhaler devices. To address this
issue Chest Research and Training Pvt. Ltd. has initiated
(CAMPUS) COPD & Asthma Module for Post gradUate Students. This
programme is exclusively designed for post graduate students of
General Medicine & Pediatrics, may also be attended by PGs of
Respiratory Medicine and teaching staff of the college.
<br><br>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Achievement Area -->
<!-- Start Pricing Table Area -->
<section id="pricing" class="pricing-table section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<!-- <h3 class="wow zoomIn" data-wow-delay=".2s">pricing</h3> -->
<h2 class="wow fadeInUp" data-wow-delay=".4s">AGENDA</h2>
<!-- <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
Ipsum available, but the majority have suffered alteration in some form.</p> -->
</div>
</div>
</div>
<div class="row">
@foreach($session->dates->date as $i => $date)
<div class="col-12 mb-2">
<h4 class="wow fadeInUp" data-wow-delay=".4s">{{date("d M, Y", strtotime($date) )}} <small>{{date("h:iA", strtotime($session->dates->start[$i]) )}}-{{date("h:iA", strtotime($session->dates->end[$i]) )}}</small></h4>
</div>
<div class="col-12">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Session</th>
<th scope="col">Duration</th>
<th scope="col">Speaker</th>
</tr>
</thead>
<tbody>
@foreach($agendas as $agenda)
@if($agenda->date == date("Y-m-d 00:00:00", strtotime($date) ))
<tr>
<td>{{$agenda->title}}</td>
<td>{{$agenda->duration}}</td>
<td>{{$agenda->speaker}}</td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
@endforeach
</div>
</div>
</section>
<!--/ End Pricing Table Area -->
<!-- Start Footer Area -->
<footer class="footer">
<!-- Start Footer Top -->
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-12 mb-3 mb-md-0">
<!-- Single Widget -->
<div class="single-footer f-about">
<div class="logo">
<a href="index.html">
<img src="/images/crest-logo.jpeg" alt="#">
</a>
</div>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-8 col-md-8 col-12">
<p>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. </p>
</div>
</div>
</div>
</div>
<!--/ End Footer Top -->
</footer>
<!--/ End Footer Area -->
<!-- ========================= scroll-top ========================= -->
<a href="#" class="scroll-top">
<i class="lni lni-chevron-up"></i>
</a>
<!-- ========================= JS here ========================= -->
<script src="/road/js/bootstrap.min.js"></script>
<script src="/road/js/wow.min.js"></script>
<script src="/road/js/tiny-slider.js"></script>
<script src="/road/js/glightbox.min.js"></script>
<script src="/road/js/count-up.min.js"></script>
<script src="/road/js/main.js"></script>
<script type="text/javascript">
//====== counter up
var cu = new counterUp({
start: 0,
duration: 2000,
intvalues: true,
interval: 100,
append: " ",
});
cu.start();
</script>
</body>
</html>