File size: 10,119 Bytes
3798087 3282f75 3798087 3282f75 3798087 3282f75 3798087 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Features - DocuMind</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
</head>
<body class="bg-gray-50 dark:bg-gray-900 min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<section class="py-12">
<h1 class="text-4xl font-bold text-center mb-12 text-gray-800 dark:text-white">Advanced Features for Smarter Studying</h1>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Feature Card 1 -->
<div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105">
<div class="text-primary-500 mb-6">
<i data-feather="file-text" class="w-12 h-12"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Multi-Format Support</h3>
<p class="text-gray-600 dark:text-gray-300 mb-4">Upload PDFs, images (PNG, JPG), and scanned documents. Our system extracts text with high accuracy regardless of format.</p>
<ul class="space-y-2 text-gray-600 dark:text-gray-300">
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Handwritten notes conversion
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Scanned book pages
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Screenshots of slides
</li>
</ul>
</div>
<!-- Feature Card 2 -->
<div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105">
<div class="text-primary-500 mb-6">
<i data-feather="layers" class="w-12 h-12"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Smart Summarization</h3>
<p class="text-gray-600 dark:text-gray-300 mb-4">Our AI identifies key concepts, definitions, and relationships to create concise yet comprehensive summaries.</p>
<ul class="space-y-2 text-gray-600 dark:text-gray-300">
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Adjustable summary length
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Focus on important formulas
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Highlight key terms
</li>
</ul>
</div>
<!-- Feature Card 3 -->
<div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105">
<div class="text-primary-500 mb-6">
<i data-feather="clipboard" class="w-12 h-12"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Flashcard Generation</h3>
<p class="text-gray-600 dark:text-gray-300 mb-4">Automatically convert your documents into digital flashcards for efficient memorization and review.</p>
<ul class="space-y-2 text-gray-600 dark:text-gray-300">
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Export to Anki or Quizlet
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Spaced repetition scheduling
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Image support for diagrams
</li>
</ul>
</div>
<!-- Feature Card 4 -->
<div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105">
<div class="text-primary-500 mb-6">
<i data-feather="bar-chart-2" class="w-12 h-12"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Visual Learning Aids</h3>
<p class="text-gray-600 dark:text-gray-300 mb-4">Transform complex information into easy-to-understand charts, diagrams and mind maps.</p>
<ul class="space-y-2 text-gray-600 dark:text-gray-300">
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Concept relationship maps
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Timeline generators
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Comparison tables
</li>
</ul>
</div>
<!-- Feature Card 5 -->
<div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105">
<div class="text-primary-500 mb-6">
<i data-feather="book" class="w-12 h-12"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Study Plan Generator</h3>
<p class="text-gray-600 dark:text-gray-300 mb-4">Get personalized study schedules based on your documents, deadlines and learning goals.</p>
<ul class="space-y-2 text-gray-600 dark:text-gray-300">
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Topic prioritization
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Break sessions into chunks
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Revision reminders
</li>
</ul>
</div>
<!-- Feature Card 6 -->
<div class="bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-transform hover:scale-105">
<div class="text-primary-500 mb-6">
<i data-feather="share-2" class="w-12 h-12"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800 dark:text-white">Collaboration Tools</h3>
<p class="text-gray-600 dark:text-gray-300 mb-4">Share and work on documents with classmates, with real-time updates and version control.</p>
<ul class="space-y-2 text-gray-600 dark:text-gray-300">
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Group annotations
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Shared flashcards
</li>
<li class="flex items-center">
<i data-feather="check" class="w-4 h-4 mr-2 text-green-500"></i>
Discussion threads
</li>
</ul>
</div>
</div>
</section>
<section class="py-12 bg-primary-500 text-white rounded-xl shadow-lg p-8 mb-12">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-3xl font-bold mb-6">Ready to Transform Your Study Process?</h2>
<p class="text-xl mb-8 opacity-90">Join thousands of students who are studying smarter with DocuMind.</p>
<upload-button class="text-primary-500">Get Started - It's Free</upload-button>
</div>
</section>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="components/upload-button.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
</body>
</html> |