zynthdev/loopyfeed
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1" />6 <title>Loopyfeed - Creative Video Sharing</title>7 <link rel="stylesheet" href="/static/css/style.css" />8 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet" />9</head>10<body>11 <header class="header">12 <div class="container">13 <h1 class="logo">Loopyfeed</h1>14 <nav class="nav">15 <a href="#features" class="nav-link">Features</a>16 <a href="#about" class="nav-link">About</a>17 <a href="#contact" class="nav-link">Contact</a>18 <button class="btn btn-primary" id="signupBtn">Sign Up</button>19 </nav>20 </div>21 </header>22 23 <main>24 <section class="hero">25 <div class="container hero-content">26 <h2 class="hero-title">Discover & Share Amazing Short Videos</h2>27 <p class="hero-subtitle">28 Join Loopyfeed — a family-friendly platform for creative and inspiring short video content.29 </p>30 <button class="btn btn-secondary" id="getStartedBtn">Get Started</button>31 </div>32 </section>33 34 <section class="features" id="features">35 <div class="container">36 <h3 class="section-title">Why Choose Loopyfeed?</h3>37 <div class="feature-cards">38 <div class="card">39 <h4>Curated Content</h4>40 <p>Enjoy handpicked, family-friendly videos across many categories.</p>41 </div>42 <div class="card">43 <h4>Easy Sharing</h4>44 <p>Save, like, and share your favorite videos effortlessly.</p>45 </div>46 <div class="card">47 <h4>Safe & Secure</h4>48 <p>We prioritize your privacy and provide a safe community.</p>49 </div>50 </div>51 </div>52 </section>53 54 <section class="about" id="about">55 <div class="container">56 <h3 class="section-title">About Loopyfeed</h3>57 <p>58 Loopyfeed is inspired by the best of TikTok and Snapchat with a twist — focusing on59 family-friendly, relaxing, and creative short videos. Our mission is to connect creators60 and viewers in a safe, joyful space.61 </p>62 </div>63 </section>64 65 <section class="contact" id="contact">66 <div class="container">67 <h3 class="section-title">Get in Touch</h3>68 <form class="contact-form" onsubmit="event.preventDefault(); alert('Thanks for reaching out!');">69 <input type="email" placeholder="Your email" required />70 <textarea placeholder="Your message" required></textarea>71 <button type="submit" class="btn btn-primary">Send Message</button>72 </form>73 </div>74 </section>75 </main>76 77 <footer class="footer">78 <div class="container">79 <p>© 2025 Loopyfeed. All rights reserved.</p>80 </div>81 </footer>82 83 <script src="/static/js/script.js"></script>84</body>85</html>86