114 lines
5.8 KiB
PHP
114 lines
5.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>survey-demo-app</title>
|
|
<meta name="description" content="Built with Flatlogic Generator">
|
|
<meta name="keywords" content="survey app, form builder, online forms, data collection, feedback tool, custom surveys, Flatlogic Generator">
|
|
<meta property="og:title" content="survey-demo-app">
|
|
<meta property="og:description" content="Built with Flatlogic Generator">
|
|
<meta property="og:image" content="">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<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@400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="/">SurveyBuilder</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="create_survey.php">Create Survey</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="admin.php">Admin</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#about">About</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#features">Features</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="hero">
|
|
<div class="container">
|
|
<h1>Create Beautiful Surveys, Effortlessly</h1>
|
|
<p>Build engaging forms and surveys to capture the data you need. Simple, fast, and free.</p>
|
|
<a href="create_survey.php" class="btn btn-light btn-hero">Get Started Now <i class="bi bi-arrow-right-short"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="about" class="section">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<h2>About SurveyBuilder</h2>
|
|
<p class="lead">SurveyBuilder is a modern tool designed to make survey creation intuitive and fast. Whether you're gathering customer feedback, conducting market research, or planning an event, we provide the tools you need to get answers.</p>
|
|
<p>Our mission is to simplify data collection without compromising on power or design.</p>
|
|
</div>
|
|
<div class="col-md-6 text-center">
|
|
<i class="bi bi-card-checklist" style="font-size: 10rem; color: #0dcaf0;"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="section bg-light">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<h2>Powerful Features, Simple Interface</h2>
|
|
<p class="lead">Everything you need to build and analyze surveys.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100 text-center p-4">
|
|
<i class="bi bi-input-cursor-text" style="font-size: 3rem; color: #0d6efd;"></i>
|
|
<h4 class="mt-3">Multiple Question Types</h4>
|
|
<p>From short text to multiple choice and checkboxes, create the perfect question for any scenario.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100 text-center p-4">
|
|
<i class="bi bi-bar-chart-line" style="font-size: 3rem; color: #0d6efd;"></i>
|
|
<h4 class="mt-3">Real-time Results</h4>
|
|
<p>Watch responses roll in and analyze your data with a clean, simple dashboard.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100 text-center p-4">
|
|
<i class="bi bi-share" style="font-size: 3rem; color: #0d6efd;"></i>
|
|
<h4 class="mt-3">Easy Sharing</h4>
|
|
<p>Get a unique, shareable link for your survey the moment you publish it.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container text-center">
|
|
<p>© <?php echo date("Y"); ?> SurveyBuilder. All Rights Reserved.</p>
|
|
<p><a href="privacy.php">Privacy Policy</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|