Hugging Face's logo

Spaces:
Rony00
/
undefined
Running

App Files Community
Rony00 commited on
Commit
38fbdf7
·
verified ·
1 Parent(s): 3c02f53

<!doctype html>

Browse files

<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Comavid - Business Quiz</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar">
<div class="nav-container">
<a href="#venue">Venue</a>
<a href="#rules">Rules</a>
<a href="#register">Register</a>
<a href="#contact">Contact</a>
</div>
</nav>

<!-- HERO SECTION -->
<div class="gradient-section">
<header class="hero">
<img src="images/hero-bg.jpg" alt="Business Quiz banner" class="hero-image">
<div class="hero-content">
<h1 class="hero-title">Comavid - Business Quiz 2025</h1>
<p class="hero-date"><em>"Test your business smarts! From trends to brands and startups, only the sharpest rise in this ultimate quiz."</em></p>
</div>
</header>
</div>

<!-- VENUE -->
<section id="venue" class="container">
<h2 class="section-title">Venue</h2>
<p class="venue-text"><strong>3rd DC | 3:30 PM | November 6, 2025</strong></p>
</section>

<!-- RULES -->
<section id="rules" class="container">
<h2 class="section-title">General Guidelines</h2>
<div class="rules">
<p>→ <strong>Each team</strong> may comprise of up to <b>two participants</b>.</p>
<p>→ <strong>The quiz</strong> is open to both <b>UG and PG students</b>.</p>
<p>→ <strong>The quiz</strong> will be conducted in <strong><b>four rounds</b></strong>.</p>
<p>→ <strong>The quiz</strong> will cover questions from <b>business current affairs and business general knowledge</b>.</p>
<p>→ <strong>Quiz master’s decision</strong> will be final and binding.</p>
</div>
</section>

<!-- REGISTRATION -->
<section id="register" class="container">
<h2 class="section-title">Registration</h2>
<p class="reg-deadline">The registrations are open till <strong>21st September 2025.</strong></p>
<a class="btn" href="https://forms.gle/dR7Y11jzaJzAeqtJ9" target="_blank">Register</a>
</section>

<!-- CONTACT -->
<section id="contact" class="container">
<h2 class="section-title">For Enquiries</h2>
<p class="contact-item"><strong>Rony K George</strong> — <a href="tel:8113019629">8113019629</a></p>
<p class="contact-item"><strong>Christopher Joyce</strong> — <a href="tel:9544089019">9544089019</a></p>
</section>

<!-- FOOTER -->
<footer class="site-footer">
<p>© 2025 Comavid - Business Quiz</p>
</footer>

<script src="js/script.js"></script>
</body>
</html>

Files changed (3) hide show
  1. README.md +9 -5
  2. businessquiz.html +109 -0
  3. index.html +94 -19
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 📊
4
- colorFrom: green
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: undefined
3
+ colorFrom: pink
4
+ colorTo: yellow
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
businessquiz.html ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Comavid - Business Quiz</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <style>
10
+ body {
11
+ font-family: 'Roboto', sans-serif;
12
+ }
13
+ h1, h2, h3 {
14
+ font-family: 'Montserrat', sans-serif;
15
+ }
16
+ .gradient-section {
17
+ background: linear-gradient(135deg, #4f46e5 0%, #312e81 100%);
18
+ }
19
+ .hero-content {
20
+ color: white;
21
+ text-align: center;
22
+ padding: 4rem 1rem;
23
+ }
24
+ .section-title {
25
+ color: #312e81;
26
+ font-size: 2rem;
27
+ margin-bottom: 1.5rem;
28
+ border-bottom: 3px solid #4f46e5;
29
+ display: inline-block;
30
+ }
31
+ .btn {
32
+ background-color: #4f46e5;
33
+ color: white;
34
+ padding: 0.75rem 1.5rem;
35
+ border-radius: 0.5rem;
36
+ font-weight: 500;
37
+ display: inline-block;
38
+ margin-top: 1rem;
39
+ transition: all 0.3s ease;
40
+ }
41
+ .btn:hover {
42
+ background-color: #4338ca;
43
+ transform: translateY(-2px);
44
+ }
45
+ </style>
46
+ </head>
47
+ <body class="bg-gray-50">
48
+ <!-- NAVBAR -->
49
+ <nav class="navbar bg-white shadow-md py-4">
50
+ <div class="container mx-auto px-4 flex justify-center space-x-8">
51
+ <a href="#venue" class="text-gray-600 hover:text-indigo-600 transition">Venue</a>
52
+ <a href="#rules" class="text-gray-600 hover:text-indigo-600 transition">Rules</a>
53
+ <a href="#register" class="text-gray-600 hover:text-indigo-600 transition">Register</a>
54
+ <a href="#contact" class="text-gray-600 hover:text-indigo-600 transition">Contact</a>
55
+ </div>
56
+ </nav>
57
+
58
+ <!-- HERO SECTION -->
59
+ <div class="gradient-section">
60
+ <header class="hero max-w-5xl mx-auto">
61
+ <div class="hero-content">
62
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Comavid - Business Quiz 2025</h1>
63
+ <p class="text-xl italic">"Test your business smarts! From trends to brands and startups, only the sharpest rise in this ultimate quiz."</p>
64
+ </div>
65
+ </header>
66
+ </div>
67
+
68
+ <div class="container mx-auto px-4 py-12 max-w-4xl">
69
+ <!-- VENUE -->
70
+ <section id="venue" class="mb-12">
71
+ <h2 class="section-title">Venue</h2>
72
+ <p class="text-lg"><strong>3rd DC | 3:30 PM | November 6, 2025</strong></p>
73
+ </section>
74
+
75
+ <!-- RULES -->
76
+ <section id="rules" class="mb-12">
77
+ <h2 class="section-title">General Guidelines</h2>
78
+ <div class="rules space-y-4 text-gray-700">
79
+ <p>→ <strong>Each team</strong> may comprise of up to <b>two participants</b>.</p>
80
+ <p>→ <strong>The quiz</strong> is open to both <b>UG and PG students</b>.</p>
81
+ <p>→ <strong>The quiz</strong> will be conducted in <strong><b>four rounds</b></strong>.</p>
82
+ <p>→ <strong>The quiz</strong> will cover questions from <b>business current affairs and business general knowledge</b>.</p>
83
+ <p>→ <strong>Quiz master's decision</strong> will be final and binding.</p>
84
+ </div>
85
+ </section>
86
+
87
+ <!-- REGISTRATION -->
88
+ <section id="register" class="mb-12 text-center">
89
+ <h2 class="section-title">Registration</h2>
90
+ <p class="text-lg mb-4">The registrations are open till <strong>21st September 2025.</strong></p>
91
+ <a class="btn hover:shadow-lg" href="https://forms.gle/dR7Y11jzaJzAeqtJ9" target="_blank">Register Now</a>
92
+ </section>
93
+
94
+ <!-- CONTACT -->
95
+ <section id="contact" class="mb-12">
96
+ <h2 class="section-title">For Enquiries</h2>
97
+ <div class="space-y-2">
98
+ <p class="contact-item"><strong>Rony K George</strong> — <a href="tel:8113019629" class="text-indigo-600 hover:underline">8113019629</a></p>
99
+ <p class="contact-item"><strong>Christopher Joyce</strong> — <a href="tel:9544089019" class="text-indigo-600 hover:underline">9544089019</a></p>
100
+ </div>
101
+ </section>
102
+ </div>
103
+
104
+ <!-- FOOTER -->
105
+ <footer class="site-footer bg-gray-800 text-white py-6 text-center">
106
+ <p>© 2025 Comavid - Business Quiz</p>
107
+ </footer>
108
+ </body>
109
+ </html>
index.html CHANGED
@@ -1,19 +1,94 @@
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.0">
6
+ <title>PDF Pizzazz Palooza</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://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.12.313/pdf.min.js"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: {
18
+ 100: '#f0f9ff',
19
+ 200: '#e0f2fe',
20
+ 300: '#bae6fd',
21
+ 400: '#7dd3fc',
22
+ 500: '#38bdf8',
23
+ 600: '#0284c7',
24
+ 700: '#0369a1',
25
+ 800: '#075985',
26
+ 900: '#0c4a6e',
27
+ },
28
+ secondary: {
29
+ 100: '#f5f3ff',
30
+ 200: '#ede9fe',
31
+ 300: '#ddd6fe',
32
+ 400: '#c4b5fd',
33
+ 500: '#a78bfa',
34
+ 600: '#7c3aed',
35
+ 700: '#6d28d9',
36
+ 800: '#5b21b6',
37
+ 900: '#4c1d95',
38
+ }
39
+ }
40
+ }
41
+ }
42
+ }
43
+ </script>
44
+ <style>
45
+ #pdf-container {
46
+ height: 70vh;
47
+ overflow-y: auto;
48
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
49
+ }
50
+ .pdf-page {
51
+ margin-bottom: 20px;
52
+ background: white;
53
+ }
54
+ .loading {
55
+ display: flex;
56
+ justify-content: center;
57
+ align-items: center;
58
+ height: 100%;
59
+ }
60
+ </style>
61
+ </head>
62
+ <body class="bg-gray-50 min-h-screen">
63
+ <header class="bg-white shadow-sm">
64
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
65
+ <div class="flex justify-between items-center">
66
+ <div class="flex items-center space-x-2">
67
+ <i data-feather="file-text" class="text-primary-600"></i>
68
+ <h1 class="text-2xl font-bold text-gray-900">PDF Pizzazz Palooza</h1>
69
+ </div>
70
+ <nav class="hidden md:flex space-x-8">
71
+ <a href="index.html" class="text-primary-600 font-medium">Home</a>
72
+ <a href="businessquiz.html" class="text-gray-500 hover:text-primary-600">Business Quiz</a>
73
+ <a href="#" class="text-gray-500 hover:text-primary-600">About</a>
74
+ <a href="#" class="text-gray-500 hover:text-primary-600">Contact</a>
75
+ </nav>
76
+ <button class="md:hidden text-gray-500">
77
+ <i data-feather="menu"></i>
78
+ </button>
79
+ </div>
80
+ </div>
81
+ </header>
82
+
83
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
84
+ <div class="bg-white rounded-lg shadow-md p-6 mb-8">
85
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
86
+ <div>
87
+ <h2 class="text-xl font-semibold text-gray-800">Your PDF Document</h2>
88
+ <p class="text-gray-500">Upload or select a PDF to view its contents</p>
89
+ </div>
90
+ <div class="mt-4 md:mt-0 flex space-x-3">
91
+ <button class="bg-primary-600 hover:bg-primary-700 text-white px-4 py-2 rounded-md flex items-center">
92
+ <i data-feather="upload" class="mr-2
93
+ </body>
94
+ </html>