Files
devops/templates/index.html
gitea d072e18124
All checks were successful
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / test (push) Successful in 14s
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / deploy (push) Successful in 1m11s
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / build (push) Successful in 1m15s
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / scan (push) Successful in 27s
Changed demo site version
only to test pipeline
2025-12-09 06:20:27 +00:00

73 lines
2.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Professional Demo Site</title>
{{ bootstrap.load_css() }}
<style>
body { padding-top: 60px; }
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="/">Professional Demo Site V2</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" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="bg-primary text-white py-5 mt-4 rounded text-center">
<h1 class="display-4">Professional Demo Site</h1>
<p class="lead">
This is a realistic, Bootstrap-powered Flask application with DB integration for demonstration.
</p>
<a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a>
</div>
<section id="features" class="py-5">
<h2 class="text-center mb-4">Key Features (from DB)</h2>
<div class="row">
{% for feature in features %}
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">{{ feature.title }}</h5>
<p class="card-text">{{ feature.description }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</section>
<section id="about" class="py-5 bg-light">
<h2 class="text-center mb-4">About This Demo</h2>
<p class="text-center">
Now with PostgreSQL for data persistence. Extend with more models and queries.
</p>
</section>
</div>
{{ bootstrap.load_js() }}
</body>
</html>