<header>
<a class="sr-only sr-only-focusable" href="#mainContent">Skip navigation to main content</a> <nav class="navbar navbar-expand-lg atp-navbar" aria-label="Main">
<div class="container">
<div class="row no-gutters w-100 mb-lg-2">
<div class="col d-flex align-items-center">
<button class="navbar-toggler mr-2 px-1" type="button" data-toggle="collapse" data-target="#atpNavbarContent" aria-controls="atpNavbarContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="lmp-icon icon-lg" aria-hidden="true">menu</i>
</button>
<a class="navbar-brand d-none d-lg-inline-block" href="#">
Aviation Training Portal
</a>
<div class="navbar-title d-lg-none">
Products & Services
</div>
</div>
<div class="col-auto">
<ul class="navbar-nav navbar-icon-nav justify-content-end">
<li class="nav-item d-none d-sm-block">
<a class="nav-link" href="#">
<i class="lmp-icon icon-lg" aria-hidden="true">help_outline</i>
<span class="sr-only">Help Center</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="lmp-icon icon-lg" aria-hidden="true">apps</i>
<span class="sr-only">Applications Menu</span>
</a>
<div class="dropdown-menu dropdown-menu-right atp-nav-dropdown" aria-labelledby="navbarDropdown">
<h6 class="dropdown-header">Portal</h6>
<a class="dropdown-item" href="#">MyBoeingFleet</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header">Applications</h6>
<a class="dropdown-item" href="#">Application 1</a>
<a class="dropdown-item" href="#">Application 2</a>
<a class="dropdown-item" href="#">Application 3</a>
<a class="dropdown-item" href="#">More Applications</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="accountMenuDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="lmp-icon icon-lg" aria-hidden="true">account_circle</i>
<span class="sr-only">Account Menu</span>
</a>
<div class="dropdown-menu dropdown-menu-right atp-nav-dropdown pb-0" aria-labelledby="accountMenuDropdown">
<div class="h5 font-weight-bold mb-1 px-4">FirstName LastName</div>
<div class="dropdown-small-text">firstname.lastname@company.com</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">MBF Account Details</a>
<a href="#" class="dropdown-item dropdown-btn mt-4">Log Out</a>
</div>
</li>
</ul>
</div>
</div>
<div class="collapse navbar-collapse" id="atpNavbarContent">
<div class="row d-lg-none pt-lg-1">
<div class="col py-3 pl-4">
<img src="../../../../assets/images/boeing-logo.svg" width="145" height="34" alt="Boeing" loading="lazy" style="width: 150px; display: block; height: auto;">
</div>
<div class="col-auto py-3 pr-2">
<button class="navbar-toggler text-dark" type="button" data-toggle="collapse" data-target="#atpNavbarContent" aria-controls="atpNavbarContent" aria-expanded="false" aria-label="Close navigation">
<i class="lmp-icon icon-lg" aria-hidden="true">close</i>
</button>
</div>
<div class="col-12 border-top border-bottom py-1 px-3">
<a class="navbar-brand-mobile" href="#">Aviation Training Portal</a>
</div>
</div>
<div class="row no-gutters">
<div class="col-12">
<ul class="navbar-nav navbar-link-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Products & Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Materials</a>
</li>
<li class="nav-item d-sm-none border-top mt-1 pt-2">
<a href="#" class="nav-link d-flex align-items-center">
<i class="lmp-icon mr-2" aria-hidden="true">help_outline</i> Help Center
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</header>
<main id="mainContent" class="bg-gray-lt">
<div class="atp-header">
<div class="container">
<div class="row">
<div class="col d-flex align-items-start order-1 order-md-0">
<h1 class="order-1">
Dry Lease Training
</h1>
<a href="#" class="btn lmp-link atp-header-back-link order-0">
<i class="lmp-icon icon-md" aria-hidden="true">arrow_back</i>
<span class="sr-only">Navigate to previous page</span>
</a>
</div>
</div>
</div>
</div>
<div class="container lmp-page-content">
<div class="row py-2 pb-lg-4 px-lg-2 bg-md-gray-md rounded">
<div class="col-12">
<nav role="navigation" aria-label="Page">
<div class="nav atp-tabs" id="dryLeasesTabs" role="tablist">
<a class="nav-item nav-link active" id="todayTab-tab" data-toggle="tab" href="#todayTab" role="tab" aria-controls="todayTab" aria-selected="true">Today</a>
<a class="nav-item nav-link" id="upcomingTab-tab" data-toggle="tab" href="#upcomingTab" role="tab" aria-controls="upcomingTab" aria-selected="false">Upcoming</a>
</div>
</nav>
<div class="row align-items-center mt-4 mb-2">
<div class="col">
<div class="h6 font-weight-normal">5 Result(s)</div>
</div>
<div class="col-auto mr-md-0 ml-auto text-right">
<a href="#" class="btn lmp-link btn-sm">Export</a>
<button class="btn btn-sm btn-outline-secondary d-lg-none lmp-filter-btn"
type="button"
data-toggle="collapse"
data-target="#pageFilters"
aria-expanded="false"
aria-controls="pageFilters">
Filters <i class="lmp-icon" aria-hidden="true">expand_more</i>
</button>
</div>
</div>
</div>
<div class="col-lg-3 position-static">
<div class="collapse lmp-filter-container" id="pageFilters">
<div class="d-lg-none bg-steel p-3 text-right">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#pageFilters" aria-controls="pageFilters" aria-expanded="false" aria-label="Close filter pannel">
<span class="d-inline-block small text-white-50 text-uppercase">Close</span> <i class="lmp-icon icon-lg" aria-hidden="true">close</i>
</button>
</div>
<div id="tabFilter" class="todayTab">
<form action="#" method="post" class="lmp-form needs-validation p-3 p-lg-0" novalidate>
<div class="row pt-3 pt-lg-0">
<div class="col-auto">
<h4 id="pgFltrHead" class="mb-0">Filter By</h4>
</div>
<div class="col text-right">
<button class="btn lmp-link btn-sm">Reset Filters</button>
</div>
</div>
<div class="accordion lmp-filter-accordions">
<div class="lmp-filter-item filterDateRange">
<h5 id="filterDateRangeHeading" class="mb-0 h6">
<button class="accordion-trigger collapsed" type="button" data-toggle="collapse" data-target="#filterDateRange" aria-expanded="false" aria-controls="filterDateRange">
Date Range
</button>
</h5>
<div id="filterDateRange" class="accordion-collapse collapse" aria-labelledby="filterDateRangeHeading">
<div class="accordion-content">
<div class="animated-input">
<div class="form-group">
<input type="" class="form-control mb-3" id="upcominginputfilter-startdate">
<label for="upcominginputfilter-startdate"><i class="lmp-icon icon-sm">date_range</i> From</label>
</div>
</div>
<div class="animated-input">
<div class="form-group">
<input type="" class="form-control" id="upcominginputfilter-enddate" aria-describedby="inputHelp-upcominginputfilter-enddate">
<label for="upcominginputfilter-enddate"><i class="lmp-icon icon-sm">date_range</i> To</label>
<span id="inputHelp-upcominginputfilter-enddate" class="form-text">Date range is limited to the 90-day look ahead</span>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-filter-item filterLocation">
<h5 id="filterLocationHeading" class="mb-0 h6">
<button class="accordion-trigger" type="button" data-toggle="collapse" data-target="#filterLocation" aria-expanded="true" aria-controls="filterLocation">
Location
</button>
</h5>
<div id="filterLocation" class="accordion-collapse collapse show" aria-labelledby="filterLocationHeading">
<div class="accordion-content">
<div class="form-check">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-700-800-900">
<label class="custom-control-label" for="737-700-800-900">737-700/800/900</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-700-800-900-s1">
<label class="custom-control-label" for="737-700-800-900-s1">S1 737-8-Q-27</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-700-800-900-s2">
<label class="custom-control-label" for="737-700-800-900-s2">S2 737-7-V-55</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-8-9-10">
<label class="custom-control-label" for="737-8-9-10">737-8/9/10</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-8-9-10-s1">
<label class="custom-control-label" for="737-8-9-10-s1">S1 737-7/8-F-06</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-8-9-10-s2">
<label class="custom-control-label" for="737-8-9-10-s2">S2 737-7/8-F-08</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="737-8-9-10-s3">
<label class="custom-control-label" for="737-8-9-10-s3">S3 737-7/8-T-11</label>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-9">
<!-- BEGIN: Tab Content Area -->
<div class="tab-content" id="pageTabsContent">
<div class="tab-pane show active" id="todayTab" role="tabpanel" aria-labelledby="todayTab-tab">
<div class="lmp-card-detail mb-4">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4">
<ul class="lmp-tag-list active">
<li>Today</li>
<li>Dry Lease Training</li>
</ul>
<h2>(737) Full Flight Simulator (FSS)</h2> </div>
<ul class="lmp-outlined">
<li>Gatwick</li>
</ul>
</div>
</div>
</div>
<table class="table lmp-table table-stack mb-0">
<thead>
<tr>
<th scope="col">Session</th>
<th scope="col">Resource</th>
<th scope="col">Participants</th>
<th scope="col"><span class="sr-only">Lease Details</span></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</th>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</th>
<td data-title="Resource">
S1 737-7/8-F-08 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</th>
<td data-title="Resource">
S1 737-7/8-T-11 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</th>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</th>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
</tbody>
</table>
<div class="bg-white p-3 text-right">
<nav aria-label="Table navigation">
<ul class="lmp-table-pagination">
<li class="pagination-label">1-25 of 100</li>
<li>
<button class="btn btn-sm lmp-link" disabled>
<span class="sr-only">Next Page</span>
<i class="lmp-icon icon-lg" aria-hidden="true">chevron_left</i> </button>
</li>
<li>
<button class="btn btn-sm lmp-link">
<span class="sr-only">Previous Page</span>
<i class="lmp-icon icon-lg" aria-hidden="true">chevron_right</i> </button>
</li>
</ul>
</nav> </div>
</div><div class="tab-pane" id="upcomingTab" role="tabpanel" aria-labelledby="upcomingTab-tab">
<div class="lmp-card-detail mb-4">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4">
<ul class="lmp-tag-list active">
<li>Upcoming</li>
<li>Dry Lease Training</li>
</ul>
<h2>(737) Full Flight Simulator (FSS)</h2> </div>
<ul class="lmp-outlined">
<li>Gatwick</li>
</ul>
</div>
</div>
</div>
<table class="table lmp-table table-stack mb-0">
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Session</th>
<th scope="col">Resource</th>
<th scope="col">Participants</th>
<th scope="col"><span class="sr-only">Lease Details</span></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-08 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-T-11 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
<tr>
<th scope="row" data-title="Date">04 Jan 2021</th>
<td data-title="Session">
XX:XX - XX:XX <br>
<span class="small">4hrs</span>
</td>
<td data-title="Resource">
S1 737-7/8-F-06 <br>
<span class="small">737-8/9/10</span>
</td>
<td data-title="Participants">5</td>
<td><a href="#">Details</a></td>
</tr>
</tbody>
</table>
<div class="bg-white p-3 text-right">
<nav aria-label="Table navigation">
<ul class="lmp-table-pagination">
<li class="pagination-label">1-25 of 100</li>
<li>
<button class="btn btn-sm lmp-link" disabled>
<span class="sr-only">Next Page</span>
<i class="lmp-icon icon-lg" aria-hidden="true">chevron_left</i> </button>
</li>
<li>
<button class="btn btn-sm lmp-link">
<span class="sr-only">Previous Page</span>
<i class="lmp-icon icon-lg" aria-hidden="true">chevron_right</i> </button>
</li>
</ul>
</nav> </div>
</div> </div>
<!-- END: Tab Content Area -->
</div>
</div>
</div>
</main>
<footer class="atp-foooter">
<div class="container">
<div class="row">
<div class="col-lg-7">
<nav class="atp-footer-links" aria-label="Footer">
<a href="#">MBF Home</a>
<a href="#">Contact Us</a>
<a href="#">Terms of Use</a>
<a href="#">Boeing Privacy & Cookie Statement</a>
</nav>
</div>
<div class="col-lg-5 text-center text-lg-right">
Copyright © 2020 Boeing. All right reserved.
</div>
</div>
</div>
</footer>
