File tree 7 files changed +193
-2
lines changed
7 files changed +193
-2
lines changed Original file line number Diff line number Diff line change 19
19
max-height : 0 ;
20
20
overflow : hidden;
21
21
transition : max-height 0.2s ease-out;
22
+ }
23
+
24
+ .jkj {
25
+ background-color : # f79533 ;
22
26
}
Original file line number Diff line number Diff line change 126
126
/* James K Jose */
127
127
.jkj {
128
128
background-color : # f79533 ;
129
+ }
130
+ /* Saksham Mahajan */
131
+ .Saksham {
132
+ background-color : # f69696 ;
129
133
}
Original file line number Diff line number Diff line change 152
152
bottom : 100% ;
153
153
}
154
154
}
155
+
156
+ /*James K Jose */
157
+ .form-jkj form {
158
+ margin : 10% auto 0 auto;
159
+ padding : 30px ;
160
+ width : 400px ;
161
+ height : auto;
162
+ overflow : hidden;
163
+ background : white;
164
+ border-radius : 10px ;
165
+ }
166
+
167
+ .form-jkj label {
168
+ font-size : 14px ;
169
+ color : darkgray;
170
+ cursor : pointer;
171
+ }
172
+
173
+ .form-jkj label ,
174
+ .form-jkj form input {
175
+ float : left;
176
+ clear : both;
177
+ }
178
+
179
+ .form-jkj input {
180
+ margin : 15px 0 ;
181
+ padding : 15px 10px ;
182
+ width : 100% ;
183
+ outline : none;
184
+ border : 1px solid # bbb ;
185
+ border-radius : 20px ;
186
+ display : inline-block;
187
+ -webkit-box-sizing : border-box;
188
+ -moz-box-sizing : border-box;
189
+ box-sizing : border-box;
190
+ -webkit-transition : 0.2s ease all;
191
+ -moz-transition : 0.2s ease all;
192
+ -ms-transition : 0.2s ease all;
193
+ -o-transition : 0.2s ease all;
194
+ transition : 0.2s ease all;
195
+ }
196
+
197
+ .form-jkj input [type = text ]: focus ,
198
+ .form-jkj input [type = "password" ]: focus {
199
+ border-color : cornflowerblue;
200
+ }
201
+
202
+ .form-jkj input [type = submit ] {
203
+ padding : 15px 50px ;
204
+ width : auto;
205
+ background : # 1abc9c ;
206
+ border : none;
207
+ color : white;
208
+ cursor : pointer;
209
+ display : inline-block;
210
+ float : right;
211
+ clear : right;
212
+ -webkit-transition : 0.2s ease all;
213
+ -moz-transition : 0.2s ease all;
214
+ -ms-transition : 0.2s ease all;
215
+ -o-transition : 0.2s ease all;
216
+ transition : 0.2s ease all;
217
+ }
218
+
219
+ .form-jkj input [type = submit ]: hover {
220
+ opacity : 0.8 ;
221
+ }
222
+
223
+ .form-jkj input [type = "submit" ]: active {
224
+ opacity : 0.4 ;
225
+ }
226
+
227
+ .forgot ,
228
+ .register {
229
+ margin : 10px ;
230
+ float : left;
231
+ clear : left;
232
+ display : inline-block;
233
+ color : cornflowerblue;
234
+ text-decoration : none;
235
+ }
236
+
237
+ .forgot : hover ,
238
+ .register : hover {
239
+ color : darkgray;
240
+ }
241
+
242
+ .jkj {
243
+ background-color : # f79533 ;
244
+ }
Original file line number Diff line number Diff line change 19
19
.pagination-jkj a : hover : not (.active ) {
20
20
background-color : # ddd ;
21
21
border-radius : 5px ;
22
+ }
23
+
24
+ .jkj {
25
+ background-color : # f79533 ;
22
26
}
Original file line number Diff line number Diff line change @@ -203,7 +203,42 @@ <h2>
203
203
</ div >
204
204
</ div >
205
205
</ div >
206
+
207
+ </ div >
208
+ <!--Saksham Mahajan-->
209
+ < div class ="row ">
210
+ < div class ="col-lg-6 ">
211
+ < div class ="component ">
212
+ < div class ="card magictime ">
213
+ < div class ="card-title Saksham ">
214
+ < strong > Button</ strong >
215
+ </ div >
216
+ < div class ="card-content ">
217
+ < button class ="button Saksham "> < span > Hover</ span > </ button >
218
+ </ div >
219
+ </ div >
220
+ </ div >
221
+ </ div >
222
+ < div class ="col-lg-6 ">
223
+ < div class ="component ">
224
+ < div class ="card magictime ">
225
+ < div class ="card-title Saksham ">
226
+ < strong > Creator</ strong >
227
+ </ div >
228
+ < div class ="card-content ">
229
+ < div class ="creater-name ">
230
+ < h2 >
231
+ < b > Name:</ b > < span >
232
+ < a href ="https://github.com/mahajansaksham "> Saksham Mahajan</ a >
233
+ </ span >
234
+ </ h2 >
235
+ </ div >
236
+ </ div >
237
+ </ div >
238
+ </ div >
239
+ </ div >
206
240
</ div >
241
+
207
242
</ div >
208
243
</ section >
209
244
< footer >
Original file line number Diff line number Diff line change 90
90
</ div >
91
91
</ div >
92
92
</ div >
93
+
94
+ <!--James K Jose-->
95
+
96
+ < div class ="row ">
97
+ < div class ="col-lg-6 ">
98
+ < div class ="component ">
99
+ < div class ="card magictime ">
100
+ < div class ="card-title jkj ">
101
+ < strong > Form</ strong >
102
+ </ div >
103
+ < div class ="card-content ">
104
+
105
+ < div class ="form-jkj ">
106
+ < form >
107
+ < label for ="username "> Username</ label >
108
+ < input type ="text " id ="username " name ="username " placeholder ="Type in your username.. " autocomplete ="off " required />
109
+
110
+ < label for ="password "> Password</ label >
111
+ < input type ="password " id ="password " name ="password " placeholder ="Enter your password.. " autocomplete ="off " required />
112
+
113
+ < a class ="forgot " href ="# "> Forgot Password?</ a >
114
+ < a class ="register " href ="# "> Register</ a >
115
+
116
+ < input type ="submit " name ="submit " value ="Log In " />
117
+
118
+ </ form >
119
+ </ div >
120
+
121
+ </ div >
122
+ </ div >
123
+ </ div >
124
+ </ div >
125
+ < div class ="col-lg-6 ">
126
+ < div class ="component ">
127
+ < div class ="card magictime ">
128
+ < div class ="card-title jkj ">
129
+ < strong > Creator</ strong >
130
+ </ div >
131
+ < div class ="card-content ">
132
+ < div class ="creater-name ">
133
+ < h2 >
134
+ < b > Name:</ b >
135
+ < span >
136
+ < a href ="https://github.com/jamesjose03 "> James Kaviyil Jose</ a >
137
+ </ span >
138
+ </ h2 >
139
+ </ div >
140
+ </ div >
141
+ </ div >
142
+ </ div >
143
+ </ div >
144
+ </ div >
145
+
146
+
93
147
</ div >
94
148
</ section >
95
149
< footer >
Original file line number Diff line number Diff line change 151
151
< div class ="col-lg-6 ">
152
152
< div class ="component ">
153
153
< div class ="card magictime ">
154
- < div class ="card-title tonal ">
154
+ < div class ="card-title jkj ">
155
155
< strong > Pagination</ strong >
156
156
</ div >
157
157
< div class ="card-content ">
174
174
< div class ="col-lg-6 ">
175
175
< div class ="component ">
176
176
< div class ="card magictime ">
177
- < div class ="card-title tonal ">
177
+ < div class ="card-title jkj ">
178
178
< strong > Creator</ strong >
179
179
</ div >
180
180
< div class ="card-content ">
You can’t perform that action at this time.
0 commit comments