Hugging Face's logo

Spaces:
maralvic
/
basic
Running

App Files Community
maralvic commited on
Commit
05f366b
·
verified ·
1 Parent(s): d273648

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +144 -9
index.html CHANGED
@@ -6,18 +6,153 @@
6
  <title>Prof. Marcelo Vicente | Tributarista - @profmarcelovicente</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
- <style>
10
- .dropdown-menu {
11
- display: none;
 
 
12
  }
13
- .dropdown:hover .dropdown-menu {
14
- display: block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  z-index: 1000;
16
- min-width: 160px;
17
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
18
- border-radius: 4px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  }
20
- @import url('https://fonts.cdnfonts.com/css/arial-rounded-mt');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
 
22
  body {
23
  font-family: 'Arial Rounded MT', sans-serif;
 
6
  <title>Prof. Marcelo Vicente | Tributarista - @profmarcelovicente</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ * {
11
+ margin: 0;
12
+ padding: 0;
13
+ box-sizing: border-box;
14
  }
15
+
16
+ body {
17
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
18
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
19
+ min-height: 100vh;
20
+ display: flex;
21
+ justify-content: center;
22
+ align-items: center;
23
+ padding: 20px;
24
+ }
25
+
26
+ .container {
27
+ background: white;
28
+ padding: 40px;
29
+ border-radius: 15px;
30
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
31
+ text-align: center;
32
+ max-width: 500px;
33
+ width: 100%;
34
+ }
35
+
36
+ h1 {
37
+ color: #333;
38
+ margin-bottom: 30px;
39
+ font-size: 2.2em;
40
+ font-weight: 300;
41
+ }
42
+
43
+ .search-form {
44
+ margin-bottom: 20px;
45
+ }
46
+
47
+ .input-group {
48
+ display: flex;
49
+ gap: 10px;
50
+ margin-bottom: 20px;
51
+ }
52
+
53
+ input[type="text"] {
54
+ flex: 1;
55
+ padding: 15px;
56
+ border: 2px solid #e0e0e0;
57
+ border-radius: 8px;
58
+ font-size: 16px;
59
+ transition: border-color 0.3s ease;
60
+ }
61
+
62
+ input[type="text"]:focus {
63
+ outline: none;
64
+ border-color: #667eea;
65
+ }
66
+
67
+ .btn-acessar {
68
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
69
+ color: white;
70
+ border: none;
71
+ padding: 15px 30px;
72
+ border-radius: 8px;
73
+ font-size: 16px;
74
+ cursor: pointer;
75
+ transition: transform 0.2s ease;
76
+ }
77
+
78
+ .btn-acessar:hover {
79
+ transform: translateY(-2px);
80
+ }
81
+
82
+ .help-text {
83
+ color: #666;
84
+ font-size: 14px;
85
+ margin-top: 10px;
86
+ }
87
+
88
+ /* Modal styles */
89
+ .modal {
90
+ display: none;
91
+ position: fixed;
92
  z-index: 1000;
93
+ left: 0;
94
+ top: 0;
95
+ width: 100%;
96
+ height: 100%;
97
+ background-color: rgba(0, 0, 0, 0.5);
98
+ }
99
+
100
+ .modal-content {
101
+ background-color: white;
102
+ margin: 15% auto;
103
+ padding: 30px;
104
+ border-radius: 10px;
105
+ width: 90%;
106
+ max-width: 400px;
107
+ text-align: center;
108
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
109
+ }
110
+
111
+ .modal-header {
112
+ font-size: 1.5em;
113
+ font-weight: bold;
114
+ color: #333;
115
+ margin-bottom: 20px;
116
+ }
117
+
118
+ .modal-body {
119
+ color: #666;
120
+ margin-bottom: 25px;
121
+ font-size: 16px;
122
+ }
123
+
124
+ .btn-ok {
125
+ background: #667eea;
126
+ color: white;
127
+ border: none;
128
+ padding: 12px 25px;
129
+ border-radius: 6px;
130
+ font-size: 16px;
131
+ cursor: pointer;
132
+ transition: background-color 0.3s ease;
133
  }
134
+
135
+ .btn-ok:hover {
136
+ background: #5a6fd8;
137
+ }
138
+
139
+ @media (max-width: 600px) {
140
+ .container {
141
+ padding: 30px 20px;
142
+ }
143
+
144
+ h1 {
145
+ font-size: 1.8em;
146
+ }
147
+
148
+ .input-group {
149
+ flex-direction: column;
150
+ }
151
+ }
152
+ </style>
153
+ <style>
154
+
155
+ @import url('https://fonts.cdnfonts.com/css/arial-rounded-mt');
156
 
157
  body {
158
  font-family: 'Arial Rounded MT', sans-serif;