Add bootstrap frontend
This commit is contained in:
67
templates/base.html
Normal file
67
templates/base.html
Normal file
@@ -0,0 +1,67 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
|
||||
<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, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<title>{% block title %}{% endblock title %}</title>
|
||||
<link href="{% static 'css/styles.css' %}" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
||||
<link rel="icon" type="image/x-icon" href="{% static 'assets/img/logo.png' %}" />
|
||||
<script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.24.1/feather.min.js" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="layoutDefault">
|
||||
<div id="layoutDefault_content">
|
||||
<main>
|
||||
<!-- Navbar-->
|
||||
<nav class="navbar navbar-expand-lg bg-white navbar-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="{% url 'index'%}"><img class="img-responsive" src="{% static 'assets/img/logo.png' %}" width="70px" height="70px" alt="Logo Orange County Lettings"/></a>
|
||||
<div>
|
||||
<a class="btn fw-500 ms-lg-4 btn-primary" href="{% url 'profiles_index' %}">
|
||||
Profiles
|
||||
</a>
|
||||
<a class="btn fw-500 ms-lg-4 btn-primary" href="{% url 'lettings_index' %}">
|
||||
Lettings
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<hr class="m-0" />
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
</div>
|
||||
<div id="layoutDefault_footer">
|
||||
<footer class="footer pb-5 mt-auto bg-dark footer-dark">
|
||||
<div class="container px-5">
|
||||
<hr class="my-5" />
|
||||
<div class="row gx-5 align-items-center">
|
||||
<div class="col-md-6 small">Copyright © Orange County Lettings 2023</div>
|
||||
<div class="col-md-6 text-md-end small">
|
||||
<a href="#!">Privacy Policy</a>
|
||||
·
|
||||
<a href="#!">Terms & Conditions</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
||||
<script src="{% static 'js/scripts.js' %}"></script>
|
||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
||||
<script>
|
||||
AOS.init({
|
||||
disable: 'mobile',
|
||||
duration: 600,
|
||||
once: true,
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user