127 lines
5.6 KiB
HTML
127 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
{% load static %}
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}AI ML Operations, LLC{% endblock %}</title>
|
|
<meta name="description"
|
|
content="{% block meta_description %}AI ML Operations, LLC provides cutting-edge AI, Machine Learning, and Web Development solutions.{% endblock %}">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="{{ request.build_absolute_uri }}">
|
|
<meta property="og:title" content="{% block og_title %}AI ML Operations, LLC{% endblock %}">
|
|
<meta property="og:description"
|
|
content="{% block og_description %}AI ML Operations, LLC provides cutting-edge AI, Machine Learning, and Web Development solutions.{% endblock %}">
|
|
<meta property="og:image"
|
|
content="{% block og_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'public/img/favicon.jpg' %}{% endblock %}">
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:url" content="{{ request.build_absolute_uri }}">
|
|
<meta property="twitter:title" content="{% block twitter_title %}AI ML Operations, LLC{% endblock %}">
|
|
<meta property="twitter:description"
|
|
content="{% block twitter_description %}AI ML Operations, LLC provides cutting-edge AI, Machine Learning, and Web Development solutions.{% endblock %}">
|
|
<meta property="twitter:image"
|
|
content="{% block twitter_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'public/img/favicon.jpg' %}{% endblock %}">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link href="{% static 'public/css/style.css' %}" rel="stylesheet">
|
|
<link rel="icon" type="image/xicon" href="{% static 'public/img/favicon.jpg' %}">
|
|
|
|
{% if not debug %}
|
|
<script async defer src="https://tianji.aimloperations.com/tracker.js"
|
|
data-website-id="cm7w80pyy020oddswy2evl957"></script>
|
|
{% endif %}
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Navigation Bar -->
|
|
<nav>
|
|
<a href="{% url 'public_index' %}" class="brand-logo">
|
|
AI ML<span class="text-cyber-cyan"> OPERATIONS</span>
|
|
|
|
</a>
|
|
<button class="mobile-menu-btn" aria-label="Menu">☰</button>
|
|
<ul class="nav-links">
|
|
<li><a href="{% url 'public_index' %}"
|
|
class="{% if request.resolver_match.url_name == 'public_index' %}active{% endif %}">Home</a></li>
|
|
<li class="dropdown">
|
|
<a href="#"
|
|
class="{% if request.resolver_match.url_name in 'ai_education,ai_sensor,bot,chat,computers,file_hosting,ml_model,web_design' %}active{% endif %}">Services</a>
|
|
<ul class="dropdown-content">
|
|
<li><a href="{% url 'ai_education' %}">Education</a></li>
|
|
<li><a href="{% url 'ai_sensor' %}">Sensors</a></li>
|
|
<li><a href="{% url 'bot' %}">Bots</a></li>
|
|
<li><a href="{% url 'chat' %}">Chat</a></li>
|
|
<li><a href="{% url 'computers' %}">Hardware</a></li>
|
|
<li><a href="{% url 'file_hosting' %}">Hosting</a></li>
|
|
<li><a href="{% url 'ml_model' %}">ML Models</a></li>
|
|
<li><a href="{% url 'web_design' %}">Web Design</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="{% url 'contact' %}"
|
|
class="{% if request.resolver_match.url_name == 'contact' %}active{% endif %}">Contact</a></li>
|
|
{% if user.is_authenticated %}
|
|
<li><a href="{% url 'planning:board_view' %}" class="{% if 'planning' in request.path %}active{% endif %}">Planning</a></li>
|
|
<li><a href="{% url 'financial_index' %}" class="{% if 'financial' in request.path %}active{% endif %}">Financials</a></li>
|
|
<li class="dropdown" id="user-profile-dropdown">
|
|
<a href="#" class="profile-icon-link" title="{{ user.get_full_name|default:user.username }}">
|
|
<svg class="profile-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="8" r="4"/>
|
|
<path d="M4 21v-1a6 6 0 0 1 12 0v1"/>
|
|
</svg>
|
|
</a>
|
|
<ul class="dropdown-content profile-dropdown-content">
|
|
<li class="profile-name-item">{{ user.get_full_name|default:user.username }}</li>
|
|
<li>
|
|
<form action="{% url 'logout' %}" method="post" style="margin: 0;">
|
|
{% csrf_token %}
|
|
<button type="submit" class="profile-logout-btn">Log Out</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
{% else %}
|
|
<li><a href="{% url 'login' %}" class="btn text-cyber-cyan" style="border: 1px solid var(--primary-color); padding: 0.4rem 1rem; border-radius: 4px; margin-left: 1rem;">Sign In</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
|
|
<main>
|
|
{% block content %}
|
|
{% endblock %}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p class="footer-text">© 2023 -
|
|
<script>document.write(new Date().getFullYear());</script> AI ML Operations, LLC. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const mobileBtn = document.querySelector('.mobile-menu-btn');
|
|
const navLinks = document.querySelector('.nav-links');
|
|
|
|
if (mobileBtn && navLinks) {
|
|
mobileBtn.addEventListener('click', function () {
|
|
navLinks.classList.toggle('active');
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |