Hugging Face's logo

Spaces:
Nuzwa
/
_Course_Master_Pro_
Running

App Files Community
Nuzwa commited on
Commit
3f3a4bc
·
verified ·
1 Parent(s): 8d36ea1

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +117 -18
index.html CHANGED
@@ -1,19 +1,118 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
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" />
6
+ <title>CourseMaster Pro</title>
7
+ <link rel="stylesheet" href="style.css" />
8
+ </head>
9
+ <body>
10
+ <main class="app" role="application" aria-labelledby="title">
11
+ <h1 id="title">CourseMaster Pro</h1>
12
+
13
+ <section class="top-input">
14
+ <label for="topic">Topic</label>
15
+ <input id="topic" class="input" type="text" placeholder="e.g., Personal Branding on Social Media" />
16
+ </section>
17
+
18
+ <section class="options" aria-label="Options">
19
+ <div class="group" role="group" aria-label="Audience">
20
+ <span class="label">Audience</span>
21
+ <div class="toggles" data-name="audience">
22
+ <button class="toggle" aria-pressed="false">Students</button>
23
+ <button class="toggle" aria-pressed="false">Freelancers</button>
24
+ <button class="toggle" aria-pressed="false">Professionals</button>
25
+ </div>
26
+ </div>
27
+
28
+ <div class="group" role="group" aria-label="Level">
29
+ <span class="label">Level</span>
30
+ <div class="toggles" data-name="level">
31
+ <button class="toggle" aria-pressed="false">Beginner</button>
32
+ <button class="toggle" aria-pressed="false">Intermediate</button>
33
+ <button class="toggle" aria-pressed="false">Advanced</button>
34
+ </div>
35
+ </div>
36
+
37
+ <div class="group" role="group" aria-label="Delivery">
38
+ <span class="label">Delivery</span>
39
+ <div class="toggles" data-name="delivery">
40
+ <button class="toggle" aria-pressed="false">Live</button>
41
+ <button class="toggle" aria-pressed="false">Recorded</button>
42
+ <button class="toggle" aria-pressed="false">Hybrid</button>
43
+ <button class="toggle" aria-pressed="false">Offline</button>
44
+ </div>
45
+ </div>
46
+
47
+ <div class="group" role="group" aria-label="Language">
48
+ <span class="label">Language</span>
49
+ <div class="toggles" data-name="language">
50
+ <button class="toggle" aria-pressed="false">Auto</button>
51
+ <button class="toggle" aria-pressed="false">Urdu</button>
52
+ <button class="toggle" aria-pressed="false">English</button>
53
+ <button class="toggle" aria-pressed="false">Mixed</button>
54
+ </div>
55
+ </div>
56
+
57
+ <div class="group" role="group" aria-label="Tone">
58
+ <span class="label">Tone</span>
59
+ <div class="toggles" data-name="tone">
60
+ <button class="toggle" aria-pressed="false">Professional</button>
61
+ <button class="toggle" aria-pressed="false">Motivational</button>
62
+ </div>
63
+ </div>
64
+
65
+ <div class="group" role="group" aria-label="Depth">
66
+ <span class="label">Depth</span>
67
+ <div class="toggles" data-name="depth">
68
+ <button class="toggle" aria-pressed="false">Basic</button>
69
+ <button class="toggle" aria-pressed="false">Standard</button>
70
+ <button class="toggle" aria-pressed="false">Comprehensive</button>
71
+ </div>
72
+ </div>
73
+
74
+ <div class="group cols-3">
75
+ <label for="duration" class="label">Duration</label>
76
+ <input id="duration" class="input" type="text" placeholder="e.g., 8 weeks" />
77
+ <label for="localization" class="label">Localization</label>
78
+ <select id="localization" class="input">
79
+ <option>Auto</option>
80
+ <option>Pakistan</option>
81
+ <option>GCC</option>
82
+ <option>Global</option>
83
+ </select>
84
+ <label for="export" class="label">Export</label>
85
+ <select id="export" class="input">
86
+ <option>PDF</option>
87
+ <option>DOCX</option>
88
+ <option>HTML</option>
89
+ </select>
90
+ </div>
91
+
92
+ <div class="group" role="group" aria-label="Add-ons">
93
+ <span class="label">Add-ons</span>
94
+ <div class="toggles multi" data-name="addons">
95
+ <button class="toggle" aria-pressed="false" data-key="video">Include Video Support</button>
96
+ <button class="toggle" aria-pressed="false" data-key="bloom">Bloom Mapping</button>
97
+ <button class="toggle" aria-pressed="false" data-key="assess">Assessments</button>
98
+ </div>
99
+ </div>
100
+ </section>
101
+
102
+ <section class="notes">
103
+ <label for="notes">Notes</label>
104
+ <textarea id="notes" class="textarea" rows="6" placeholder="Special requirements, target platform, constraints, tools, etc."></textarea>
105
+ <button id="start" class="btn start" type="button">Start Chat</button>
106
+ </section>
107
+
108
+ <section class="response">
109
+ <div class="label">Response</div>
110
+ <pre id="out" class="out" role="status" aria-live="polite"></pre>
111
+ <button id="copyOpen" class="btn cta hidden" type="button">Copy &amp; Paste Now</button>
112
+ <div class="hint" id="hint" aria-live="polite"></div>
113
+ </section>
114
+ </main>
115
+
116
+ <script src="script.js"></script>
117
+ </body>
118
  </html>