airkjw/claude-mem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create index.html for landing page design

Browse Source
This commit is contained in:
Alex Newman
2025-11-01 20:36:58 -04:00
parent 3bbacb8fa4
commit c9e0301e3e
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1
View File
@@ -0,0 +1 @@
<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Claude-Mem Landing Page</title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n color: #333;\n line-height: 1.6;\n }\n header {\n background: linear-gradient(45deg, #6a11cb, #2575fc);\n color: white;\n padding: 20px;\n text-align: center;\n }\n section {\n padding: 20px;\n }\n .features, .installation {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n }\n .feature, .installation-step {\n flex: 1;\n margin: 10px;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 8px;\n transition: transform 0.2s;\n }\n .feature:hover, .installation-step:hover {\n transform: scale(1.05);\n }\n footer {\n background: #333;\n color: white;\n text-align: center;\n padding: 10px;\n }\n @media (max-width: 600px) {\n .features, .installation {\n flex-direction: column;\n }\n }\n </style>\n</head>\n<body>\n <header>\n <h1>Welcome to Claude-Mem</h1>\n <p>Your go-to solution for managing memories effectively.</p>\n <button style="background-color: #ffffff; color: #6a11cb; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">Get Started</button>\n </header>\n <section id="features">\n <h2>Features</h2>\n <div class="features">\n <div class="feature">Feature 1: Easy to Use</div>\n <div class="feature">Feature 2: Secure Storage</div>\n <div class="feature">Feature 3: Fast Performance</div>\n </div>\n </section>\n <section id="how-it-works">\n <h2>How It Works</h2>\n <p>Claude-Mem uses advanced algorithms to help you manage your memories in an efficient way.</p>\n </section>\n <section id="architecture">\n <h2>Architecture Overview</h2>\n <p>Our architecture is designed for scalability and performance.</p>\n </section>\n <section id="installation">\n <h2>Installation Instructions</h2>\n <div class="installation">\n <div class="installation-step">Step 1: Clone the repository</div>\n <div class="installation-step">Step 2: Install dependencies</div>\n <div class="installation-step">Step 3: Run the application</div>\n </div>\n </section>\n <footer>\n <p>Contact us at support@claude-mem.com</p>\n </footer>\n</body>\n</html>