-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcreators.html
More file actions
179 lines (163 loc) · 7.86 KB
/
Copy pathcreators.html
File metadata and controls
179 lines (163 loc) · 7.86 KB
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
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creator Program - Scribe AI</title>
<meta name="description" content="Join the Scribe AI Creator Program. Earn revenue sharing by promoting Scribe AI to your audience.">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: #0a0a0b; color: #fff; }
a { color: inherit; text-decoration: none; }
.wrap { max-width: 900px; margin: 0 auto; padding: 0 24px; }
/* Header */
header { padding: 20px 0; border-bottom: 1px solid #222; }
header .wrap { display: flex; justify-content: space-between; align-items: center; }
.logo { font-weight: 700; font-size: 20px; display: flex; align-items: center; gap: 8px; }
.logo-icon { background: #9333ea; padding: 6px 10px; border-radius: 8px; }
nav a { margin-left: 24px; color: #888; font-size: 14px; }
nav a:hover { color: #fff; }
/* Hero */
.hero { text-align: center; padding: 80px 0 60px; }
.hero h1 { font-size: 42px; font-weight: 700; margin-bottom: 16px; }
.hero p { font-size: 18px; color: #888; max-width: 500px; margin: 0 auto; }
/* Section */
section { padding: 60px 0; border-top: 1px solid #222; }
section h2 { font-size: 24px; margin-bottom: 32px; text-align: center; }
/* Benefits */
.benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.benefit { background: #111; border: 1px solid #222; border-radius: 12px; padding: 24px; text-align: center; }
.benefit .icon { font-size: 32px; margin-bottom: 12px; }
.benefit h3 { font-size: 16px; margin-bottom: 8px; }
.benefit p { font-size: 14px; color: #888; }
/* Creators We Want */
.creators { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.creators span { background: #111; border: 1px solid #222; padding: 12px 20px; border-radius: 50px; font-size: 14px; }
/* Form */
.form-card { max-width: 500px; margin: 0 auto; background: #111; border: 1px solid #222; border-radius: 16px; padding: 32px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-size: 14px; margin-bottom: 8px; color: #ccc; }
.form-group input, .form-group select, .form-group textarea {
width: 100%; padding: 12px; font-size: 14px; font-family: inherit;
background: #0a0a0b; border: 1px solid #333; border-radius: 8px; color: #fff;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
outline: none; border-color: #9333ea;
}
.form-group textarea { resize: vertical; min-height: 100px; }
.checkbox { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #888; }
.checkbox input { width: 16px; height: 16px; accent-color: #9333ea; flex-shrink: 0; }
.checkbox a { color: #a855f7; }
.btn { width: 100%; padding: 14px; font-size: 16px; font-weight: 600; background: #9333ea; color: #fff; border: none; border-radius: 8px; cursor: pointer; margin-top: 8px; }
.btn:hover { background: #7c22ce; }
.form-note { text-align: center; font-size: 13px; color: #666; margin-top: 20px; }
/* Footer */
footer { border-top: 1px solid #222; padding: 40px 0; }
footer .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 32px; }
.footer-links { display: flex; gap: 48px; }
.footer-col h4 { font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 12px; }
.footer-col a { display: block; font-size: 14px; color: #ccc; margin-bottom: 8px; }
.footer-col a:hover { color: #fff; }
.copyright { text-align: center; color: #666; font-size: 13px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #222; }
@media (max-width: 600px) {
.hero h1 { font-size: 32px; }
nav { display: none; }
footer .wrap { flex-direction: column; align-items: center; text-align: center; }
.footer-links { flex-direction: column; gap: 24px; }
}
</style>
</head>
<body>
<header>
<div class="wrap">
<a href="index.html" class="logo"><span class="logo-icon">S</span> Scribe AI</a>
<nav>
<a href="creators.html">Creators</a>
<a href="privacy.html">Privacy</a>
<a href="contact.html">Contact</a>
</nav>
</div>
</header>
<div class="hero">
<div class="wrap">
<h1>Partner With Scribe AI</h1>
<p>Earn revenue sharing while helping your audience learn smarter.</p>
</div>
</div>
<section>
<div class="wrap">
<h2>Why Join?</h2>
<div class="benefits">
<div class="benefit">
<div class="icon">💰</div>
<h3>Revenue Sharing</h3>
<p>Earn recurring revenue from every subscription you refer.</p>
</div>
<div class="benefit">
<div class="icon">🔗</div>
<h3>Custom Links</h3>
<p>Your own branded referral link with tracking.</p>
</div>
<div class="benefit">
<div class="icon">🎁</div>
<h3>Free Premium</h3>
<p>Complimentary premium access to showcase features.</p>
</div>
<div class="benefit">
<div class="icon">🤝</div>
<h3>Dedicated Support</h3>
<p>Direct access to our team for help and assets.</p>
</div>
</div>
</div>
</section>
<section>
<div class="wrap">
<h2>Who We're Looking For</h2>
<div class="creators">
<span>📚 Study Tips</span>
<span>🎓 Education</span>
<span>💡 Productivity</span>
<span>📱 Tech Reviews</span>
</div>
</div>
</section>
<section>
<div class="wrap">
<h2>Apply to Join</h2>
<div class="form-card" style="text-align: center;">
<p style="color: #888; margin-bottom: 20px;">Fill out our application form to join the creator program.</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScnwD1G7Rpou8_ZSNkT6Bs1YsQVkbkAkujNVxtc86XRsI7Jrg/viewform" target="_blank" class="btn" style="display: inline-block; text-decoration: none;">Apply Now</a>
<p class="form-note">We review all applications within 48 hours.</p>
<p style="color: #666; font-size: 12px; margin-top: 16px;">By applying, you agree to the <a href="referral-terms.html" style="color: #a855f7;">Creator Program Terms</a></p>
</div>
</div>
</section>
<footer>
<div class="wrap">
<div class="logo"><span class="logo-icon">S</span> Scribe AI</div>
<div class="footer-links">
<div class="footer-col">
<h4>Product</h4>
<a href="https://apps.apple.com/us/app/scribe-ai-learn/id6755475602">iOS App</a>
<a href="https://play.google.com/store/apps/details?id=com.kreativekoala.scribeai">Android App</a>
</div>
<div class="footer-col">
<h4>Company</h4>
<a href="creators.html">Creators</a>
<a href="contact.html">Contact</a>
</div>
<div class="footer-col">
<h4>Legal</h4>
<a href="privacy.html">Privacy</a>
<a href="terms.html">Terms</a>
</div>
</div>
</div>
<div class="wrap">
<p class="copyright">© 2025 Kreative Koala. All rights reserved.</p>
</div>
</footer>
</body>
</html>