Skip to content
Open

a #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
The diff you're trying to view is too large. We only load the first 3000 changed files.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
E:\pythoncodecamp\venv\

3 changes: 2 additions & 1 deletion .idea/misc.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 6 additions & 2 deletions .idea/pythoncodecamp.iml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added Bodal.pdf
Binary file not shown.
72 changes: 72 additions & 0 deletions HTML/Flex.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>division</title>
<style>

.a
{
width:300px;
height:200px;
background-color:red;
}
.b
{
width:300px;
height:100px;
background-color:yellow;
}
.c
{
width:300px;
height:300px;
background-color:green;
}
.d
{
width:300px;
height:400px;
background-color:maroon;
}
.e
{
width:300px;
height:500px;
background-color:teal;
}
.flex-container
{
background-color:#e085c2;
display:flex;
flex-direction:row-reverse;
flex-wrap:wrap;
justify-content:center;
}




</style>
</head>
<body>
<h1>Flex</h1>
<hr>
<div class="flex-container">
<div class="a">
Division a
</div>
<div class="b">
Division b
</div>
<div class="c">
Division c
</div>
<div class="d">
Division d
</div><div class="e">
Division e
</div>
</div>
</body>
</html>
62 changes: 62 additions & 0 deletions HTML/Flex2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flex2</title>
<style>
.a
{
width:300px;
height:50px;
background-color:red;
}
.b
{
width:300px;
height:50px;
background-color:yellow;
}
.c
{
width: 300px;
height:50px;
background-color:green;
}
.d
{
width: 300px;
height:50px;
background-color:blue;
}
.flex-container
{
background-color:teal;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;

height:300px;

}
</style>
</head>
<body>
<h1>Flex2<h1>
<hr>
<div class="flex-container">
<div class="a">a</div><!--<div class="b">b</div><div class="a">a</div><div class="b">b</div><div class="a">a</div><div class="b">b</div>-->
</div>
<div class="flex-container">
<div class="b">b</div><div class="a">a</div><div class="b">b</div><div class="a">a</div><div class="b">b</div><div class="a">a</div>
</div>
<div class="flex-container">
<div class="c">c</div><div class="d">d</div><div class="c">c</div><div class="d">d</div>
</div>
<div class="flex-container">
<div class="b" style="">This is C container</div>
</div>


</body>
</html>
89 changes: 89 additions & 0 deletions HTML/FlexColumnInRow.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flex2</title>
<style>
.a
{
width:300px;
height:50px;
background-color:red;
}
.b
{
width:300px;
height:50px;
background-color:yellow;
}
.c
{
width: 300px;
height:50px;
background-color:green;
}
.d
{
width: 300px;
height:50px;
background-color:blue;
}
.flex-container-row
{
background-color:teal;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
flex-wrap:wrap;

}
.flex-container-column-a
{
background-color:green;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:300px;
}

.flex-container-column-b
{
background-color:#99cc00;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:300px;
}

.flex-container-column-c
{
background-color:#990099;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:300px;
}
</style>
</head>
<body>
<div class="flex-container-row">
<div class="flex-container-column-a">
ONE
<div class="a">a</div><div class="b">b</div><div class="a">a</div>
</div>
<div class="flex-container-column-b">
TWO
<div class="b">b</div><div class="a">a</div><div class="b">b</div>

</div>
<div class="flex-container-column-c">
THREE
<div class="a">a</div><div class="b">b</div><div class="a">a</div>
</div >
</div>
</body>
<html>
Empty file added HTML/FlexRowInColumn.html
Empty file.
57 changes: 57 additions & 0 deletions HTML/Form.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login Form</title>
<style>
input
{
height:20px;
}
p[title] {
color: red;
}
div
{
padding:10px;
}
.fixedclass
{
position:fixed;
left:40%;


}
.rectangle
{
height:280px;
width:340px;
background-color:gray;
}

</style>
</head>
<body>
<p title="fzxfzf">hjhghjgjgjhfdgfdgfdgfdg</p>
<br><br><br><br><br><br><br><br><br><br><br><br>
<div class="fixedclass rectangle">
<h2 align="center">Sign Up</h2>


<input title="Name" type="text" placeholder="Name" style="width:159px;"><input type="text" title="Surname" placeholder="Surname" style="width:158px;">
<br><input type="tel" placeholder="Mobile Number" style="width:325px" >
<br><input type="email" placeholder="Email Id" style="width:325px" >
<br><input type="password" title="Password "placeholder="Password" style="width:325px;">
<br>Birthday<br><input type="date" style="width:328px;">
<br>Gender<br><input type="radio" name="gender">Male<input type="radio" name="gender">Female<input type="radio" name="gender">Prefer not to say
<br><input type="submit" style="width:100px; position:absolute; left:34%;">



</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>hi <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
43 changes: 43 additions & 0 deletions HTML/Grid4.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Grids</title>
<style>
.container {
display: grid;
grid-template-columns: repeat(2, 1fr 2fr);
gap: 20px;
}
body {
width: 90%;
max-width: 900px;
margin: 10px auto;
}

.container > div {
border-radius: 5px;
padding: 10px;
background-color: teal;
border: 2px solid red;
}
</style>
</head>

<body>
<h1>Simple grid example</h1>

<div class="container">
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
<div>Five</div>
<div>Six</div>
<div>Seven</div>
</div>

</body>

</html>
Loading