Hugging Face's logo

Spaces:
povxtv
/
creditwise-ai-fixer
Running

App Files Community
povxtv commited on
Commit
114a0d1
·
verified ·
1 Parent(s): 3ef50bf

how do i publish this site?

Browse files
Files changed (5) hide show
  1. about.html +1 -0
  2. ai-process.html +1 -0
  3. getstarted.html +2 -1
  4. index.html +1 -0
  5. publish.html +158 -0
about.html CHANGED
@@ -40,6 +40,7 @@
40
  <a href="ai-process.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
41
  <a href="about.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
42
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
 
43
  <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a>
44
  </div>
45
  </div>
 
40
  <a href="ai-process.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
41
  <a href="about.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
42
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
43
+ <a href="publish.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Publish</a>
44
  <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a>
45
  </div>
46
  </div>
ai-process.html CHANGED
@@ -56,6 +56,7 @@
56
  <a href="index.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Home</a>
57
  <a href="ai-process.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
58
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
 
59
  <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a>
60
  </div>
61
  </div>
 
56
  <a href="index.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Home</a>
57
  <a href="ai-process.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
58
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
59
+ <a href="publish.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Publish</a>
60
  <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a>
61
  </div>
62
  </div>
getstarted.html CHANGED
@@ -38,8 +38,9 @@
38
  <a href="index.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Home</a>
39
  <a href="ai-process.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
40
  <a href="about.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
 
41
  <a href="getstarted.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Get Started</a>
42
- </div>
43
  </div>
44
  </div>
45
  </nav>
 
38
  <a href="index.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Home</a>
39
  <a href="ai-process.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
40
  <a href="about.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
41
+ <a href="publish.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Publish</a>
42
  <a href="getstarted.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Get Started</a>
43
+ </div>
44
  </div>
45
  </div>
46
  </nav>
index.html CHANGED
@@ -55,6 +55,7 @@
55
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">How It Works</a>
56
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
57
  <a href="about.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
 
58
  <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a>
59
  </div>
60
  </div>
 
55
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">How It Works</a>
56
  <a href="#" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Pricing</a>
57
  <a href="about.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
58
+ <a href="publish.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Publish</a>
59
  <a href="getstarted.html" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition-all">Get Started</a>
60
  </div>
61
  </div>
publish.html ADDED
@@ -0,0 +1,158 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Publishing Guide | CreditWise AI Fixer</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ }
15
+ .bg-gradient-primary {
16
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17
+ }
18
+ .card-hover:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21
+ }
22
+ .transition-all {
23
+ transition: all 0.3s ease;
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="bg-gray-50">
28
+ <!-- Navigation -->
29
+ <nav class="bg-white shadow-sm">
30
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
31
+ <div class="flex justify-between h-16">
32
+ <div class="flex items-center">
33
+ <a href="index.html" class="flex items-center">
34
+ <i data-feather="credit-card" class="text-indigo-600 mr-2"></i>
35
+ <span class="text-xl font-semibold text-gray-900">CreditWise AI Fixer</span>
36
+ </a>
37
+ </div>
38
+ <div class="flex items-center space-x-4">
39
+ <a href="index.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Home</a>
40
+ <a href="ai-process.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">AI Process</a>
41
+ <a href="about.html" class="text-gray-700 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">About</a>
42
+ <a href="publish.html" class="text-indigo-600 px-3 py-2 rounded-md text-sm font-medium">Publish</a>
43
+ </div>
44
+ </div>
45
+ </div>
46
+ </nav>
47
+
48
+ <!-- Main Content -->
49
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
50
+ <div class="text-center mb-12">
51
+ <h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">How to Publish Your Website</h1>
52
+ <p class="text-lg text-gray-600">Follow these steps to get your CreditWise AI Fixer website live</p>
53
+ </div>
54
+
55
+ <div class="space-y-8">
56
+ <!-- Option 1 -->
57
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover transition-all">
58
+ <div class="flex items-start">
59
+ <div class="bg-indigo-100 p-3 rounded-lg mr-4">
60
+ <i data-feather="cloud" class="text-indigo-600 w-6 h-6"></i>
61
+ </div>
62
+ <div>
63
+ <h2 class="text-xl font-bold text-gray-900 mb-2">Option 1: Netlify (Recommended)</h2>
64
+ <p class="text-gray-600 mb-4">Netlify offers free hosting with continuous deployment from GitHub.</p>
65
+ <ol class="list-decimal list-inside space-y-2 text-gray-700">
66
+ <li>Create a free account on <a href="https://netlify.com" class="text-indigo-600 hover:underline">Netlify.com</a></li>
67
+ <li>Connect your GitHub/GitLab/Bitbucket repository</li>
68
+ <li>Drag and drop your project folder into Netlify</li>
69
+ <li>Configure your site settings and domain</li>
70
+ <li>Click "Deploy site"</li>
71
+ </ol>
72
+ </div>
73
+ </div>
74
+ </div>
75
+
76
+ <!-- Option 2 -->
77
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover transition-all">
78
+ <div class="flex items-start">
79
+ <div class="bg-indigo-100 p-3 rounded-lg mr-4">
80
+ <i data-feather="github" class="text-indigo-600 w-6 h-6"></i>
81
+ </div>
82
+ <div>
83
+ <h2 class="text-xl font-bold text-gray-900 mb-2">Option 2: GitHub Pages</h2>
84
+ <p class="text-gray-600 mb-4">Free hosting through GitHub with your repository.</p>
85
+ <ol class="list-decimal list-inside space-y-2 text-gray-700">
86
+ <li>Create a GitHub account if you don't have one</li>
87
+ <li>Create a new repository named <code class="bg-gray-100 px-1 rounded">username.github.io</code></li>
88
+ <li>Upload all your website files to this repository</li>
89
+ <li>Go to Settings > Pages and enable GitHub Pages</li>
90
+ <li>Select your main branch and click Save</li>
91
+ </ol>
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+ <!-- Option 3 -->
97
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover transition-all">
98
+ <div class="flex items-start">
99
+ <div class="bg-indigo-100 p-3 rounded-lg mr-4">
100
+ <i data-feather="server" class="text-indigo-600 w-6 h-6"></i>
101
+ </div>
102
+ <div>
103
+ <h2 class="text-xl font-bold text-gray-900 mb-2">Option 3: Traditional Web Hosting</h2>
104
+ <p class="text-gray-600 mb-4">Use a paid hosting provider for more control.</p>
105
+ <ol class="list-decimal list-inside space-y-2 text-gray-700">
106
+ <li>Purchase hosting from providers like:
107
+ <ul class="list-disc list-inside ml-4 mt-1">
108
+ <li><a href="https://bluehost.com" class="text-indigo-600 hover:underline">Bluehost</a></li>
109
+ <li><a href="https://siteground.com" class="text-indigo-600 hover:underline">SiteGround</a></li>
110
+ <li><a href="https://hostgator.com" class="text-indigo-600 hover:underline">HostGator</a></li>
111
+ </ul>
112
+ </li>
113
+ <li>Upload files via FTP (FileZilla) or cPanel File Manager</li>
114
+ <li>Point your domain to the hosting provider</li>
115
+ </ol>
116
+ </div>
117
+ </div>
118
+ </div>
119
+
120
+ <div class="bg-indigo-50 p-6 rounded-lg">
121
+ <h3 class="text-lg font-bold text-indigo-800 mb-3">Before You Publish</h3>
122
+ <ul class="list-disc list-inside space-y-2 text-gray-700">
123
+ <li>Test all pages locally first</li>
124
+ <li>Compress images to reduce load times</li>
125
+ <li>Consider purchasing a domain name for professionalism</li>
126
+ <li>Set up Google Analytics to track visitors</li>
127
+ </ul>
128
+ </div>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Footer -->
133
+ <footer class="bg-gray-800 text-white">
134
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
135
+ <div class="flex flex-col md:flex-row justify-between items-center">
136
+ <div class="flex items-center mb-4 md:mb-0">
137
+ <i data-feather="credit-card" class="text-indigo-400 mr-2"></i>
138
+ <span class="text-lg font-semibold">CreditWise AI Fixer</span>
139
+ </div>
140
+ <div class="flex space-x-6">
141
+ <a href="index.html" class="text-gray-400 hover:text-white">Home</a>
142
+ <a href="ai-process.html" class="text-gray-400 hover:text-white">AI Process</a>
143
+ <a href="about.html" class="text-gray-400 hover:text-white">About</a>
144
+ <a href="publish.html" class="text-gray-400 hover:text-white">Publish</a>
145
+ </div>
146
+ </div>
147
+ <div class="mt-6 text-center md:text-left">
148
+ <p class="text-gray-400 text-sm">© 2023 CreditWise AI Fixer. All rights reserved.</p>
149
+ </div>
150
+ </div>
151
+ </footer>
152
+
153
+ <script>
154
+ // Initialize feather icons
155
+ feather.replace();
156
+ </script>
157
+ </body>
158
+ </html>