Skip to content

Commit

Permalink
Added new pages and bootstrap support (sigh)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ymmahmoud
ymmahmoud committed May 17, 2020
1 parent 7499f00 commit 6704e7c
Show file tree
Hide file tree
Showing 5 changed files with 291 additions and 0 deletions.
65 changes: 65 additions & 0 deletions apparatus.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="resources/stylesheet.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>LTFD | Apparatus</title>
</head>

<body>
<header>
<nav class="uk-navbar-container" uk-navbar>
<div class="uk-navbar-center">
<div class="uk-navbar-center-left">
<ul class="uk-navbar-nav">
<li><a href="index">Home</a></li>
<li class="uk-active">
<a href="#">About Us</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="officers">Officers</a></li>
<li class="uk-active"><a href="apparatus">Apparatus</a></li>
<li><a href="history">History</a></li>
<li><a href="education">Education</a></li>
</ul>
</div>
</li>
<li>
<a href="#">Forms</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="hallrentals">Hall Rentals</a></li>
<li><a href="standby">Standby Request</a></li>
<li><a href="https://www.state.nj.us/dep/parksandforests/fire/permits.html">Burn
Permits</a></li>
</ul>
</div>
</li>
</ul>
</div>
<a class="uk-navbar-item uk-logo">
<img src="resources/img/logo.png" id="navbrand"
alt="Lebanon Township Fire Department Logo - Medallion" height="50" width="auto">
</a>
<div class="uk-navbar-center-right">
<ul class="uk-navbar-nav">
<li><a href="volunteer">Volunteer</a></li>
<li><a href="contact">Contact</a></li>
<li><a href="login">Login</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
</body>

</html>
22 changes: 22 additions & 0 deletions apply.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE HTML>
<!--LTVFD Website-->
<!--Main Page-->
<html lang="en" class="no-js" style="overflow: scroll;">

<head>
<title>LTFD | Apply</title>
<?php include_once 'Resources/PHP/includes.php' ?>
</head>

<body>
<?php include_once 'Resources/PHP/nav.php' ?>

<div class="container">
<h1>Become a member!</h1>
<p>All of our services are provided by
volunteers, and we're always recruiting new members to join our department. Whether you
would be volunteering for the first time or are a career volunteer, we encourage you to
reach out and see how you can help your community</p>
</div>

</body>
85 changes: 85 additions & 0 deletions hallrentals.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="resources/stylesheet.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>LTFD | Apparatus</title>
</head>

<body>
<header>
<nav class="uk-navbar-container" uk-navbar>
<div class="uk-navbar-center">
<div class="uk-navbar-center-left">
<ul class="uk-navbar-nav">
<li><a href="index">Home</a></li>
<li>
<a href="#">About Us</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="officers">Officers</a></li>
<li><a href="apparatus">Apparatus</a></li>
<li><a href="history">History</a></li>
<li><a href="education">Education</a></li>
</ul>
</div>
</li>
<li class="uk-active">
<a href="#">Forms</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-active"><a href="hallrentals">Hall Rentals</a></li>
<li><a href="standby">Standby Request</a></li>
<li><a href="https://www.state.nj.us/dep/parksandforests/fire/permits.html">Burn
Permits</a></li>
</ul>
</div>
</li>
</ul>
</div>
<a class="uk-navbar-item uk-logo">
<img src="resources/img/logo.png" id="navbrand"
alt="Lebanon Township Fire Department Logo - Medallion" height="50" width="auto">
</a>
<div class="uk-navbar-center-right">
<ul class="uk-navbar-nav">
<li><a href="volunteer">Volunteer</a></li>
<li><a href="contact">Contact</a></li>
<li><a href="login">Login</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<div class="container-fluid jumbotron text-center">
<h1>Rent out our fire hall for your next event!</h1>
</div>
<form class="col-lg-4 col-md-6 col-sm-12 mx-auto">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
</body>

</html>
65 changes: 65 additions & 0 deletions officers.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE HTML>
<!--LTVFD Website-->
<!--Main Page-->
<html lang="en" class="no-js" style="overflow: scroll;">

<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>Lebanon Township Volunteer Fire Department</title>
<link href="Resources/stylesheet.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css"
integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>

<body>
<?php include_once 'Resources/PHP/nav.php' ?>
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<h1>Officers by Year</h1>
<table class='table table-bordered table-striped text-center'>
<thead class='thead-dark'>
<tr>
<th scope='col'>Year</th>
<th scope='col'>Chief</th>
<th scope='col'>EMS Deputy Chief</th>
<th scope='col'>EMS Captain</th>
<th scope='col'>EMS Lieutenant</th>
<th scope='col'>Fire Deputy Chief</th>
<th scope='col'>Fire Captain</th>
<th scope='col'>Fire Lieutenant</th>
<th scope='col'>President</th>
<th scope='col'>Vice President</th>
<th scope='col'>Treasurer</th>
<th scope='col'>Secretary</th>
</tr>
</thead>
<tbody>
<tr>
<td>2019-Present</td>
<td>Robert Pek</td>
<td>William Cutri-French</td>
<td>Philip Dacey</td>
<td>William Cox</td>
<td>David Sulpy</td>
<td>James Crampton</td>
<td>Daniel Paolilo</td>
<td>Daniel Paolilo</td>
<td>Rachel Laul</td>
<td>Linda Cox</td>
<td>Sarah Raper</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

</body>
54 changes: 54 additions & 0 deletions standby.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE HTML>
<html lang="en" class="no-js" style="overflow: scroll;">

<head>
<title>LTFD | Standby Request</title>
<?php include_once 'Resources/PHP/includes.php' ?>
</head>

<body>
<?php include_once 'Resources/PHP/nav.php' ?>
<div class="container-fluid jumbotron text-center">
<h1>Request a standby!</h1>
</div>
<form class="card p-5 mb-5 col-lg-5 col-md-6 col-sm-12 mx-auto text-center">
<div class="form-group">
<input type="text" class="form-control" id="org"
placeholder="Organization Name" required>
<!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>-->
</div>
<div class="form-group">
<input type="text" class="form-control" id="name"
placeholder="Point of Contact Name" required>
</div>
<div class="form-group">
<input type="tel" class="form-control" id="tel"
placeholder="Telephone Number" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="type"
placeholder="Type of Event" required>
</div>
<div class="form-group">
<div class="row mx-auto">
<p>Date: </p>
<input type="date" id="date" name="date"
min="2020-01-01" max="2021-12-31" required>
<p> Start Time</p>
<input type="time" id="start" name="starttime"
min="09:00" max="18:00" required>
<p> End Time</p>
<input type="time" id="end" name="endtime"
min="09:00" max="18:00" required>
</div>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="twoweek" required>
<label class="form-check-label" for="twoweek">I agree that standby requests that aren't
submitted at least two weeks in advance may not be honored.</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</body>

</html>

0 comments on commit 6704e7c

Please sign in to comment.