161 lines
No EOL
6.7 KiB
HTML
161 lines
No EOL
6.7 KiB
HTML
<!Doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
|
|
crossorigin="anonymous">
|
|
<!-- Custom srylesheet -->
|
|
<link rel="stylesheet" href="styles.css">
|
|
<!-- Start of Async Drift Code -->
|
|
<!-- Start of Async Drift Code -->
|
|
<script>
|
|
!function () {
|
|
var t;
|
|
if (t = window.driftt = window.drift = window.driftt || [], !t.init) return t.invoked ? void (window.console && console.error && console.error("Drift snippet included twice.")) : (t.invoked = !0,
|
|
t.methods = ["identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on"],
|
|
t.factory = function (e) {
|
|
return function () {
|
|
var n;
|
|
return n = Array.prototype.slice.call(arguments), n.unshift(e), t.push(n), t;
|
|
};
|
|
}, t.methods.forEach(function (e) {
|
|
t[e] = t.factory(e);
|
|
}), t.load = function (t) {
|
|
var e, n, o, i;
|
|
e = 3e5, i = Math.ceil(new Date() / e) * e, o = document.createElement("script"),
|
|
o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + i + "/" + t + ".js",
|
|
n = document.getElementsByTagName("script")[0], n.parentNode.insertBefore(o, n);
|
|
});
|
|
}();
|
|
drift.SNIPPET_VERSION = '0.3.1';
|
|
drift.load('msbd69cb9cvm');
|
|
</script>
|
|
<!-- End of Async Drift Code -->
|
|
<!-- End of Async Drift Code -->
|
|
|
|
<title>Hello, world!</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!--
|
|
<div class="alert alert-danger" role="alert">
|
|
This is a danger alert—check it out!
|
|
</div> -->
|
|
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #ffffff;">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#">little turtles</a>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarTogglerDemo03" id="navbarNavDropdown">
|
|
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
|
<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">
|
|
Locations
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<a class="dropdown-item" href="#">Sydney</a>
|
|
<a class="dropdown-item" href="#">Melbourne</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">More coming soon</a>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Plans</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Mission</a>
|
|
</li>
|
|
|
|
|
|
|
|
</li>
|
|
</ul>
|
|
<form class="form-inline my-2 my-lg-0">
|
|
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
|
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<h1>Live in cool cites quick and easily without the cost
|
|
</h1>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<!-- One of 2 columns -->
|
|
<form action="###" method="post">
|
|
<h3>Where would you like to live?</h3>
|
|
<p>
|
|
<select name="dropdown">
|
|
<option value="Sydney" selected>Sydney</option>
|
|
<option value="Melbourne">Melbourne</option>
|
|
</select>
|
|
</p>
|
|
<h3>Are you a we or a soon to we?</h3>
|
|
<p>
|
|
<select name="dropdown">
|
|
<option value="Single" selected>Single</option>
|
|
<option value="Couples">Couples</option>
|
|
</select>
|
|
</p>
|
|
|
|
|
|
<!-- MAKE THIS SEND ME data to google sheets (think zapier maybe) -->
|
|
<!-- Send to page with mapbox and lsitings -->
|
|
<button type="button" class="btn btn-warning" onclick="myFunction()">
|
|
Continue
|
|
</button>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="col-sm">
|
|
<!-- Two of 2 colums -->
|
|
<img class="front-page-image" src="https://skift.com/wp-content/uploads/2016/06/02-zoku-living-area.jpg" alt="image">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScsc2Hehcq6SWU11Mbs-Kv-LhWtvalToLZh1KZSvUh4Mmgn5g/viewform?embedded=true"
|
|
width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
|
|
|
|
<!-- <div class="container">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
One of 2 columns
|
|
</div>
|
|
<div class="col-sm">
|
|
Two of 2 colums
|
|
</div>
|
|
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |