Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@krishnaK-D-Bair
krishnaK-D-Bair committed Aug 3, 2022
0 parents commit 1b1fa83
Show file tree
Hide file tree
Showing 23 changed files with 664 additions and 0 deletions.
18 changes: 18 additions & 0 deletions 1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aditya.in</title>
</head>
<body>
helo world\2
<h1>Hello</h1>
<p>Hello hi hello</p>
<p>Lorem ipsum dolor sit amet consectetur,<strong><em>Hellobro You doing well</em></strong> adipisicing elit. Beatae repellendus officiis laborum expedita, totam eos sed nihil, assumenda adipisci labore libero<br> dolore odit, <strong> This is fuking bold<br>hello</strong> veritatis quae? Ipsum assumenda facilis sit.</p>



</body>
</html>
Binary file added 531670.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions CssSelecter.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css</title>
<style>
#redx
{
color: red;

}
.redx{
color: aqua;
background-color: brown;
border: 20px solid red;
font-style: italic;
}
</style>
</head>
<body class="redx">
<p class="redx">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
<p id="redx">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
</body>
</html>
24 changes: 24 additions & 0 deletions Cssfont.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Font</title>
<style>
p{
font-family: 'Courier New', Courier, monospace;
font-size: 23px;
/* line-height: 23em; */
/* font-weight: bolder; */
font-weight: bold;

}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam!</p>
</body>
</html>
18 changes: 18 additions & 0 deletions Entites.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.&lt;p&gt;</p>
<p>Lorem ipsum dolor sit amet. &pound;</p>
<p>Lorem ipsum dolor sit amet. &copy;</p>

</div>
</body>
</html>
16 changes: 16 additions & 0 deletions PracClassId.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>id class</title>
</head>
<body>
<h3>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</h3>
<div id ="main box" class="redbg">

this is mailbox
</div>
</body>
</html>
23 changes: 23 additions & 0 deletions css1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS L13</title>
<link rel="stylesheet" href="css1Link.css">
<style>
/* p{
color :red;
background-color: rgb(29, 5, 5);
} */
</style>
</head>
<body>
<h>internal & external CSS</h>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum!</p>
<p style=" color: brown; background-color: yellow; " >Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<!-- inline CSS -->
</body>
</html>
6 changes: 6 additions & 0 deletions css1Link.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
p{
color: rgb(15, 3, 1);
background-color: rgb(236, 14, 14);

}
/* external css */
26 changes: 26 additions & 0 deletions css2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet">
<style>
/* p{
font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
} */
h4{
font-family: 'PT Serif';
font-size: 43px;
line-height: 1.2em;
}
</style>
</head>
<body>
<h4>Lorem ipsum dolor sit amet, consectetur adipisicing.</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing.</p>
</body>
</html>
52 changes: 52 additions & 0 deletions cssBoderBackground.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>border & background</title>
<style>
#s1{
background-color:red ;
height: 100px;
width: 400px;
border: 4px solid rgb(4, 32, 4);
/* border-color: rgb(18, 4, 2);
border-style: solid;
border-width: 3px; */
border-radius: 8px;
}
#s2{
background-color:red ;
height: 100px;
width: 400px;
border-top: 4px solid;
border-right: 3px solid black;
border-left: 4px solid blue;
border-bottom: 4px solid green2;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
/* border: 4px solid rgb(4, 32, 4); */
/* border-color: rgb(18, 4, 2);
border-style: solid;
border-width: 3px; */
/* border-radius: 8px; */
}
#s3{
height: 100px;
width: 400px;
border-image: url('https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/01/html5-css3.jpg?resize=498%2C249&ssl=1');
}
</style>
</head>
<body>
<h4> 1Lorem ipsum dolor sit amet consectetur adipisicing elit.</h4>
<p id="s1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<h3>2Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p id="s2">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<h3>3Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
<p id="s3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed.</p>
</body>
</html>
28 changes: 28 additions & 0 deletions cssColor.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Color</title>
<style>
#paar{
color: blue;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#par{
color: rgb(253, 225, 78);

}
#p3{
color: rgb(32, 3, 3);
}
</style>
</head>
<body>
<h2>Lorem ipsum dolor, sit amet consectetur adipisicing.</h2>
<p id="paar">Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
<p id="par">Lorem ipsum dolor sit.</p>
,<p id="p3">Lorem ipsum dolor sit amet consectetur.</p>
</body>
</html>
33 changes: 33 additions & 0 deletions cssColor18.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#f{
color: blue;
background-color: aqua;

}
#g{
color: chocolate;
background-color: black;
border: 4px;
}
.h{
color: brown;
background-color: burlywood;
border: 4px;
}

</style>
</head>
<body class="h">
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h1>
<p id="f">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Totam?</p>
<p id="g">Lorem ipsum dolor sit amet consectetur adipisicing elit. Non.</p>
<p class="h">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam.</p>
</body>
</html>
41 changes: 41 additions & 0 deletions cssNAivigation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.navbar {
background-color: aquamarine;

}

.navbar {
overflow: auto;
}

.navbar li {
float: left;
list-style: none;
padding: 3px 3px;
text-decoration: none;
}
</style>

<body>
<header>
<nav class="navbar">
<ul>
<li><a href="#">Home</a> </li>
<li><a href="#">About</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Servies</a></li>
</ul>
</nav>
</header>
</body>

</html>
58 changes: 58 additions & 0 deletions formandInputtag.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aditya.in</title>
</head>

<body>

<h1>This is a tag</h1>
<form action="backend.php">
<div>
Name : <input type="text" name="myname">
</div>
<br>
<div>


Roll : &nbsp;2&nbsp;<input type="text" name="myroll">
</div><br>

<div>
<label for="car">Trade</label>
<select name="mycar" id="car">
<option value="IT">IT</option>
<option value="CIVIL">CIVIL</option>
<option value="AUTO">AUTO</option>
<option value="ECE">ECE</option>
</select>
</div><br>


<div>
Email : <input type="email" name="myemail">
</div><br>
<div>
Date of birth : <input type="date" name="date" id="">
</div><br>
<div>
Gender : Male <input type="radio" name="gender" id=""> Female <input type="radio" name="gender" id="">
</div>

<div>
Are you eligible <input type="checkbox" name="eligble" id="">
</div><br>
Enter yourself<br><textarea name="text" id="" cols="30" rows="10"></textarea>
<div>
<input type="submit" value="Submit Now">
<input type="reset" value="reset">
</div>

</form>
</body>

</html>
Loading

0 comments on commit 1b1fa83

Please sign in to comment.