Skip to content

Instantly share code, notes, and snippets.

@JohnReedLOL

JohnReedLOL/create.html

Created March 27, 2024 03:40
Show Gist options
  • Save JohnReedLOL/d180a56c606f10e697216c2656298dad to your computer and use it in GitHub Desktop.
Save JohnReedLOL/d180a56c606f10e697216c2656298dad to your computer and use it in GitHub Desktop.
Download ZIP
Page HTML from pug template
Raw
create.html
<!DOCTYPE html>
<html lang="">
<head>
<!-- Global site tag (gtag.js) - Google Analytics-->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-155123618-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-155123618-1');
</script>
<!-- End of Google Analytics-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sea Air Towers Vacation Apartment Rentals</title>
<meta name="description" content="Rent or buy a Sea Air Towers vacation rental apartment in Hollywood, Florida.">
<meta name="keywords" content="Sea Air Towers, Rent Sea Air Towers, Buy Sea Air Towers, Buy Sea Air Towers Condo, Sea Air Towers Apartments, Buy Sea Air Towers Apartment, Sea Air Towers Rentals, Rent Sea Air Towers Condo, Rent Sea Air Towers Condominium, Rent Sea Air Towers Apartment, Sea Air Towers For Rent, Real Estate, Condominium, Apartment, Rental, Rentals, Vacation Rental, Hollywood Florida Vacation Rental, Hollywood Beach Vacation Rentals, Hollywood Beach Rental, Hollywood Beach Apartments">
<meta name="theme-color" content="#4DA5F4">
<meta name="csrf-token">
<!-- link(rel='shortcut icon', href='/images/favicon.png') // Replacing the default favicon with custom sunset.-->
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
<link rel="manifest" href="/images/site.webmanifest">
<!-- End of favicon which was generated from https://favicon.io/favicon-converter/-->
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container"><a class="navbar-brand" href="/"><i class="fa fa-cube"></i>Apartment Listings</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse">
<div class="dropdown-divider"></div>
<ul class="nav navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/contact">Contact The Developer</a></li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"><img src="https://gravatar.com/avatar/a432ac3e33b49f53223cf795d31577e8?s=60&amp;d=retro" alt="fake@gmail.com"><span>fake@gmail.com</span><i class="caret"></i></a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="/account">My Account</a></li>
<li class="dropdown-divider"></li>
<li class="nav-item"><a class="nav-link" href="/logout">Sign Out</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container pl-sm-0 pr-sm-0 pl-lg-3 pr-lg-3">
<div class="page-header">
<h3 class="text-center">Create An Apartment Listing</h3>
<hr>
</div>
<form class="form-horizontal" action="/account/list-apartment" method="POST">
<input type="hidden" name="_csrf">
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="apartmentNumber">Apartment number</label>
<div class="col-sm-7">
<input class="form-control" type="apartmentNumber" name="apartmentNumber" id="apartmentNumber" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="numBedrooms">Number of bedrooms</label>
<div class="col-sm-7">
<input class="form-control" type="numBedrooms" name="numBedrooms" id="numBedrooms" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="numBathrooms">Number of bathrooms</label>
<div class="col-sm-7">
<input class="form-control" type="numBathrooms" name="numBathrooms" id="numBathrooms" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="photosFolder">Photos link (ex. Google Drive folder)*</label>
<div class="col-sm-7">
<input class="form-control" type="photosFolder" name="photosFolder" id="photosFolder" value="https://tinyurl.com/ra9kxgs">
</div>
</div>
<div class="form-group row justify-content-center">
<p> <b>* For photo sharing, please read the instructions at: <a href="https://tinyurl.com/ra9kxgs">https://tinyurl.com/ra9kxgs </a></b></p>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="additionalInformation">Additional information (contact information, additional fees, etc)</label>
<div class="col-sm-7">
<textarea class="form-control" type="additionalInformation" name="additionalInformation" id="additionalInformation" style="min-width: 100%" rows="5" value=""></textarea>
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="januaryPrice">January's rent</label>
<div class="col-sm-7">
<input class="form-control" type="januaryPrice" name="januaryPrice" id="januaryPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="februaryPrice">February's rent</label>
<div class="col-sm-7">
<input class="form-control" type="februaryPrice" name="februaryPrice" id="februaryPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="marchPrice">March's rent</label>
<div class="col-sm-7">
<input class="form-control" type="marchPrice" name="marchPrice" id="marchPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="aprilPrice">April's rent</label>
<div class="col-sm-7">
<input class="form-control" type="aprilPrice" name="aprilPrice" id="aprilPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="mayPrice">May's rent</label>
<div class="col-sm-7">
<input class="form-control" type="mayPrice" name="mayPrice" id="mayPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="junePrice">June's rent</label>
<div class="col-sm-7">
<input class="form-control" type="junePrice" name="junePrice" id="junePrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="julyPrice">July's rent</label>
<div class="col-sm-7">
<input class="form-control" type="julyPrice" name="julyPrice" id="julyPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="augustPrice">August's rent</label>
<div class="col-sm-7">
<input class="form-control" type="augustPrice" name="augustPrice" id="augustPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="septemberPrice">September's rent</label>
<div class="col-sm-7">
<input class="form-control" type="septemberPrice" name="septemberPrice" id="septemberPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="octoberPrice">October's rent</label>
<div class="col-sm-7">
<input class="form-control" type="octoberPrice" name="octoberPrice" id="octoberPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="novemberPrice">November's rent</label>
<div class="col-sm-7">
<input class="form-control" type="novemberPrice" name="novemberPrice" id="novemberPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="decemberPrice">December's rent</label>
<div class="col-sm-7">
<input class="form-control" type="decemberPrice" name="decemberPrice" id="decemberPrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label text-right font-weight-bold" for="forSalePrice">For sale price. Note that a price of 0 means not for sale</label>
<div class="col-sm-7">
<input class="form-control" type="forSalePrice" name="forSalePrice" id="forSalePrice" value="0">
</div>
</div>
<div class="form-group row justify-content-center">
<div class="col-sm-4">
<button class="btn btn btn-primary" type="submit"><i class="fa fa-pencil"></i>Create Listing</button>
</div>
</div>
</form>
</div>
<footer>
<div class="container text-center">
<p>For the building's main site, go to: <a href="http://www.seaairtowers.org/">http://www.seaairtowers.org/</a></p>
</div>
</footer>
<script src="/js/lib/jquery-3.1.1.min.js"></script>
<script src="/js/lib/bootstrap.min.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script src="/js/main.js"></script>
<!-- Note: I am commenting this out because I am doing Google Analytics the newer way, this is just left over from the seed app.-->
<!-- script.-->
<!-- window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;-->
<!-- ga('create','UA-38177297-2','auto');ga('send','pageview')-->
<!-- script(src='https://www.google-analytics.com/analytics.js' async defer)-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment