Hugging Face's logo

Spaces:
ngoctuanai
/
project
Running

App Files Community
1
chokiproai commited on
Commit
70cfac3
·
verified ·
1 Parent(s): fd3e71a

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +22 -26
index.html CHANGED
@@ -1,5 +1,5 @@
1
  <!DOCTYPE html>
2
- <html lang="en">
3
 
4
  <head>
5
  <meta charset="utf-8">
@@ -14,7 +14,6 @@
14
  padding: 0;
15
  background-color: #f0f0f0;
16
  }
17
-
18
  .header {
19
  background-color: #007bff;
20
  color: white;
@@ -22,41 +21,33 @@
22
  text-align: center;
23
  border-bottom: 5px solid #0056b3;
24
  }
25
-
26
  .header a {
27
  color: #ff9900;
28
  }
29
-
30
  .container {
31
  max-width: 800px;
32
  margin: auto;
33
  padding: 20px;
34
- display: flex;
35
- flex-wrap: wrap;
36
- justify-content: space-between;
37
  }
38
-
39
  .card {
 
40
  margin-bottom: 20px;
41
  border: none;
42
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
43
  transition: all 0.3s ease;
44
- flex: 0 0 calc(50% - 20px);
45
- max-width: calc(50% - 20px);
46
  }
47
-
48
  .card:hover {
 
49
  transform: scale(1.03);
50
- box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
51
  }
52
-
53
  .card .btn {
 
54
  background-color: #007bff;
55
  color: white;
56
  transition: all 0.3s ease;
57
  }
58
-
59
  .card .btn:hover {
 
60
  background-color: #0056b3;
61
  }
62
  </style>
@@ -79,19 +70,24 @@
79
  </ul>
80
  <div class="tab-content" id="myTabContent">
81
  <div class="tab-pane fade show active" id="ai-chat" role="tabpanel" aria-labelledby="ai-chat-tab">
82
- <div class="card">
83
- <div class="card-body">
84
- <h5 class="card-title">1) 🌟ChatGPT Free</h5>
85
- <p class="card-text">https://github.com/chokiproai/ChatGPT-Plugins</p>
86
- <a href="https://34cn89-3000.csb.app" class="btn" target="_blank">Start</a>
 
 
 
 
87
  </div>
88
- </div>
89
-
90
- <div class="card">
91
- <div class="card-body">
92
- <h5 class="card-title">2) 🌟</h5>
93
- <p class="card-text">.</p>
94
- <a href="#" class="btn" target="_blank">Start</a>
 
95
  </div>
96
  </div>
97
  </div>
 
1
  <!DOCTYPE html>
2
+ <html>
3
 
4
  <head>
5
  <meta charset="utf-8">
 
14
  padding: 0;
15
  background-color: #f0f0f0;
16
  }
 
17
  .header {
18
  background-color: #007bff;
19
  color: white;
 
21
  text-align: center;
22
  border-bottom: 5px solid #0056b3;
23
  }
 
24
  .header a {
25
  color: #ff9900;
26
  }
 
27
  .container {
28
  max-width: 800px;
29
  margin: auto;
30
  padding: 20px;
 
 
 
31
  }
 
32
  .card {
33
+ border-radius: 15px;
34
  margin-bottom: 20px;
35
  border: none;
36
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
37
  transition: all 0.3s ease;
 
 
38
  }
 
39
  .card:hover {
40
+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
41
  transform: scale(1.03);
 
42
  }
 
43
  .card .btn {
44
+ border-radius: 15px;
45
  background-color: #007bff;
46
  color: white;
47
  transition: all 0.3s ease;
48
  }
 
49
  .card .btn:hover {
50
+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
51
  background-color: #0056b3;
52
  }
53
  </style>
 
70
  </ul>
71
  <div class="tab-content" id="myTabContent">
72
  <div class="tab-pane fade show active" id="ai-chat" role="tabpanel" aria-labelledby="ai-chat-tab">
73
+ <div class="row">
74
+ <div class="col-sm-6">
75
+ <div class="card">
76
+ <div class="card-body">
77
+ <h5 class="card-title">1) 🌟ChatGPT Free</h5>
78
+ <p class="card-text">https://github.com/chokiproai/ChatGPT-Plugins</p>
79
+ <a href="https://34cn89-3000.csb.app" class="btn" target="_blank">Start</a>
80
+ </div>
81
+ </div>
82
  </div>
83
+ <div class="col-sm-6">
84
+ <div class="card">
85
+ <div class="card-body">
86
+ <h5 class="card-title">2) 🌟</h5>
87
+ <p class="card-text">.</p>
88
+ <a href="#" class="btn" target="_blank">Start</a>
89
+ </div>
90
+ </div>
91
  </div>
92
  </div>
93
  </div>