Skip to content

Commit ff37851

Browse files
sabha-mushtaqsabha-mushtaq
authored
Add files via upload
0 parents  commit ff37851

20 files changed

+416
-0
lines changed

‎ccs9.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
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>CSS9</title>
7+
<style>
8+
form,h1{text-align: center;}
9+
input[ type="text"]{color: #e90b0b;}
10+
</style>
11+
</head>
12+
<body>
13+
<h1>REGISTRATION FORM</h1>
14+
<form action="#">
15+
<label for="name">first NAME</label><br>
16+
<input type="text" placeholder="enter your name"><br>
17+
<label for="last name">last name</label><br>
18+
<input type="text" placeholder="last name"><br>
19+
<label for="email">email</label><br>
20+
<input type="email" name="tt" id="tt"><br>
21+
<label for="contact no">contact no.</label><br>
22+
<input type="number" placeholder="enter your number"><br>
23+
<input type="submit">
24+
</form>
25+
</body>
26+
</html>

‎css10.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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>css10</title>
7+
<link rel="stylesheet" href="/images/shet.css">
8+
</head>
9+
<body>
10+
<h1>pwskils</h1>
11+
<p>PW Skills currently offers hybrid courses in data science, Java, C++, full-stack web development, and other tech courses at disruptive pricing for Rs 3,500 onwards. The company is looking to explore blockchain, cybersecurity, and AR/VR-focused courses to strengthen India's talent pipeline.26-</p>
12+
</body>
13+
</html>

‎css11.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
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>css11</title>
7+
<style>
8+
div{background-color: rgb(60, 72, 230);padding: 50px 70px 10px 100px;height: 50px;border:solid ;border-radius: 9px;}
9+
.qq,.ww,.ff,.ee,.yy{color: aliceblue;padding-right: 77px;}
10+
a:hover{color: brown;}
11+
</style>
12+
</head>
13+
<body>
14+
<div>
15+
<nav>
16+
<a class="qq" href="tt">home</a>
17+
<a class="ww" href="rr">about us</a>
18+
<a class="ff" href="uu">contact</a>
19+
<a class="ee" href="gg">blog</a>
20+
<a class=yy href="hh">login</a></nav>
21+
</div>
22+
</body>
23+
</html>

‎css12.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE "en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<title>css12</title>
6+
<style>
7+
h3{display: inline;}
8+
.container{margin-left: 35%;border: solid;border-color: #0edae9e8;margin-right: 30%;margin-top: 10%;padding-bottom: 5%;padding-left: 3%;border-radius: 30px;background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSC4OS-8BRFEcmswEUMDaRua2IHEQC03HT2WA&usqp=CAU);background-repeat: no-repeat;background-size: cover;border-top-width: 12px;border-right-width: 12px;border-left-width: 12px;border-bottom-width: 60px;}
9+
.tt{padding-right: 10%;color: aliceblue;}
10+
.rr{padding-left: 2%;padding-right: 3%;border-radius: 12px;border: solid 1px;border-color: black;background-color: rgba(157, 161, 168, 0.596);color: aliceblue;}
11+
.uu{padding-left: 2%;padding-right: 3%;border-radius: 12px;border: solid 1px;border-color: black;background-color: rgba(91, 171, 202, 0.87);color: aliceblue;}
12+
img{
13+
width: 100px;
14+
height: 100px;
15+
border-radius: 50%;padding-top: 5%;padding-bottom:8%;
16+
17+
}
18+
p{color: rgb(3, 10, 15);margin-bottom: -25%;font-size: x-large;}
19+
</style>
20+
</head>
21+
<body>
22+
23+
<div class="container">
24+
<h2 class="tt">FULL STACK WEB DEVELOPMENT 2.0</h2>
25+
<h3 class="rr">hinglish</h3>
26+
<h3 class="uu">sigma(batch)</h3><br>
27+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ4Gyksl8yEzz3duu2orhCdDMYNGXqMMqL4rw&usqp=CAU" alt="image1">
28+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJ7WWdsKm45AE34EKMfEO6y2fE1znivAqdcw&usqp=CAU" alt="image2">
29+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTg8PnVk94Z7wIX3Gq5HzpcvkS_MJO7-nwtLg&usqp=CAU" alt="image3">
30+
<p>course name: pw skills sigma 2.0</p>
31+
</div>
32+
33+
</body>
34+
</html>

‎css13.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
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>css13</title>
7+
<style>
8+
div{background-color: rgb(60, 72, 230);padding: 50px 70px 10px 100px;height: 50px;border:solid ;border-radius: 9px;}
9+
.qq,.ww,.ff,.ee,.yy{color: aliceblue;padding-right: 77px;;padding-left: 77px;margin-right: 11px;}
10+
a:hover{color: brown;}
11+
.qq{border-style: dashed;}
12+
.ww{border-style: double;}
13+
.ff{border-style: groove;}
14+
.ee{border-style: ridge;}
15+
.yy{border-style: dashed double none;}
16+
</style>
17+
</head>
18+
<body>
19+
<div>
20+
<nav>
21+
<a class="qq" href="tt">home</a>
22+
<a class="ww" href="rr">about us</a>
23+
<a class="ff" href="uu">contact</a>
24+
<a class="ee" href="gg">blog</a>
25+
<a class=yy href="hh">login</a></nav>
26+
</div>
27+
</body>
28+
</html>

‎css14.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
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>css14</title>
7+
<style>
8+
img{height: 50%;width: 50%;margin-left: 30%;}
9+
img:hover{border-radius: 50%;border: solid black;}
10+
</style>
11+
</head>
12+
<body>
13+
<div class="kk">
14+
<img src="https://www.shutterstock.com/shutterstock/photos/2083362643/display_1500/stock-photo-night-office-young-handsome-man-in-working-on-desktop-computer-digital-entrepreneur-typing-code-2083362643.jpg" alt="image">
15+
</div>
16+
</body>
17+
</html>

‎css15.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
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>css15</title>
7+
<style>
8+
div{background-color: rgb(60, 72, 230);padding: 50px 70px 10px 100px;height: 50px;border:solid ;border-radius: 9px;}
9+
.qq,.ww,.ff,.ee,.yy{color: aliceblue;padding-right: 77px;}
10+
a:hover{color: brown;font-size: xx-large;font-style: bold;}
11+
</style>
12+
</head>
13+
<body>
14+
<div>
15+
<nav>
16+
<a class="qq" href="tt">home</a>
17+
<a class="ww" href="rr">about us</a>
18+
<a class="ff" href="uu">contact</a>
19+
<a class="ee" href="gg">blog</a>
20+
<a class=yy href="hh">login</a></nav>
21+
</div>
22+
</body>
23+
</html>

‎css16.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
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>css16</title>
7+
<style>
8+
img{height: 50%;width: 50%;margin-left: 30%;border-radius: 50%;}
9+
</style>
10+
</head>
11+
<body>
12+
<img src="https://www.shutterstock.com/shutterstock/photos/2083362643/display_1500/stock-photo-night-office-young-handsome-man-in-working-on-desktop-computer-digital-entrepreneur-typing-code-2083362643.jpg" alt="image">
13+
</body>
14+
</html>

‎css17.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
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>css17</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,300&family=Oswald:wght@500&display=swap" rel="stylesheet">
13+
<style>
14+
img{margin-left: 20%;height: 400px;width: 800px;}
15+
p{font-family: 'Montserrat', sans-serif;
16+
font-family: 'Oswald', sans-serif;}
17+
</style>
18+
</head>
19+
<body>
20+
<h1 style="text-align: center;font-family: 'Oswald', sans-serif;;">GOOGLE FONTS</h1>
21+
<img src="data:image/png;base64,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" alt="image">
22+
<p>Google Fonts (formerly known as Google Web Fonts) is a computer font and web font service owned by Google. This includes free and open source font families, an interactive web directory for browsing the library, and APIs for using the fonts via CSS[2] and Android.[3] Popular fonts in the Google Fonts library include Roboto, Open Sans, Lato, Oswald, Montserrat, and Source Sans Pro</p>
23+
</body>
24+
</html>

‎css18.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
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>css18</title>
7+
<style>
8+
h1{text-align: center;color: rgb(0, 174, 255);}
9+
p{margin: 3% 20% 20% 30%;}
10+
body{background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSRabymtZVpCDyPYNmBfQHZ_srT3YaIv42VgQ&usqp=CAU);background-repeat: no-repeat;height: 100%;width: 100%;background-size: cover;}
11+
</style>
12+
</head>
13+
<body>
14+
<h1>OUR MISSION</h1>
15+
<P>PW Skills' mission is to permeate through every student/professional's outlook towards jobs and change their attitude and perspective from "How Can I Do It?" to "Of Course I Can Do It". We aim to do this by providing exceptional up skilling courses at affordable rates, while being tech-forward so anyone, anywhere can access and improve their ability to be successful in life.</P>
16+
</body>
17+
</html>

‎css19.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
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>css19</title>
7+
<style>
8+
9+
</style>
10+
</head>
11+
<body>
12+
<h1>REQUIRMENTS</h1>
13+
<ol type="I">
14+
<li>system with minimum i3 processor or better</li>
15+
<li>At least 4GB of RAM</li>
16+
<li>WORKING INTERNET CONNECTION</li>
17+
<li>DEDICATION TO LEARN</li>
18+
19+
</ol>
20+
</body>
21+
</html>

‎css20.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!DOCTYPE "en">
2+
<head>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<title>css20</title>
6+
<style>
7+
h3{display: inline;}
8+
.container{margin-left: 35%;border: solid;border-color: #0edae9e8;margin-right: 30%;margin-top: 10%;padding-bottom: 5%;padding-left: 3%;border-radius: 30px;background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSC4OS-8BRFEcmswEUMDaRua2IHEQC03HT2WA&usqp=CAU);background-repeat: no-repeat;background-size: cover;border-top-width: 12px;border-right-width: 12px;border-left-width: 12px;border-bottom-width: 60px;opacity: 0.3;}
9+
.tt{padding-right: 10%;color: aliceblue;}
10+
.rr{padding-left: 2%;padding-right: 3%;border-radius: 12px;border: solid 1px;border-color: black;background-color: rgba(157, 161, 168, 0.596);color: aliceblue;}
11+
.uu{padding-left: 2%;padding-right: 3%;border-radius: 12px;border: solid 1px;border-color: black;background-color: rgba(91, 171, 202, 0.87);color: aliceblue;}
12+
img{
13+
width: 100px;
14+
height: 100px;
15+
border-radius: 50%;padding-top: 5%;padding-bottom:8%;
16+
17+
}
18+
.container:hover{opacity: 1;}
19+
20+
p{color: rgb(3, 10, 15);margin-bottom: -25%;font-size: x-large;}
21+
</style>
22+
</head>
23+
<body>
24+
25+
<div class="container">
26+
<h2 class="tt">FULL STACK WEB DEVELOPMENT 2.0</h2>
27+
<h3 class="rr">hinglish</h3>
28+
<h3 class="uu">sigma(batch)</h3><br>
29+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ4Gyksl8yEzz3duu2orhCdDMYNGXqMMqL4rw&usqp=CAU" alt="image1">
30+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJ7WWdsKm45AE34EKMfEO6y2fE1znivAqdcw&usqp=CAU" alt="image2">
31+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTg8PnVk94Z7wIX3Gq5HzpcvkS_MJO7-nwtLg&usqp=CAU" alt="image3">
32+
<p>course name: pw skills sigma 2.0</p>
33+
</div>
34+
35+
</body>
36+
</html>

‎css3.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
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>navigation bar</title>
7+
<style>
8+
.links:hover{color: #e41313}
9+
li{list-style: none;display: inline;}
10+
</style>
11+
</head>
12+
<body>
13+
<nav class="links">
14+
<ul>
15+
<li><a href="#">home</a></li>
16+
<li><a href="#">admission</a></li>
17+
<li><a href="#">academics</a></li>
18+
<li><a href="#">fee structure</a></li>
19+
<li><a href="#">library</a></li>
20+
</ul>
21+
</nav>
22+
23+
</div>
24+
</body>
25+
</html>

‎css4.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
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>css-4</title>
7+
</head>
8+
<body>
9+
<ul>
10+
<li class="1tt" style="background-color: blue;">LAMP</li>
11+
<li class="2tt" style="background-color: brown;"> ASP.NET</li>
12+
<li class="3tt"style="background-color: blue;"> MEAN</li>
13+
<li class="4tt"style="background-color: brown;">MERN</li>
14+
<li class="5tt"style="background-color: blue;"> Ruby on Rails</li>
15+
<li class="6tt"style="background-color: brown;">Python</li>
16+
<li class="7tt"style="background-color: blue;">Java</li>
17+
</ul>
18+
</body>
19+
</html>

‎css5.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
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>css5</title>
7+
<style>
8+
.hide {
9+
display: none;
10+
}
11+
12+
.myDIV:hover + .hide {
13+
display: block;
14+
color: red;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<div class="myDIV">Hover over me.</div>
20+
<div class="hide"><img src="https://media.gettyimages.com/id/1364008345/photo/a-horror-concept-of-a-supernatural-female-demon-with-glowing-eyes-with-a-texture-edit.jpg?s=612x612&w=0&k=20&c=46sN4qugcl5RpwG16mRmKfIT3eohp7asaQ0VVdGZxz0=" alt="image"></div>
21+
</body>
22+
</html>

‎css6.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
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>css6</title>
7+
<style>
8+
.tt:focus{color: brown;}
9+
.rr:focus{color: blue;}
10+
</style>
11+
</head>
12+
<body>
13+
<form style="text-align: center;">
14+
<label for="#">user name</label><br>
15+
<input class="tt" type="text" placeholder="enter your name">
16+
<button class="rr">submit</button>
17+
</form>
18+
</body>
19+
</html>

0 commit comments

Comments
 (0)