Revised Index.html
All checks were successful
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / test (push) Successful in 11s
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / build (push) Successful in 1m0s
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / scan (push) Successful in 26s
Build and Deploy Demo App (Artifacts, GHES/Gitea-safe) / deploy (push) Successful in 1m9s

This commit is contained in:
2025-12-04 10:21:09 +00:00
parent 0205a5f90b
commit c356fca133

View File

@@ -3,17 +3,23 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Welcome to DevOps Land ...</title> <title>Professional Demo Site</title>
{{ bootstrap.load_css() }} {{ bootstrap.load_css() }}
<style> body { padding-top: 60px; } </style> <style>
body { padding-top: 60px; }
</style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/">Demo Pro Site</a> <a class="navbar-brand" href="/">Professional Demo Site</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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto"> <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="/">Home</a></li>
@@ -23,15 +29,21 @@
</div> </div>
</div> </div>
</nav> </nav>
<div class="container"> <div class="container">
<div class="bg-primary text-white py-5 mt-4 rounded text-center"> <div class="bg-primary text-white py-5 mt-4 rounded text-center">
<h1 class="display-4">Land of DevOps...</h1> <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> <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> <a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a>
</div> </div>
<section id="features" class="py-5"> <section id="features" class="py-5">
<h2 class="text-center mb-4">Key Features (from DB)</h2> <h2 class="text-center mb-4">Key Features (from DB)</h2>
<div class="row"> <div class="row">
{% for feature in features %} {% for feature in features %}
<div class="col-md-4"> <div class="col-md-4">
<div class="card mb-4"> <div class="card mb-4">
@@ -42,13 +54,19 @@
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</section> </section>
<section id="about" class="py-5 bg-light"> <section id="about" class="py-5 bg-light">
<h2 class="text-center mb-4">About This Demo</h2> <h2 class="text-center mb-4">About This Demo</h2>
<p class="text-center">Now with PostgreSQL for data persistence. Extend with more models/queries.</p> <p class="text-center">
Now with PostgreSQL for data persistence. Extend with more models and queries.
</p>
</section> </section>
</div> </div>
{{ bootstrap.load_js() }} {{ bootstrap.load_js() }}
</body> </body>
</html> </html>