100 lines
3.7 KiB
HTML
100 lines
3.7 KiB
HTML
{% load static %}
|
|
{% load unicorn %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<meta name="author" content="Aldi Duzha">
|
|
<meta name="description" content="Search houses and apartments for rent anywhere within the US. View floorplans, pricing, images and more. Find your perfect rental.">
|
|
<meta name="keywords" content="bulma, rent, template, apartments, page, website, free, awesome">
|
|
<title>寻章智搜</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'bulma.min.css' %}">
|
|
{% unicorn_scripts %}
|
|
</head>
|
|
<body>
|
|
{% csrf_token %}
|
|
<div id="app">
|
|
<section class="hero is-fullheight is-light" >
|
|
<div class="hero-head">
|
|
<nav class="navbar is-transparent is-spaced" role="navigation" aria-label="main navigation">
|
|
<div class="container">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/">
|
|
{# <img src="https://bulma.io/images/bulma-logo.png" alt="Bulma Rent" width="80" height="20">#}
|
|
<span class="is-size-3 has-text-weight-semibold">寻章智搜</span>
|
|
</a>
|
|
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarTopMain">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<div class="navbar-menu" id="navbarTopMain">
|
|
<div class="navbar-end">
|
|
|
|
<a href="#" class="navbar-item has-text-weight-semibold">Post a listing</a>
|
|
<div class="navbar-item">
|
|
<a href="https://aldi.github.io/awesome-bulma-templates/templates/login/login.html" class="button is-primary">
|
|
登录
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
{% block content %}
|
|
{% endblock %}
|
|
|
|
|
|
</section>
|
|
|
|
<footer class="hero is-small is-light">
|
|
<div class="hero-body">
|
|
<div class="container has-text-centered">
|
|
<a href="https://raiot.me">
|
|
Made with <span class="has-text-danger">❤</span> by Raiot
|
|
</a>
|
|
<div class="columns m-t-10">
|
|
<div class="column">
|
|
<nav class="has-text-grey-light">
|
|
<a href="#" class="has-text-primary">About</a> •
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="b-t m-t-30 p-t-30 has-text-grey-light is-size-7">
|
|
Rent Template 2020 © Aldi Duzha <br> <a href="#" class="has-text-primary">Terms of use</a> and <a class="has-text-primary" href="#">Privacy policy</a>.
|
|
<a href="#" class="has-text-primary">Fair Housing</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Get all "navbar-burger" elements
|
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
// Check if there are any navbar burgers
|
|
if ($navbarBurgers.length > 0) {
|
|
// Add a click event on each of them
|
|
$navbarBurgers.forEach( el => {
|
|
el.addEventListener('click', () => {
|
|
// Get the target from the "data-target" attribute
|
|
const target = el.dataset.target;
|
|
const $target = document.getElementById(target);
|
|
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
|
el.classList.toggle('is-active');
|
|
$target.classList.toggle('is-active');
|
|
});
|
|
});
|
|
}
|
|
});
|
|
{% block script %}
|
|
{% endblock %}
|
|
</script>
|
|
</body>
|
|
</html> |