Add initial HTML layout

This commit is contained in:
Thuvaraka Yogarajah 2026-02-26 20:35:54 +01:00
parent 373f217fe6
commit 566e6d41e3

47
index.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OnlyPrompt AI Prompt Marketplace</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">OnlyPrompt</a>
</div>
</nav>
<header class="container text-center mt-5">
<h1 class="display-4">OnlyPrompt</h1>
<p class="lead">
A marketplace to discover, share and sell high-quality AI prompts.
</p>
</header>
<main class="container mt-5">
<h2>Available Prompts</h2>
<div id="prompt-list">
<p>Prompts will be displayed here soon...</p>
</div>
</main>
<footer class="text-center mt-5 mb-3">
<p>&copy; 2026 OnlyPrompt Project</p>
</footer>
<script src="assets/js/app.js"></script>
</body>
</html>