268 lines
12 KiB
PHP
268 lines
12 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" />
|
|
|
|
</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="/spirometry_simplified/images/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-4">
|
|
<img src="{{$faculty->image}}" class="img-fluid">
|
|
</div>
|
|
<div class="col-8">
|
|
{!!nl2br($faculty->description)!!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Single Feature -->
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Features 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">
|
|
<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" style="background:#fff">
|
|
<!-- Start Footer Top -->
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-12">
|
|
<!-- 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">
|
|
<h6>Supported By</h6>
|
|
<img src="/spirometry_simplified/brochure/footer-logo.png">
|
|
|
|
</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> |