chokiproai commited on
Commit
f43e31f
·
verified ·
1 Parent(s): 1ea98f3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +16 -5
index.html CHANGED
@@ -1,5 +1,5 @@
1
  <!DOCTYPE html>
2
- <html lang="en">
3
 
4
  <head>
5
  <meta charset="utf-8">
@@ -35,11 +35,22 @@
35
  margin-bottom: 20px;
36
  border: none;
37
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
 
 
 
 
 
 
38
  }
39
 
40
  .card .btn {
41
  background-color: #007bff;
42
  color: white;
 
 
 
 
 
43
  }
44
  </style>
45
  </head>
@@ -47,7 +58,7 @@
47
  <body>
48
  <header class="header">
49
  <h1>Welcome to Website (I'm so busy now! Wait for me, this will be the page containing all the projects!)</h1>
50
- <p>This is an introductory website, aimed at helping more people use AI. If there is any website that is not working, please <a href="https://huggingface.co/spaces/ngoctuanai/project/discussions">contact me</a>.</p>
51
  <p id="onlineCount">Users online: <span>0</span></p>
52
  </header>
53
 
@@ -56,7 +67,7 @@
56
  <div class="card-body">
57
  <h5 class="card-title">🌟ChatGPT Free</h5>
58
  <p class="card-text">https://github.com/chokiproai/ChatGPT-Plugins</p>
59
- <a href="https://34cn89-3000.csb.app" class="btn">Start</a>
60
  </div>
61
  </div>
62
 
@@ -64,11 +75,11 @@
64
  <div class="card-body">
65
  <h5 class="card-title">🌟</h5>
66
  <p class="card-text">2.</p>
67
- <a href="#" class="btn">Start</a>
68
  </div>
69
  </div>
70
 
71
- <!-- Add more cards as needed -->
72
  </div>
73
 
74
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
 
1
  <!DOCTYPE html>
2
+ <html>
3
 
4
  <head>
5
  <meta charset="utf-8">
 
35
  margin-bottom: 20px;
36
  border: none;
37
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
38
+ transition: all 0.3s ease;
39
+ }
40
+
41
+ .card:hover {
42
+ transform: scale(1.03);
43
+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
44
  }
45
 
46
  .card .btn {
47
  background-color: #007bff;
48
  color: white;
49
+ transition: all 0.3s ease;
50
+ }
51
+
52
+ .card .btn:hover {
53
+ background-color: #0056b3;
54
  }
55
  </style>
56
  </head>
 
58
  <body>
59
  <header class="header">
60
  <h1>Welcome to Website (I'm so busy now! Wait for me, this will be the page containing all the projects!)</h1>
61
+ <p>This is an introductory website, aimed at helping more people use AI. If there is any website that is not working, please <a href="https://huggingface.co/spaces/ngoctuanai/project/discussions" target="_blank">contact me</a>.</p>
62
  <p id="onlineCount">Users online: <span>0</span></p>
63
  </header>
64
 
 
67
  <div class="card-body">
68
  <h5 class="card-title">🌟ChatGPT Free</h5>
69
  <p class="card-text">https://github.com/chokiproai/ChatGPT-Plugins</p>
70
+ <a href="https://34cn89-3000.csb.app" class="btn" target="_blank">Start</a>
71
  </div>
72
  </div>
73
 
 
75
  <div class="card-body">
76
  <h5 class="card-title">🌟</h5>
77
  <p class="card-text">2.</p>
78
+ <a href="#" class="btn" target="_blank">Start</a>
79
  </div>
80
  </div>
81
 
82
+
83
  </div>
84
 
85
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>