Hugging Face's logo

Spaces:
roadmapacademy
/
README
No application file

App Files Community
NimaKL commited on
Commit
785cb93
·
verified ·
1 Parent(s): 776d958

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +45 -10
index.html CHANGED
@@ -5,32 +5,67 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Roadmap Academy</title>
7
  <style>
 
 
 
 
 
 
 
 
 
 
 
8
  .card {
9
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
10
- transition: 0.3s;
11
- width: 300px;
12
- border-radius: 5px;
13
- padding: 15px;
14
  text-align: center;
15
- background-color: #f1f1f1;
 
16
  }
17
 
18
  .card:hover {
19
- box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20
  }
21
  </style>
22
  </head>
23
  <body>
24
  <div class="card">
25
  <h1>Roadmap Academy</h1>
26
- <p><b>Website:</b> <a href="https://roadmap.academy">roadmap.academy</a></p>
27
  <p><b>Motto:</b> Polaris Prowess</p>
28
- <p>An Educational Technologies Company</p>
29
  </div>
30
 
31
  <script src="https://cdn.jsdelivr.net/npm/@huggingface/transformers/dist/transformers.esm.js"></script>
32
  <script type="module">
33
- // Example of using transformers.js if needed for other purposes
34
  import { Pipeline } from '@huggingface/transformers';
35
 
36
  async function main() {
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Roadmap Academy</title>
7
  <style>
8
+ body {
9
+ background: linear-gradient(135deg, #667eea, #764ba2);
10
+ font-family: 'Roboto', sans-serif;
11
+ color: #333;
12
+ display: flex;
13
+ justify-content: center;
14
+ align-items: center;
15
+ height: 100vh;
16
+ margin: 0;
17
+ }
18
+
19
  .card {
20
+ background: linear-gradient(to right, #fff, #e2e2e2);
21
+ border-radius: 10px;
22
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
23
+ transition: all 0.3s ease-in-out;
24
+ width: 400px;
25
  text-align: center;
26
+ padding: 20px;
27
+ position: relative;
28
  }
29
 
30
  .card:hover {
31
+ transform: scale(1.05);
32
+ box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
33
+ }
34
+
35
+ .card h1 {
36
+ margin: 0;
37
+ font-size: 2em;
38
+ background: -webkit-linear-gradient(45deg, #6a11cb, #2575fc);
39
+ -webkit-background-clip: text;
40
+ -webkit-text-fill-color: transparent;
41
+ }
42
+
43
+ .card p {
44
+ font-size: 1.2em;
45
+ margin: 10px 0;
46
+ }
47
+
48
+ .card a {
49
+ color: #2575fc;
50
+ text-decoration: none;
51
+ transition: color 0.3s ease;
52
+ }
53
+
54
+ .card a:hover {
55
+ color: #6a11cb;
56
  }
57
  </style>
58
  </head>
59
  <body>
60
  <div class="card">
61
  <h1>Roadmap Academy</h1>
62
+ <p><b>Website:</b> <a href="https://roadmap.academy" target="_blank">roadmap.academy</a></p>
63
  <p><b>Motto:</b> Polaris Prowess</p>
64
+ <p>Educational Technologies Company</p>
65
  </div>
66
 
67
  <script src="https://cdn.jsdelivr.net/npm/@huggingface/transformers/dist/transformers.esm.js"></script>
68
  <script type="module">
 
69
  import { Pipeline } from '@huggingface/transformers';
70
 
71
  async function main() {