diff --git a/index-style.css b/index-style.css new file mode 100644 index 0000000..569429f --- /dev/null +++ b/index-style.css @@ -0,0 +1,90 @@ +body { + padding: 0; + margin: 0; + font-size: 12px; +} + +/*========================| BACKGROUND STYLES |========================*/ + +#background-1{ + position: fixed; + height:100%; + width: 100%; + clip-path: polygon(87% 0, 100% 0, 100% 98%, 0 100%, 54% 75%); + background-color:#042d70; +} +#background-2{ + position: fixed; + height:100%; + width: 100%; + clip-path: polygon(67% 80%, 100% 0, 100% 100%, 0% 100%); + background-color:#0d47a5; +} +#background-3{ + position: fixed; + height:100%; + width: 100%; +clip-path: polygon(0 0, 26% 0, 19% 20%, 0 27%); + background-color:#042d70; +} +#background-4{ + position: fixed; + height:100%; + width: 100%; + clip-path: polygon(0 0, 21% 0, 18% 19%, 0 26%); + background-color:#0d47a5; +} + + +/*=========================| List Style And Positioning |=========================*/ + + +ol{ + position: absolute; + width: 100%; + height: 100%; + top:50%; + transform: translateY(-50%); +} +ol li{ + position: absolute; + list-style-type: none; + display: inline-block; + text-align: center; + padding:3em 1em; + margin:auto 2.5%; + width:25%; + letter-spacing: 8px; + transform: translate(-50%,-50%); + background-image:linear-gradient(to bottom,#3c7ee8,#95BEB6); + border:2px solid #8eb2ed; + + border-radius: 25px; + transition: all .5s; +} + +ol li a{ + text-decoration: none; + font-weight:bold; + padding: 1.5em; + font-size: 24px; + color: #dedfe0; +} + +ol li:nth-child(1){ + top:10%; + left:50%; + +} +ol li:nth-child(2){ + top:40%; + left:30%; + +} +ol li:nth-child(3){ + top:70%; + left:15%; +} +ol li:hover{ + transform:translate(-50%,-50%) scale(1.2,1.2); +} diff --git a/index.html b/index.html index 3ad4f84..d080463 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,18 @@ Web Development + + +
+
+
+
+
  1. Snake Game
    2. +
  2. Basic Maths
  3. Assignments
  4. Design_Style
diff --git a/madz/default.html b/madz/default.html new file mode 100644 index 0000000..6c030bb --- /dev/null +++ b/madz/default.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + Calculate + + + +
+

MATHS - MADE EAZY


+
+


+
+
+ +   INFORMATION + +
+ PLEASE SELECT A TOPIC FROM THE DOCK GIVEN BELOW OR SEARCH IT ON THE TOP :-) +
+
+
+ + + + + diff --git a/madz/fact.html b/madz/fact.html new file mode 100644 index 0000000..e262380 --- /dev/null +++ b/madz/fact.html @@ -0,0 +1,182 @@ + + + + + + + + + + + + + + + + + + + + + + + Calculate + + + + + +
+

FACTORIAL


+
+ +
+
+ +   INFORMATION + +
+ 1.Enter the Numbers(integers) inside given spaces or else the value will be taken as 0. +
+ 2.Press Enter after each input to see expression on output.(Optional). +
+ 3.After passing values, click on Calculate Button to find roots(if they exist). +
+ 4.Press Reset button to clear the fields and reset output box. +
+
+
+ + +
+ + +
+
+
+

INPUT

+ +

+ + +
+ +
+

OUTPUT

+

+ +

+
+
+
+
+ +
+
+

INPUT

+ +

P

+ + +

+ + +
+ +
+

OUTPUT

+

+ +

+
+
+
+ + +
+
+
+

INPUT

+ +

C

+ + +

+ + +
+ +
+

OUTPUT

+

+ +

+
+
+ + + +
+ + +
+ + + +
+ + diff --git a/madz/frames.css b/madz/frames.css new file mode 100644 index 0000000..70d304e --- /dev/null +++ b/madz/frames.css @@ -0,0 +1,22 @@ +header { + height: 5em; + width: 100%; + background-color: #3e095e; + color: white; } + +fieldset.scheduler-border { + border: 2px solid brown !important; + width: inherit; + padding: 30px 60px; + border-bottom: none; + margin: 50px 0px; } + fieldset.scheduler-border legend.scheduler-border { + width: auto !important; + border: none; } + +.ip h2 { + padding: 20px 40px; + margin: 10px 20px; } +.op h2 { + padding: 20px 40px; + margin: 10px 20px; } diff --git a/madz/home.html b/madz/home.html new file mode 100644 index 0000000..936cef0 --- /dev/null +++ b/madz/home.html @@ -0,0 +1,166 @@ + + + + + + + + + + + + + + + + + + + + + + + Document + + + + +
+
+ + + + + + + + +
+ + + + +

+ +
+ +
+









+ +
+ + + + + + +
+
+ + +
+ + + + + + + diff --git a/madz/io.html b/madz/io.html new file mode 100644 index 0000000..890d4b9 --- /dev/null +++ b/madz/io.html @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + Calculate + + + +
+

QUADRATIC EQUATIONS


+
+ +
+
+ +   INFORMATION + +
+ 1.Enter the Numbers(integers) inside given spaces or else the value will be taken as 0. +
+ 2.Press Enter after each input to see expression on output.(Optional). +
+ 3.After passing values, click on Calculate Button to find roots(if they exist). +
+ 4.Press Reset button to clear the fields and reset output box. +
+
+
+ +
+
+

INPUT

+ x 2 + + x + + +

+ + +
+ +
+

OUTPUT

+

+ Quadratic equation : + a x 2 + b x + c = 0 +

+

+ Determinant of equ. is D = + + +

+

+ D>=0 , Hence Real Roots Exists .
+ Roots are And +

+

+ Roots are Imaginary. I am Working On Complex roots :-) +

+
+
+ + +
+ + + + diff --git a/madz/matrix.html b/madz/matrix.html new file mode 100644 index 0000000..6d072c9 --- /dev/null +++ b/madz/matrix.html @@ -0,0 +1,641 @@ + + + + + + + + + + + + + + + + + + + + + + + Calculate + + + + + + + +
+

MATRIX


+
+ + + + +
+
+ +   INFORMATION + +
+ 1.Enter the Numbers(integers) inside given spaces or else the value will be taken as 0. +
+ 2.Press Enter after each input to see expression on output.(Optional). +
+ 3.After passing values, click on Calculate Button to find roots(if they exist). +
+ 4.Press Reset button to clear the fields and reset output box. +
+
+
+ + + + +
+ + + +
+
+
+ +

INPUT

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

A =

[

]

+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

B =

[

]

+
+ + + + + + +

+ + +
+ +
+

OUTPUT

+
A + B =
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

[

]

+
+ + + +
+
+
+ + + +
+ +
+
+ +

INPUT

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

A =

[

]

+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

B =

[

]

+
+ + + + + + +

+ + +
+ +
+

OUTPUT

+
A - B =
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

[

]

+
+ + + +
+
+
+ + + +
+
+
+ +

INPUT

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

A =

[

]

+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

B =

[

]

+
+ + + + + + +

+ + +
+ +
+

OUTPUT

+
A x B =
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

[

]

+
+ + + +
+
+
+ + + +
+ + + + +
+ + diff --git a/madz/prime.html b/madz/prime.html new file mode 100644 index 0000000..ab12209 --- /dev/null +++ b/madz/prime.html @@ -0,0 +1,219 @@ + + + + + + + + + + + + + + + + + + + + + + + Calculate + + + + + +
+

PRIME NUMBERS


+
+ +
+
+ +   INFORMATION + +
+ 1.Enter the Numbers(integers) inside given spaces or else the value will be taken as 0. +
+ 2.Press Enter after each input to see expression on output.(Optional). +
+ 3.After passing values, click on Calculate Button to find roots(if they exist). +
+ 4.Press Reset button to clear the fields and reset output box. +
+
+
+ + +
+ + +
+
+
+

INPUT

+ +

+ + +
+ +
+

OUTPUT

+

+ +

+
+
+
+
+ +
+
+

INPUT

+ + + + +

+ + +
+ +
+

OUTPUT

+

+ +

+
+
+
+ + +
+
+
+

INPUT

+ + + +

+ + +
+ +
+

OUTPUT

+

+ +

+
+
+ + + +
+ + +
+ + + +
+ + diff --git a/madz/quad.html b/madz/quad.html new file mode 100644 index 0000000..a411bb5 --- /dev/null +++ b/madz/quad.html @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + Calculate + + + +
+

QUADRATIC EQUATIONS


+
+ +
+
+ +   INFORMATION + +
+ 1.Enter the Numbers(integers) inside given spaces or else the value will be taken as 0. +
+ 2.Press Enter after each input to see expression on output.(Optional). +
+ 3.After passing values, click on Calculate Button to find roots(if they exist). +
+ 4.Press Reset button to clear the fields and reset output box. +
+
+
+ +
+
+

INPUT

+ x 2 + + x + + +

+ + +
+ +
+

OUTPUT

+

+ Quadratic equation : + a x 2 + b x + c = 0 +

+

+ Determinant of equ. is D = + + +

+

+ D>=0 , Hence Real Roots Exists .
+ Roots are And +

+

+ Roots are Imaginary. I am Working On Complex roots :-) +

+
+
+ + +
+ + + + diff --git a/madz/readme.md b/madz/readme.md new file mode 100644 index 0000000..183c6f5 --- /dev/null +++ b/madz/readme.md @@ -0,0 +1,8 @@ +CALCULATIONS FOR BASIC MATHS PROBLEMS. + +-->Quadratic Equations Roots +-->Matrix Operations +-->Permutations & Combinations +-->Prime Numbers + +NOTE : This website is not responsive for now. diff --git a/madz/style.css b/madz/style.css new file mode 100644 index 0000000..06e9ec6 --- /dev/null +++ b/madz/style.css @@ -0,0 +1,168 @@ +* { + margin: 0; + padding: 0; } + +body { + overflow-x: hidden; + padding: 0; } + body #header { + z-index: 3; + position: absolute; + color: white; + font-size: 24px; + margin: 0px; + padding: 10px; + height: 5em; + width: 100%; } + @media (max-width: 640px) { + body #header { + display: none; } } + body #header h1 { + display: inline-block; + margin: 5px 0px 10px 10px; } + body #header h1 span { + background-color: black; + padding: 0px 4px; } + body #header p { + display: inline-block; + margin: 0px; + font-size: 16px; } + +.box { + position: absolute; + top: 0; + left: 0; + width: 0px; + height: 0px; + z-index: 2; + border-left: 200px solid #550780; + border-right: 0px solid green; + border-bottom: 280px solid transparent; } + @media (max-width: 640px) { + .box { + display: none; } } + +.tilt { + z-index: 1; + border-left: 300px solid #3e095e; + border-right: 0px solid green; + border-bottom: 220px solid transparent; } + +nav { + margin: 0; + z-index: 4; } + nav .search { + + margin-left: 100px; + padding: 0px; + width: 48%; + display: inline-block; + position: relative; } + nav .search input { + + border: 2px solid black; + padding: 2px; + padding-right: 10px; + border-radius: 10px; } + nav .search button { + border-radius: 0px 10px 10px 0px; + position: absolute; + top: 2px; + right: 0px; + background-color: transparent; } + @media (max-width: 640px) { + nav { + background-color: #007BFF; } } + +ul li a { + color: #550780 !important; + border-radius: 15px; + padding: 10px 20px; + width: 100px; + font-weight: bolder; } + ul li a:hover { + background-color: #3e095e !important; + color: white !important; } + @media (max-width: 640px) { + ul li a { + border-bottom: 1px solid rgba(0, 0, 255, 0.4); + color: #ffffff; + border-radius: 0; + width: auto; } } + +.bg { + height: 40em; + background-image: url("sources\\maths.jpg"); + background-attachment: fixed; + background-size: cover; + background-repeat: no-repeat; } + +.viewport { + height: 200px; + background-color: rgba(0, 0, 255, 0.4); + position: relative; + perspective: 1000px; } + .viewport .rack { + background-color: rgba(105, 109, 110, 0.76); + width: 90%; + height: 200px; + margin: 50px 5%; + box-shadow: 0 10px 40px #303030; + transform: rotateX(60deg); } + .viewport a:nth-child(1) img { + position: absolute; + top: -60px; + left: 5%; + width: 13%; + height: 170px; + z-index: 5; + -webkit-box-reflect: below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(250, 250, 250, 0.3))); + transition: all 0.4s ease-out; + -webkit-box-reflect: below -32px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(250, 250, 250, 0.3))); + width: 15%; } + .viewport a:nth-child(1) img:hover { + transform: scale(1.5, 1.5); } + .viewport a:nth-child(2) img { + position: absolute; + top: -60px; + left: 23%; + width: 13%; + height: 170px; + z-index: 5; + -webkit-box-reflect: below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(250, 250, 250, 0.3))); + transition: all 0.4s ease-out; } + .viewport a:nth-child(2) img:hover { + transform: scale(1.5, 1.5); } + .viewport a:nth-child(3) img { + position: absolute; + top: -60px; + left: 40%; + width: 13%; + height: 170px; + z-index: 5; + -webkit-box-reflect: below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(250, 250, 250, 0.3))); + transition: all 0.4s ease-out; } + .viewport a:nth-child(3) img:hover { + transform: scale(1.5, 1.5); } + .viewport a:nth-child(4) img { + position: absolute; + top: -60px; + left: 60%; + width: 13%; + height: 170px; + z-index: 5; + -webkit-box-reflect: below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(250, 250, 250, 0.3))); + transition: all 0.4s ease-out; } + .viewport a:nth-child(4) img:hover { + transform: scale(1.5, 1.5); } + .viewport a:nth-child(5) img { + position: absolute; + top: -60px; + left: 77%; + width: 13%; + height: 170px; + z-index: 5; + -webkit-box-reflect: below -8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), to(rgba(250, 250, 250, 0.3))); + transition: all 0.4s ease-out; } + .viewport a:nth-child(5) img:hover { + transform: scale(1.5, 1.5); }