Hugging Face's logo

Spaces:
borreooo
/
trustchain-certifysecure
Running

App Files Community
borreooo commited on
Commit
fcc97a9
·
verified ·
1 Parent(s): 4ac0152

i dont see anything, please make an actual website

Browse files
Files changed (4) hide show
  1. about.html +160 -0
  2. employer.html +169 -0
  3. index.html +0 -0
  4. university.html +151 -0
about.html ADDED
@@ -0,0 +1,160 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 TrustChain</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
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
13
+ body {
14
+ font-family: 'Space Grotesk', sans-serif;
15
+ background-color: #f8fafc;
16
+ color: #1e293b;
17
+ }
18
+ .glow-text {
19
+ text-shadow: 0 0 10px rgba(74, 222, 128, 0.3);
20
+ }
21
+ .gradient-border {
22
+ border: 2px solid transparent;
23
+ background: linear-gradient(#f8fafc, #f8fafc) padding-box,
24
+ linear-gradient(to right, #10b981, #3b82f6) border-box;
25
+ }
26
+ .hover-scale {
27
+ transition: transform 0.3s ease;
28
+ }
29
+ .hover-scale:hover {
30
+ transform: scale(1.02);
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="min-h-screen">
35
+ <!-- Navigation -->
36
+ <nav class="gradient-border border-b-2 py-4 px-6 backdrop-blur-md">
37
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
38
+ <a href="/" class="flex items-center space-x-2">
39
+ <i data-feather="shield" class="text-emerald-400"></i>
40
+ <span class="text-2xl font-bold glow-text">TrustChain</span>
41
+ </a>
42
+ <div class="hidden md:flex space-x-6">
43
+ <a href="/university" class="hover:text-emerald-400 transition-colors">
44
+ University Portal
45
+ </a>
46
+ <a href="/employer" class="hover:text-emerald-400 transition-colors">
47
+ Employer Portal
48
+ </a>
49
+ <a href="/about" class="hover:text-emerald-400 transition-colors text-emerald-500">
50
+ About
51
+ </a>
52
+ </div>
53
+ <button class="md:hidden">
54
+ <i data-feather="menu"></i>
55
+ </button>
56
+ </div>
57
+ </nav>
58
+
59
+ <!-- Main Content -->
60
+ <div class="max-w-7xl mx-auto px-4 py-12">
61
+ <div class="text-center mb-16">
62
+ <h1 class="text-4xl font-bold mb-6 glow-text">About TrustChain</h1>
63
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
64
+ Revolutionizing academic credential verification with blockchain technology.
65
+ </p>
66
+ </div>
67
+
68
+ <div class="flex flex-col md:flex-row items-center mb-16 gap-8">
69
+ <div class="md:w-1/2">
70
+ <img src="http://static.photos/technology/640x360/101" alt="About TrustChain" class="rounded-lg shadow-2xl w-full">
71
+ </div>
72
+ <div class="md:w-1/2">
73
+ <h2 class="text-3xl font-bold mb-6">Our Mission</h2>
74
+ <p class="text-gray-600 mb-6">
75
+ TrustChain was founded with the vision of eliminating credential fraud and simplifying the verification process for universities, students, and employers alike.
76
+ </p>
77
+ <p class="text-gray-600 mb-6">
78
+ By leveraging the power of blockchain technology, we provide a tamper-proof system for issuing, storing, and verifying academic credentials.
79
+ </p>
80
+ <div class="flex items-center space-x-4">
81
+ <div class="bg-emerald-500/20 text-emerald-400 p-3 rounded-lg">
82
+ <i data-feather="award" class="w-6 h-6"></i>
83
+ </div>
84
+ <div>
85
+ <h3 class="font-semibold">Trusted by 100+ Institutions</h3>
86
+ <p class="text-gray-500 text-sm">Worldwide adoption</p>
87
+ </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+
92
+ <div class="bg-white rounded-2xl p-8 mb-16 shadow-lg">
93
+ <h2 class="text-3xl font-bold mb-8 text-center">The Team</h2>
94
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
95
+ <div class="bg-gray-50 p-6 rounded-xl text-center hover-scale">
96
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden border-2 border-emerald-500">
97
+ <img src="http://static.photos/people/320x240/1" alt="Team member" class="w-full h-full object-cover">
98
+ </div>
99
+ <h3 class="text-xl font-semibold">Alex Chen</h3>
100
+ <p class="text-emerald-400 mb-2">Founder & CEO</p>
101
+ <p class="text-gray-600">Blockchain architect with 10+ years in decentralized systems</p>
102
+ </div>
103
+ <div class="bg-gray-50 p-6 rounded-xl text-center hover-scale">
104
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden border-2 border-blue-500">
105
+ <img src="http://static.photos/people/320x240/2" alt="Team member" class="w-full h-full object-cover">
106
+ </div>
107
+ <h3 class="text-xl font-semibold">Maria Rodriguez</h3>
108
+ <p class="text-blue-400 mb-2">Head of Product</p>
109
+ <p class="text-gray-600">EdTech specialist focused on credential verification</p>
110
+ </div>
111
+ <div class="bg-gray-50 p-6 rounded-xl text-center hover-scale">
112
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden border-2 border-purple-500">
113
+ <img src="http://static.photos/people/320x240/3" alt="Team member" class="w-full h-full object-cover">
114
+ </div>
115
+ <h3 class="text-xl font-semibold">James Wilson</h3>
116
+ <p class="text-purple-400 mb-2">CTO</p>
117
+ <p class="text-gray-600">Security expert and full-stack developer</p>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </div>
122
+
123
+ <!-- Footer -->
124
+ <footer class="gradient-border border-t-2 py-6 px-6 mt-8">
125
+ <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
126
+ <div>
127
+ <h3 class="text-lg font-semibold mb-4">TrustChain</h3>
128
+ <p class="text-gray-600">
129
+ Decentralized certificate verification powered by blockchain technology.
130
+ </p>
131
+ </div>
132
+ <div>
133
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
134
+ <ul class="space-y-2">
135
+ <li><a href="/university" class="text-gray-600 hover:text-emerald-400">University Portal</a></li>
136
+ <li><a href="/employer" class="text-gray-600 hover:text-emerald-400">Employer Portal</a></li>
137
+ <li><a href="/about" class="text-gray-600 hover:text-emerald-400">About</a></li>
138
+ </ul>
139
+ </div>
140
+ <div>
141
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
142
+ <div class="flex space-x-4">
143
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="twitter"></i></a>
144
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="github"></i></a>
145
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="linkedin"></i></a>
146
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="mail"></i></a>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ <div class="max-w-7xl mx-auto mt-8 pt-4 border-t border-gray-300 text-center text-gray-500">
151
+ <p>© 2023 TrustChain. All rights reserved.</p>
152
+ </div>
153
+ </footer>
154
+
155
+ <script>
156
+ // Initialize Feather Icons
157
+ feather.replace();
158
+ </script>
159
+ </body>
160
+ </html>
employer.html ADDED
@@ -0,0 +1,169 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Employer Portal - TrustChain</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
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
13
+ body {
14
+ font-family: 'Space Grotesk', sans-serif;
15
+ background-color: #f8fafc;
16
+ color: #1e293b;
17
+ }
18
+ .gradient-border {
19
+ border: 2px solid transparent;
20
+ background: linear-gradient(#f8fafc, #f8fafc) padding-box,
21
+ linear-gradient(to right, #10b981, #3b82f6) border-box;
22
+ }
23
+ .hover-scale {
24
+ transition: transform 0.3s ease;
25
+ }
26
+ .hover-scale:hover {
27
+ transform: scale(1.02);
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="min-h-screen">
32
+ <!-- Navigation -->
33
+ <nav class="gradient-border border-b-2 py-4 px-6 backdrop-blur-md">
34
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
35
+ <a href="/" class="flex items-center space-x-2">
36
+ <i data-feather="shield" class="text-emerald-400"></i>
37
+ <span class="text-2xl font-bold">TrustChain</span>
38
+ </a>
39
+ <div class="hidden md:flex space-x-6">
40
+ <a href="/university" class="hover:text-emerald-400 transition-colors">
41
+ University Portal
42
+ </a>
43
+ <a href="/employer" class="hover:text-emerald-400 transition-colors text-emerald-500">
44
+ Employer Portal
45
+ </a>
46
+ <a href="/about" class="hover:text-emerald-400 transition-colors">
47
+ About
48
+ </a>
49
+ </div>
50
+ <button class="md:hidden">
51
+ <i data-feather="menu"></i>
52
+ </button>
53
+ </div>
54
+ </nav>
55
+
56
+ <!-- Main Content -->
57
+ <div class="max-w-3xl mx-auto px-4 py-12">
58
+ <div class="text-center mb-12">
59
+ <div class="w-20 h-20 bg-blue-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
60
+ <i data-feather="shield" class="text-blue-400 w-10 h-10"></i>
61
+ </div>
62
+ <h1 class="text-3xl font-bold mb-4">Certificate Verification</h1>
63
+ <p class="text-xl text-gray-600">
64
+ Verify the authenticity of academic credentials using TrustChain
65
+ </p>
66
+ </div>
67
+
68
+ <div class="bg-white rounded-2xl p-8 shadow-2xl hover-scale">
69
+ <div class="flex justify-center mb-6">
70
+ <div class="inline-flex rounded-lg bg-gray-100 p-1">
71
+ <button class="py-2 px-6 rounded-md font-medium bg-white text-gray-800 shadow-sm">
72
+ Enter ID
73
+ </button>
74
+ <button class="py-2 px-6 rounded-md font-medium text-gray-600 hover:text-gray-800">
75
+ Scan QR
76
+ </button>
77
+ </div>
78
+ </div>
79
+
80
+ <form class="space-y-6">
81
+ <div>
82
+ <label for="certificateId" class="block text-sm font-medium text-gray-700 mb-1">Certificate ID</label>
83
+ <input
84
+ type="text"
85
+ id="certificateId"
86
+ placeholder="Enter certificate ID (e.g. TC-001234)"
87
+ class="w-full bg-gray-100 border border-gray-300 rounded-lg px-4 py-3 text-gray-800 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition"
88
+ required
89
+ />
90
+ </div>
91
+ <button
92
+ type="submit"
93
+ class="w-full bg-blue-500 hover:bg-blue-600 text-white py-3 px-4 rounded-lg font-medium transition-colors flex items-center justify-center"
94
+ >
95
+ <i data-feather="shield" class="mr-2"></i>
96
+ Verify Certificate
97
+ </button>
98
+ </form>
99
+ </div>
100
+
101
+ <div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-6">
102
+ <div class="bg-white rounded-xl p-6 hover-scale shadow-lg">
103
+ <div class="w-12 h-12 bg-emerald-500/20 rounded-full flex items-center justify-center mb-4">
104
+ <i data-feather="zap" class="text-emerald-400"></i>
105
+ </div>
106
+ <h3 class="text-xl font-semibold mb-2">Instant Verification</h3>
107
+ <p class="text-gray-600">
108
+ Verify certificates in seconds with blockchain technology
109
+ </p>
110
+ </div>
111
+ <div class="bg-white rounded-xl p-6 hover-scale shadow-lg">
112
+ <div class="w-12 h-12 bg-blue-500/20 rounded-full flex items-center justify-center mb-4">
113
+ <i data-feather="lock" class="text-blue-400"></i>
114
+ </div>
115
+ <h3 class="text-xl font-semibold mb-2">Tamper-Proof</h3>
116
+ <p class="text-gray-600">
117
+ Certificates cannot be altered or forged on the blockchain
118
+ </p>
119
+ </div>
120
+ <div class="bg-white rounded-xl p-6 hover-scale shadow-lg">
121
+ <div class="w-12 h-12 bg-purple-500/20 rounded-full flex items-center justify-center mb-4">
122
+ <i data-feather="database" class="text-purple-400"></i>
123
+ </div>
124
+ <h3 class="text-xl font-semibold mb-2">Decentralized</h3>
125
+ <p class="text-gray-600">
126
+ No single point of failure ensures reliability
127
+ </p>
128
+ </div>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Footer -->
133
+ <footer class="gradient-border border-t-2 py-6 px-6 mt-8">
134
+ <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
135
+ <div>
136
+ <h3 class="text-lg font-semibold mb-4">TrustChain</h3>
137
+ <p class="text-gray-600">
138
+ Decentralized certificate verification powered by blockchain technology.
139
+ </p>
140
+ </div>
141
+ <div>
142
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
143
+ <ul class="space-y-2">
144
+ <li><a href="/university" class="text-gray-600 hover:text-emerald-400">University Portal</a></li>
145
+ <li><a href="/employer" class="text-gray-600 hover:text-emerald-400">Employer Portal</a></li>
146
+ <li><a href="/about" class="text-gray-600 hover:text-emerald-400">About</a></li>
147
+ </ul>
148
+ </div>
149
+ <div>
150
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
151
+ <div class="flex space-x-4">
152
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="twitter"></i></a>
153
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="github"></i></a>
154
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="linkedin"></i></a>
155
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="mail"></i></a>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ <div class="max-w-7xl mx-auto mt-8 pt-4 border-t border-gray-300 text-center text-gray-500">
160
+ <p>© 2023 TrustChain. All rights reserved.</p>
161
+ </div>
162
+ </footer>
163
+
164
+ <script>
165
+ // Initialize Feather Icons
166
+ feather.replace();
167
+ </script>
168
+ </body>
169
+ </html>
index.html CHANGED
The diff for this file is too large to render. See raw diff
 
university.html ADDED
@@ -0,0 +1,151 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>University Portal - TrustChain</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
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
13
+ body {
14
+ font-family: 'Space Grotesk', sans-serif;
15
+ background-color: #f8fafc;
16
+ color: #1e293b;
17
+ }
18
+ .gradient-border {
19
+ border: 2px solid transparent;
20
+ background: linear-gradient(#f8fafc, #f8fafc) padding-box,
21
+ linear-gradient(to right, #10b981, #3b82f6) border-box;
22
+ }
23
+ .hover-scale {
24
+ transition: transform 0.3s ease;
25
+ }
26
+ .hover-scale:hover {
27
+ transform: scale(1.02);
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="min-h-screen">
32
+ <!-- Navigation -->
33
+ <nav class="gradient-border border-b-2 py-4 px-6 backdrop-blur-md">
34
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
35
+ <a href="/" class="flex items-center space-x-2">
36
+ <i data-feather="shield" class="text-emerald-400"></i>
37
+ <span class="text-2xl font-bold">TrustChain</span>
38
+ </a>
39
+ <div class="hidden md:flex space-x-6">
40
+ <a href="/university" class="hover:text-emerald-400 transition-colors text-emerald-500">
41
+ University Portal
42
+ </a>
43
+ <a href="/employer" class="hover:text-emerald-400 transition-colors">
44
+ Employer Portal
45
+ </a>
46
+ <a href="/about" class="hover:text-emerald-400 transition-colors">
47
+ About
48
+ </a>
49
+ </div>
50
+ <button class="md:hidden">
51
+ <i data-feather="menu"></i>
52
+ </button>
53
+ </div>
54
+ </nav>
55
+
56
+ <!-- Login Form -->
57
+ <div class="max-w-md mx-auto px-4 py-12">
58
+ <div class="bg-white rounded-2xl p-8 shadow-2xl hover-scale">
59
+ <div class="text-center mb-8">
60
+ <div class="w-16 h-16 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
61
+ <i data-feather="shield" class="text-emerald-400 w-8 h-8"></i>
62
+ </div>
63
+ <h2 class="text-2xl font-bold mb-2">University Portal Login</h2>
64
+ <p class="text-gray-600">Access your university dashboard</p>
65
+ </div>
66
+ <form class="space-y-6">
67
+ <div>
68
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
69
+ <input
70
+ type="email"
71
+ id="email"
72
+ class="w-full bg-gray-100 border border-gray-300 rounded-lg px-4 py-2 focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition"
73
+ required
74
+ />
75
+ </div>
76
+ <div>
77
+ <label for="password" class="block text-sm font-medium text-gray-700 mb-1">Password</label>
78
+ <input
79
+ type="password"
80
+ id="password"
81
+ class="w-full bg-gray-100 border border-gray-300 rounded-lg px-4 py-2 focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 outline-none transition"
82
+ required
83
+ />
84
+ </div>
85
+ <div class="flex items-center justify-between">
86
+ <div class="flex items-center">
87
+ <input
88
+ type="checkbox"
89
+ id="remember"
90
+ class="w-4 h-4 text-emerald-500 bg-gray-100 border-gray-300 rounded focus:ring-emerald-500"
91
+ />
92
+ <label for="remember" class="ml-2 text-sm text-gray-700">Remember me</label>
93
+ </div>
94
+ <a href="#" class="text-sm text-emerald-500 hover:text-emerald-400">Forgot password?</a>
95
+ </div>
96
+ <button
97
+ type="submit"
98
+ class="w-full bg-emerald-500 hover:bg-emerald-600 text-white py-2 px-4 rounded-lg font-medium transition-colors"
99
+ >
100
+ Sign In
101
+ </button>
102
+ </form>
103
+ <div class="mt-6 text-center">
104
+ <p class="text-gray-600">
105
+ Don't have an account?{' '}
106
+ <a href="/university/register" class="text-emerald-500 hover:text-emerald-400">
107
+ Register your university
108
+ </a>
109
+ </p>
110
+ </div>
111
+ </div>
112
+ </div>
113
+
114
+ <!-- Footer -->
115
+ <footer class="gradient-border border-t-2 py-6 px-6 mt-8">
116
+ <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
117
+ <div>
118
+ <h3 class="text-lg font-semibold mb-4">TrustChain</h3>
119
+ <p class="text-gray-600">
120
+ Decentralized certificate verification powered by blockchain technology.
121
+ </p>
122
+ </div>
123
+ <div>
124
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
125
+ <ul class="space-y-2">
126
+ <li><a href="/university" class="text-gray-600 hover:text-emerald-400">University Portal</a></li>
127
+ <li><a href="/employer" class="text-gray-600 hover:text-emerald-400">Employer Portal</a></li>
128
+ <li><a href="/about" class="text-gray-600 hover:text-emerald-400">About</a></li>
129
+ </ul>
130
+ </div>
131
+ <div>
132
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
133
+ <div class="flex space-x-4">
134
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="twitter"></i></a>
135
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="github"></i></a>
136
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="linkedin"></i></a>
137
+ <a href="#" class="text-gray-600 hover:text-emerald-400"><i data-feather="mail"></i></a>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ <div class="max-w-7xl mx-auto mt-8 pt-4 border-t border-gray-300 text-center text-gray-500">
142
+ <p>© 2023 TrustChain. All rights reserved.</p>
143
+ </div>
144
+ </footer>
145
+
146
+ <script>
147
+ // Initialize Feather Icons
148
+ feather.replace();
149
+ </script>
150
+ </body>
151
+ </html>