Hugging Face's logo

Spaces:
ASDAD34
/
docextractor-pro
Running

App Files Community
ASDAD34 commited on
Commit
983e5f7
·
verified ·
1 Parent(s): 5d66d3c

Çalıştır

Browse files
Files changed (4) hide show
  1. about.html +51 -0
  2. components/footer.js +4 -4
  3. components/navbar.js +4 -4
  4. features.html +90 -0
about.html ADDED
@@ -0,0 +1,51 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.0">
6
+ <title>About DocExtractor Pro</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ </head>
11
+ <body class="bg-gray-50 min-h-screen">
12
+ <custom-navbar></custom-navbar>
13
+
14
+ <main class="container mx-auto px-4 py-8">
15
+ <section class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">
16
+ <h1 class="text-3xl font-bold text-gray-800 mb-6">About DocExtractor Pro</h1>
17
+
18
+ <div class="prose max-w-none">
19
+ <p class="text-gray-600 mb-4">DocExtractor Pro is a powerful web-based tool that helps you extract and convert text content from various document formats with ease.</p>
20
+
21
+ <h2 class="text-2xl font-semibold text-gray-800 mt-6 mb-4">Our Mission</h2>
22
+ <p class="text-gray-600 mb-4">We aim to simplify document processing by providing an intuitive interface that handles complex document conversions with just a few clicks.</p>
23
+
24
+ <h2 class="text-2xl font-semibold text-gray-800 mt-6 mb-4">Why Choose Us?</h2>
25
+ <ul class="text-gray-600 space-y-2 mb-6">
26
+ <li><i data-feather="check" class="inline mr-2 text-green-500"></i> Supports multiple document formats including PDF, Word, Excel, and Images</li>
27
+ <li><i data-feather="check" class="inline mr-2 text-green-500"></i> Preserves formatting and structure in conversions</li>
28
+ <li><i data-feather="check" class="inline mr-2 text-green-500"></i> Advanced OCR technology for image-based documents</li>
29
+ <li><i data-feather="check" class="inline mr-2 text-green-500"></i> Secure processing - files never leave your browser</li>
30
+ </ul>
31
+
32
+ <div class="bg-blue-50 p-6 rounded-lg mt-8">
33
+ <h3 class="text-xl font-medium text-blue-800 mb-4">Need Help?</h3>
34
+ <p class="text-blue-700 mb-4">Check out our documentation or contact our support team.</p>
35
+ <a href="#" class="bg-blue-600 text-white px-4 py-2 rounded inline-flex items-center">
36
+ <i data-feather="mail" class="mr-2"></i> Contact Support
37
+ </a>
38
+ </div>
39
+ </div>
40
+ </section>
41
+ </main>
42
+
43
+ <custom-footer></custom-footer>
44
+
45
+ <script src="components/navbar.js"></script>
46
+ <script src="components/footer.js"></script>
47
+ <script>
48
+ feather.replace();
49
+ </script>
50
+ </body>
51
+ </html>
components/footer.js CHANGED
@@ -34,10 +34,10 @@ class CustomFooter extends HTMLElement {
34
  </style>
35
  <footer class="footer">
36
  <div class="footer-links">
37
- <a href="#" class="footer-link">Privacy Policy</a>
38
- <a href="#" class="footer-link">Terms of Service</a>
39
- <a href="#" class="footer-link">Contact Us</a>
40
- </div>
41
  <p class="copyright">&copy; ${new Date().getFullYear()} DocExtractor Pro. All rights reserved.</p>
42
  </footer>
43
  `;
 
34
  </style>
35
  <footer class="footer">
36
  <div class="footer-links">
37
+ <a href="/privacy.html" class="footer-link">Privacy Policy</a>
38
+ <a href="/terms.html" class="footer-link">Terms of Service</a>
39
+ <a href="mailto:[email protected]" class="footer-link">Contact Us</a>
40
+ </div>
41
  <p class="copyright">&copy; ${new Date().getFullYear()} DocExtractor Pro. All rights reserved.</p>
42
  </footer>
43
  `;
components/navbar.js CHANGED
@@ -51,10 +51,10 @@ class CustomNavbar extends HTMLElement {
51
  DocExtractor Pro
52
  </a>
53
  <div class="nav-links">
54
- <a href="#" class="nav-link">Home</a>
55
- <a href="#" class="nav-link">Features</a>
56
- <a href="#" class="nav-link">About</a>
57
- </div>
58
  </nav>
59
  `;
60
  }
 
51
  DocExtractor Pro
52
  </a>
53
  <div class="nav-links">
54
+ <a href="/" class="nav-link">Home</a>
55
+ <a href="/features.html" class="nav-link">Features</a>
56
+ <a href="/about.html" class="nav-link">About</a>
57
+ </div>
58
  </nav>
59
  `;
60
  }
features.html ADDED
@@ -0,0 +1,90 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.0">
6
+ <title>Features - DocExtractor Pro</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ </head>
11
+ <body class="bg-gray-50 min-h-screen">
12
+ <custom-navbar></custom-navbar>
13
+
14
+ <main class="container mx-auto px-4 py-8">
15
+ <section class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">
16
+ <h1 class="text-3xl font-bold text-gray-800 mb-6">DocExtractor Pro Features</h1>
17
+
18
+ <div class="grid md:grid-cols-2 gap-8">
19
+ <div class="bg-indigo-50 p-6 rounded-lg">
20
+ <div class="flex items-center mb-4">
21
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
22
+ <i data-feather="file" class="text-indigo-600"></i>
23
+ </div>
24
+ <h3 class="text-xl font-semibold text-gray-800">PDF Extraction</h3>
25
+ </div>
26
+ <p class="text-gray-600">Extract text with formatting from PDF documents while preserving the original structure.</p>
27
+ </div>
28
+
29
+ <div class="bg-purple-50 p-6 rounded-lg">
30
+ <div class="flex items-center mb-4">
31
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
32
+ <i data-feather="file-text" class="text-purple-600"></i>
33
+ </div>
34
+ <h3 class="text-xl font-semibold text-gray-800">Word Processing</h3>
35
+ </div>
36
+ <p class="text-gray-600">Convert DOCX and DOC files to clean text while maintaining headings and lists.</p>
37
+ </div>
38
+
39
+ <div class="bg-green-50 p-6 rounded-lg">
40
+ <div class="flex items-center mb-4">
41
+ <div class="bg-green-100 p-3 rounded-full mr-4">
42
+ <i data-feather="grid" class="text-green-600"></i>
43
+ </div>
44
+ <h3 class="text-xl font-semibold text-gray-800">Excel Conversion</h3>
45
+ </div>
46
+ <p class="text-gray-600">Extract data from Excel spreadsheets and convert to structured JSON or plain text.</p>
47
+ </div>
48
+
49
+ <div class="bg-red-50 p-6 rounded-lg">
50
+ <div class="flex items-center mb-4">
51
+ <div class="bg-red-100 p-3 rounded-full mr-4">
52
+ <i data-feather="image" class="text-red-600"></i>
53
+ </div>
54
+ <h3 class="text-xl font-semibold text-gray-800">OCR Technology</h3>
55
+ </div>
56
+ <p class="text-gray-600">Optical Character Recognition extracts text from JPG, PNG and other image formats.</p>
57
+ </div>
58
+
59
+ <div class="bg-yellow-50 p-6 rounded-lg">
60
+ <div class="flex items-center mb-4">
61
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
62
+ <i data-feather="download" class="text-yellow-600"></i>
63
+ </div>
64
+ <h3 class="text-xl font-semibold text-gray-800">Multiple Formats</h3>
65
+ </div>
66
+ <p class="text-gray-600">Export results as JSON, Markdown or Plain Text with one click downloads.</p>
67
+ </div>
68
+
69
+ <div class="bg-blue-50 p-6 rounded-lg">
70
+ <div class="flex items-center mb-4">
71
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
72
+ <i data-feather="shield" class="text-blue-600"></i>
73
+ </div>
74
+ <h3 class="text-xl font-semibold text-gray-800">Privacy Focused</h3>
75
+ </div>
76
+ <p class="text-gray-600">All processing happens in your browser - your documents never touch our servers.</p>
77
+ </div>
78
+ </div>
79
+ </section>
80
+ </main>
81
+
82
+ <custom-footer></custom-footer>
83
+
84
+ <script src="components/navbar.js"></script>
85
+ <script src="components/footer.js"></script>
86
+ <script>
87
+ feather.replace();
88
+ </script>
89
+ </body>
90
+ </html>