Skip to content

Commit bcd1411

Browse files
committed
1
1 parent 2ee6f0c commit bcd1411

47 files changed

Lines changed: 1843 additions & 2 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

02-Form/Form-3/css/style.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
body {
2+
background-color: gold;
3+
text-decoration: red;
4+
}
5+
6+
table {
7+
border: 0px;
8+
width: 480 px;
9+
align-items: center;
10+
}
11+
12+
td {
13+
align-items: center;
14+
}

02-Form/Form-3/index.html

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link href="css/style.css" rel="stylesheet">
7+
<title>Form-3</title>
8+
</head>
9+
<body>
10+
<table cellpadding="0" cellspacing="0">
11+
<tr>
12+
<h1>Registration Form for admission in School</h1>
13+
</tr>
14+
</table>
15+
16+
<table cellpadding="0" cellspacing="0">
17+
18+
<tr>
19+
<td>Name of the Student :</td>
20+
<td><input type="text" name="name" /></td>
21+
</tr>
22+
23+
<tr>
24+
<td>&nbsp;</td>
25+
</tr>
26+
27+
<tr>
28+
<td>Class :</td>
29+
<td><input type="text" name="name" /></td>
30+
</tr>
31+
32+
<tr>
33+
<td>&nbsp;</td>
34+
</tr>
35+
<td>Favourite Subject :</td>
36+
<div>
37+
<td>
38+
<select name="subject">
39+
<option value="maths">Maths</option>
40+
<option value="science">Science</option>
41+
<option value="biology">History</option>
42+
<option value="english">English</option>
43+
</select>
44+
</td>
45+
</div>
46+
</tr>
47+
<tr>
48+
<td>&nbsp;</td>
49+
</tr>
50+
</table>
51+
 </body>
52+
</html>

JavaScript/JavaScript-Practice/12-CallbackFunctions/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,6 @@
77
<script src="index.js"></script>
88
</head>
99
<body>
10-
10+
<button id="call">Click Me</button>
1111
</body>
1212
</html>

JavaScript/JavaScript-Practice/12-CallbackFunctions/index.js

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,20 @@
1-
//What is callback func in js
1+
//What is callback func in js ->
2+
//A function passed to another function
3+
//gives the power of asynchronous does not wait for the setTimeout to finish
4+
5+
setTimeout(function () {
6+
console.log("timer");
7+
}, 5000);
8+
9+
function x(y) {
10+
console.log("x");
11+
y();
12+
}
13+
14+
//y is a callback function
15+
x(function y() {
16+
console.log("y");
17+
})
218

319
//Javascript is a synchronous and single threaded language
420

@@ -12,4 +28,12 @@
1228

1329
//Garbage collection & removeEventListeners
1430

31+
function attachEventListeners() {
32+
document.getElementById("call").addEventListener("click", function xyz() {
33+
console.log("Button clicked !");
34+
});
35+
}
36+
37+
attachEventListeners();
38+
1539

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Scope of variable</title>
7+
</head>
8+
<body>
9+
<button id="call">Click Me</button>
10+
<script src="index.js"></script>
11+
</body>
12+
</html>
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
/*-------------------------------*/
2+
/*BASE*/
3+
/*-------------------------------*/
4+
/*Basic Design*/
5+
* {
6+
margin: 0;
7+
padding: 0;
8+
box-sizing: border-box;
9+
}
10+
11+
html,
12+
body {
13+
background-color: #fff;
14+
color: #555;
15+
font-family: 'Lato', 'Arial', sans-serif;
16+
font-weight: 300;
17+
font-size: 20px;
18+
text-rendering: optimizeLegibility;
19+
overflow-x: hidden;
20+
}
21+
22+
.clearfix {zoom: 1;}
23+
.clearfix:after {
24+
content: '.';
25+
clear: both;
26+
display: block;
27+
height: 0;
28+
visibility: hidden;
29+
}
30+
31+
/*Components*/
32+
.row {
33+
max-width: 1140px;
34+
margin: 0 auto;
35+
}
36+
37+
section {
38+
padding: 80px 0;
39+
}
40+
41+
.box {
42+
padding: 1%;
43+
}
44+
45+
/*H Tags*/
46+
h1,
47+
h2,
48+
h3 {
49+
text-transform: uppercase;
50+
}
51+
52+
h1 {
53+
margin: 0px 0px;
54+
text-align: left;
55+
color: #fff;
56+
font-family: 'font';
57+
font-size: 600%;
58+
word-spacing: 4px;
59+
letter-spacing: 10px;
60+
}
61+
62+
h2 {
63+
font-size: 180%;
64+
color: #fff;
65+
margin-bottom: 50px;
66+
word-spacing: 2px;
67+
text-align: center;
68+
letter-spacing: 1px;
69+
font-family: 'font';
70+
}
71+
72+
@font-face {
73+
font-family: font;
74+
src: url(Font/Westfalia-Regular.otf);
75+
}
76+
77+
/*-------------------------------*/
78+
/*-------------------------------*/
79+
80+
/*-------------------------------*/
81+
/*Header Section*/
82+
/*-------------------------------*/
83+
header {
84+
background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url(Images/BG-1.jpg);
85+
background-size: cover;
86+
background-position: center;
87+
background-attachment: fixed;
88+
height: 100vh;
89+
}
90+
91+
.nav {
92+
font-size: 80%;
93+
float: right;
94+
}
95+
96+
.nav li {
97+
display: inline-block;
98+
list-style: none;
99+
margin-top: 30px;
100+
margin-right: 50px;
101+
}
102+
103+
.nav li a {
104+
text-decoration: none;
105+
color: #fff;
106+
}
107+
108+
.main-text {
109+
position: absolute;
110+
text-align: center;
111+
top: 30%;
112+
left: 38%;
113+
}
114+
115+
/*-------------------------------*/
116+
/*-------------------------------*/
117+
118+
/*-------------------------------*/
119+
/*Section-1*/
120+
/*-------------------------------*/
121+
section {
122+
background-color: rgb(211, 214, 216);
123+
}
124+
125+
.card {
126+
display: inline-block;
127+
float: left;
128+
background-color: #fff;
129+
border-radius: 60px;
130+
width: 300px;
131+
height: 400px;
132+
box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
133+
overflow: hidden;
134+
margin-left: 40px;
135+
margin-right:40px;
136+
}
137+
/*-------------------------------*/
138+
/*-------------------------------*/
139+
140+
/*-------------------------------*/
141+
/*Section-2*/
142+
/*-------------------------------*/
143+
144+
/*-------------------------------*/
145+
/*-------------------------------*/
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 commit comments

Comments
 (0)