Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@AayushMandora
AayushMandora committed Apr 6, 2024
0 parents commit cf5a672
Show file tree
Hide file tree
Showing 9,441 changed files with 1,361,992 additions and 0 deletions.
The diff you're trying to view is too large. We only load the first 3000 changed files.
2 changes: 2 additions & 0 deletions .gitattributes
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto
15 changes: 15 additions & 0 deletions DAY-1/Html basic.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html> <!-- It's represents the document type -->

<html lang="en"> <!-- Html Start Tag every document start with this tag -->

<head> <!-- <head> contains meta information about the Html page -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML BASICS</title> <!-- This specifies a title for HTML page (which is shown in the browser's title bar) -->
</head>

<body> <!-- This is container for all the visible contents -->

</body>

</html> <!-- HTML document ended -->
29 changes: 29 additions & 0 deletions DAY-1/headings,paragraph,A tag.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Headings,Paragraph,A tag</title>
</head>
<body>
<!-- Headings <h1> to <h6> -->
<p>HTML Headings are use to sets titles or subtitles in document.</p>
<h1>This is heading 1</h1><!-- For Most important heading -->
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6><!-- For least important heading -->

<!-- <p> paragraph -->
<p> The HTML &lt;P&gt; element defines a paragraph. A Paragraph always starts with new line.</p>

<p>This is paragraph</p>
<p>This is Another paragraph</p>

<!-- <a> anchor tag -->
<p> &lt;a&gt; tag is use to add hyper link in html document </p>
<a href="w3schools.com">Learn HTML</a>

</body>
</html>
52 changes: 52 additions & 0 deletions DAY-10/CSSvariable.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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS - VARIABLE</title>
<style>
:root{
--color : orange;
--seccolor:red;
--textcolor:yellow;
--fontsize:30px;
}
*{
margin: 0;
padding: 0;
}
ul{
display: flex;
background-color: var(--color);
padding: 10px;
}
nav ul li{
list-style: none;
padding: 10px;
background-color: var(--seccolor);
margin: 10px;
color: var(--textcolor);
font-size: var(--fontsize);
}
.container{
background-color: var(--seccolor);
color: var(--color);
margin-top: 10px;
font-size: var(--fontsize,30px);
}
</style>
</head>
<body>
<nav>
<ul>
<li>Home</li>
<li>About us</li>
<li>Contact</li>
</ul>
</nav>
<div class="container">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ea repellendus expedita recusandae dicta quisquam, illum, soluta praesentium sapiente fugit animi distinctio laudantium tempora, voluptates cupiditate repellat maxime neque magni voluptatibus?
</p>
</div>
</body>
</html>
79 changes: 79 additions & 0 deletions DAY-10/exercise2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercise-2 CARD</title>
<style>
*{
margin: 0;
padding: 0;
}
body{background-color: beige;}
.container{
position: absolute;
width: 300px;
height: 420px;
border: 2px solid gray;
padding: 6px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 4%;
background-color: white;
}
.img{
height: 200px;
width: 300px;
background-image: url(img.jpg);
background-position: center;
background-size: cover;
border-radius: 15px;
}
.row{
padding: 5px;
margin:5px;
display: flex;
}
span{
border: 1px solid gray;
border-radius: 25px;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
width: 50px;
color: gray;
text-align: center;
font-weight: bold;
}
.para{
margin-top: 10px;
}
button{
margin: auto;
display: block;
width: 100px;
margin-top: 10px;
border-radius: 50px;
padding: 12px;
color:rgb(0, 102, 255);
background-color: rgb(154, 234, 249);
font-weight: bold;
border: transparent;
}
</style>
</head>
<body>
<div class="container">
<div class="img"></div>
<div class="row">
<span>Coding</span>
<span>CSS</span>
</div>
<h1>Coders....</h1>
<p class="para">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Alias magnam similique sint eum eligendi fugiat aperiam mollitia perspiciatis harum numquam!
</p>
<button>Read More</button>
</div>
</body>
</html>
Binary file added DAY-10/img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions DAY-10/mediaquery.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS - MediaQuery</title>
<style>
* {
margin: 0;
padding: 0;
}
div {
height: 100px;
width: 100vw;
margin-top: 20px;
}
div {
background-color: aqua;
}
@media screen and (min-width: 500px) {
.box1 {
background-color: bisque;
}
.box2 {
background-color: blueviolet;
}
.box3 {
background-color: aquamarine;
}
.box4 {
background-color: chartreuse;
}
}
/* @media screen and (min-width:480px) and (max-width:800px) {
......
} */
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
</body>
</html>
107 changes: 107 additions & 0 deletions DAY-11/EXERCISE-5.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DESIGN-LAYOUT</title>
<style>
*{
margin: 0;
padding: 0;
}
body{
overflow-x: hidden;
background-color: aquamarine;
}
header{
position: sticky;
top: 0px;
width: 100vw;
box-sizing: border-box;
}
nav{
background-color: aqua;
}
nav ul{
display: flex;
width: 500px;
margin: auto;
}
nav ul li{
padding: 20px;
list-style-type: none;
color: blue;
font-weight: bolder;
}
a{
text-decoration: none;
}

main{
box-sizing: border-box;
width: 100%;
}
.container{
width: 100vw;
display: flex;
padding: 20px;
}
.card{
width: 500px;
height: 500px;
background-color: blanchedalmond;
margin: auto;
}
.banner{
font-size: 50px;
margin: auto;
width: 70vw;
text-align: center;
border-radius: 30px;
border: 5px solid black;
margin-top: 50px;
}

footer{
margin-top: 30px;
background-color: aqua;
height: 50px;
text-align: center;
font-size: 30px;
}
.logo{
background-color: black;
height: 50px;
width: 50px;
border-radius: 50%;
position: fixed;
top:90vh;
left: 95vw;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<main>
<div class="container">
<div class="card"></div>
<div class="card"></div>
</div>
<div class="banner">HELLO CODERS.....</div>
<div class="banner">HELLO CODERS.....</div>
</main>
<footer>
All Rights reserved by Coders.... &copy
</footer>
<div class="logo"></div>
</body>
</html>
50 changes: 50 additions & 0 deletions DAY-11/float&clear.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS-FLOAT&CLEAR</title>
<style>
*{
margin: 0;
padding: 0;
}
.container{
width: 100vw;
height: 50vh;
border: 10px solid black;
box-sizing: border-box;
}
.box{
width: 100px;
height: 50px;
border: 5px solid black;
}
.box1{
float: left;
}
.box2{
float: right;
}
.text{
clear: right;
}
</style>
</head>
<body>
<div class="container">
<div class="box box1"></div>
<div class="text">
<h1>
Hello Coders... Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minus, illo omnis nostrum sunt quos vitae.
</h1>
</div>
<div class="box box2"></div>
<div class="text">
<h1>
Hello Coders... Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minus, illo omnis nostrum sunt quos vitae.
</h1>
</div>
</div>
</body>
</html>
Loading

0 comments on commit cf5a672

Please sign in to comment.