Skip to content

Commit b09301a

Browse files
Merge pull request #1 from rubenshibu/master
pulling to my local fork
2 parents 85cf4d4 + c2dd1d6 commit b09301a

File tree

7 files changed

+193
-2
lines changed

7 files changed

+193
-2
lines changed

css/accordion.css

+4
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,8 @@
1919
max-height: 0;
2020
overflow: hidden;
2121
transition: max-height 0.2s ease-out;
22+
}
23+
24+
.jkj{
25+
background-color: #f79533;
2226
}

css/buttons.css

+4
Original file line numberDiff line numberDiff line change
@@ -126,4 +126,8 @@
126126
/* James K Jose */
127127
.jkj {
128128
background-color: #f79533;
129+
}
130+
/* Saksham Mahajan */
131+
.Saksham {
132+
background-color: #f69696;
129133
}

css/forms.css

+90
Original file line numberDiff line numberDiff line change
@@ -152,3 +152,93 @@
152152
bottom: 100%;
153153
}
154154
}
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+
}

css/pagination.css

+4
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,8 @@
1919
.pagination-jkj a:hover:not(.active) {
2020
background-color: #ddd;
2121
border-radius: 5px;
22+
}
23+
24+
.jkj {
25+
background-color: #f79533;
2226
}

pages/buttons.html

+35
Original file line numberDiff line numberDiff line change
@@ -203,7 +203,42 @@ <h2>
203203
</div>
204204
</div>
205205
</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>
206240
</div>
241+
207242
</div>
208243
</section>
209244
<footer>

pages/forms.html

+54
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,60 @@ <h2>
9090
</div>
9191
</div>
9292
</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+
93147
</div>
94148
</section>
95149
<footer>

pages/pagination.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ <h2>
151151
<div class="col-lg-6">
152152
<div class="component">
153153
<div class="card magictime">
154-
<div class="card-title tonal">
154+
<div class="card-title jkj">
155155
<strong>Pagination</strong>
156156
</div>
157157
<div class="card-content">
@@ -174,7 +174,7 @@ <h2>
174174
<div class="col-lg-6">
175175
<div class="component">
176176
<div class="card magictime">
177-
<div class="card-title tonal">
177+
<div class="card-title jkj">
178178
<strong>Creator</strong>
179179
</div>
180180
<div class="card-content">

0 commit comments

Comments
 (0)