83 lines
3.8 KiB
HTML
83 lines
3.8 KiB
HTML
{% load static %}
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-12 d-flex flex-wrap">
|
|
<p class="d-flex me-4 mb-0">
|
|
<i class="bi-geo-alt me-2"></i>
|
|
Jl. YRS No. 20, Jakarta, Indonesia
|
|
</p>
|
|
<p class="d-flex mb-0">
|
|
<i class="bi-envelope me-2"></i>
|
|
|
|
<a href="mailto:info@company.com">
|
|
info@company.com
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-3 col-12 ms-auto d-lg-block d-none">
|
|
<ul class="social-icon">
|
|
<li class="social-icon-item">
|
|
<a href="#" class="social-icon-link bi-twitter"></a>
|
|
</li>
|
|
<li class="social-icon-item">
|
|
<a href="#" class="social-icon-link bi-facebook"></a>
|
|
</li>
|
|
<li class="social-icon-item">
|
|
<a href="#" class="social-icon-link bi-instagram"></a>
|
|
</li>
|
|
<li class="social-icon-item">
|
|
<a href="#" class="social-icon-link bi-youtube"></a>
|
|
</li>
|
|
<li class="social-icon-item">
|
|
<a href="#" class="social-icon-link bi-whatsapp"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="navbar navbar-expand-lg bg-light shadow-lg">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="{% url 'dashboard' %}">
|
|
<img src="{% static 'images/logonin.png' %}" class="logo img-fluid" alt="Anindhaloka">
|
|
<span>
|
|
Anindhaloka
|
|
<small>Rumah Gotong Royong</small>
|
|
</span>
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link click-scroll" href="{% url 'dashboard' %}">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link click-scroll" href="{% url 'dashboard' %}#section_2">About</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link click-scroll" href="{% url 'dashboard' %}#section_3">Causes</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link click-scroll" href="{% url 'dashboard' %}#section_4">Volunteer</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link click-scroll dropdown-toggle" href="#section_5" id="navbarLightDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">News</a>
|
|
<ul class="dropdown-menu dropdown-menu-light" aria-labelledby="navbarLightDropdownMenuLink">
|
|
<li><a class="dropdown-item" href="{% url 'news' %}">News Listing</a></li>
|
|
<li><a class="dropdown-item" href="{% url 'news_detail' %}">News Detail</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link click-scroll" href="#section_6">Contact</a>
|
|
</li>
|
|
<li class="nav-item ms-3">
|
|
<a class="nav-link custom-btn custom-border-btn btn" href="donate.html">Login</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav> |