79 |
Modify The Record From Database
80 |
81 | Enter the Student Roll no :
82 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/Full Stack Projects/Record-Manager/x.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Main Menu
9 |
63 |
64 |
65 |
66 |
67 |
MAIN MENU
68 |
69 |
70 |
89 |
90 |
91 |
92 |
93 |
--------------------------------------------------------------------------------
/Full Stack Projects/Record-Manager/x.html.bak:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Main Menu
9 |
63 |
64 |
65 |
66 |
67 |
MAIN MENU
68 |
69 |
70 |
88 |
89 |
90 |
91 |
92 |
93 |
--------------------------------------------------------------------------------
/Fronted Projects/static_pages-main/Contact page/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Document
9 |
10 |
11 |
12 |
15 |
16 |
17 |
18 |
19 |
20 |
Contact Us
21 |
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/Fronted Projects/static_pages-main/Avengers landing page/style.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --theme-color: ROYALBLUE;
3 | --theme-font: 'Courier New', Courier, monospace;
4 | }
5 |
6 | html {
7 | scroll-behavior: smooth;
8 | font-family: var(--theme-font);
9 | }
10 |
11 | body {
12 | background-image: url('bg-image.jpg');
13 | background-size: 100% 110%;
14 | background-attachment: fixed;
15 | }
16 |
17 | .container {
18 | padding: 20px;
19 | padding-left: 5%;
20 | }
21 |
22 | ul {
23 | position: fixed;
24 | top: 30px;
25 | margin-left: 40%;
26 | width: 100%;
27 | padding-top: 10px;
28 | margin-top: 0;
29 | padding-left: 0px;
30 | list-style-type: none;
31 | }
32 |
33 | li {
34 | padding-right: 100px;
35 | display: inline-block;
36 | }
37 |
38 | li a {
39 | color: black;
40 | font-size: large;
41 | text-decoration: none;
42 | }
43 |
44 | li a:hover {
45 | color: var(--theme-color);
46 | }
47 |
48 | .logo {
49 | width: 50px;
50 | height: 50px;
51 | }
52 |
53 | .mainbox {
54 | margin: 7% 5% 0% 5%;
55 | display: flex;
56 | justify-content: space-between;
57 | }
58 |
59 | h1 {
60 | font-size: 60px;
61 | color: var(--theme-color);
62 | }
63 |
64 | h1 span {
65 | color: var(--theme-color);
66 | }
67 |
68 | .content {
69 | padding-right: 10%;
70 | }
71 |
72 | .content p {
73 | line-height: 1.5;
74 | word-spacing: 1.5;
75 | font-weight: 600;
76 | font-size: larger;
77 | }
78 |
79 | .credential {
80 | width: 90%;
81 | background-color: black;
82 | padding: 20px;
83 | opacity: 0.8;
84 | border-radius: 3%;
85 | color: black;
86 | }
87 |
88 | input {
89 | background-color: inherit;
90 | width: 100%;
91 | height: 30px;
92 | color: whitesmoke;
93 | font-size: large;
94 | margin-bottom: 10px;
95 | border: none;
96 | border-bottom: 2px red solid;
97 | }
98 |
99 | .button_like {
100 | margin: 5% 5% 10% 5%;
101 | padding: 1% 0%;
102 | font-size: x-large;
103 | font-weight: 800;
104 | width: 90%;
105 | border-radius: 20px;
106 | text-align: center;
107 | }
108 |
109 | .signhead {
110 | background-color: whitesmoke;
111 | color: var(--theme-color);
112 | height: 30px;
113 | }
114 |
115 | button {
116 | background-color: var(--theme-color);
117 | opacity: 1;
118 | color: black;
119 | height: 40px;
120 | }
121 |
122 | .text {
123 | color: whitesmoke;
124 | text-align: center;
125 | font-weight: 600;
126 | }
127 |
128 | .text a {
129 | text-decoration: none;
130 | color: rgb(118, 118, 138);
131 | }
132 |
133 | .text a:hover {
134 | color: yellowgreen;
135 | }
136 |
--------------------------------------------------------------------------------
/Fronted Projects/static_pages-main/CV/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Gaurav Verma
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
I'm Gaurav
18 |
a pro grammer
19 |
20 |
21 |
22 |
23 |
24 |
25 |
Hello.
26 |
I am a coder and a web developer. Currently exploring variety of diffrent techs. I love playing online games and drawing.
27 |
28 |
29 |
30 |
My Skills.
31 |
32 |
33 |
Programming and Development
34 |
I always found computer technology fascinating and liked knowing
35 | the insides of it. So, I am studing computer science and want to
36 | be a great apps and game designer
37 |
38 |
39 |
40 |
41 |
Gaming
42 |
But my best skill is actually playing online games. It urges me to be the best in it and I love the never ending new challange scenarios.
43 |
44 |
45 |
46 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
© Gaurav.
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/Full Stack Projects/Record-Manager/add.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Add Record
9 |
10 |
78 |
79 |
80 |
118 |
119 |
120 |
--------------------------------------------------------------------------------
/Full Stack Projects/Record-Manager/add.html.bak:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Add Record
9 |
10 |
78 |
79 |
80 |
118 |
119 |
120 |
--------------------------------------------------------------------------------
/Fronted Projects/static_pages-main/CV/css/styles.css:
--------------------------------------------------------------------------------
1 | body{
2 | color: #40514E;
3 | margin:0;
4 | text-align: center;
5 | font-family: 'Merriweather',serif ;
6 | }
7 |
8 | h1{
9 | font-size:5.625rem;
10 | margin:50px auto 0 auto;
11 | font-family: 'Sacramento',cursive ;
12 | color: #66BFBF;
13 |
14 | }
15 |
16 | h2{
17 | font-family: 'Montserrat',sans-serif ;
18 | font-size: 2.5rem;
19 | color: #66BFBF;
20 | font-weight: normal;
21 | padding-bottom: 10px;
22 |
23 |
24 | }
25 |
26 | h3{
27 | font-family: 'Montserrat',sans-serif ;
28 | color: #11999E;
29 |
30 | }
31 | p{
32 | line-height: 2;
33 | }
34 |
35 | hr{
36 | border:dotted #EAF6F6 6px;
37 | border-bottom: none;
38 | width: 4%;
39 | margin:100px auto;
40 | }
41 |
42 | a{
43 | color: #11999E;
44 | font-family: 'Montserrat',sans-serif ;
45 | margin: 10px 20px;
46 | text-decoration: none;
47 |
48 |
49 | }
50 |
51 | a:hover{
52 | color: #EAF6F6;
53 | }
54 |
55 | .top-container{
56 | background-color: #E4F9F5;
57 | position: relative;
58 | padding-top: 100px;
59 |
60 |
61 | }
62 |
63 | .middle-container{
64 | margin: 100px 0;
65 |
66 | }
67 |
68 | .bottom-container{
69 | background-color: #66bfbf;
70 | padding: 50px 0 20px
71 |
72 |
73 | }
74 |
75 | .pro{
76 | text-decoration: underline;
77 | }
78 |
79 | .intro{
80 | width: 30%;
81 | margin:auto;
82 |
83 | }
84 |
85 | .contact-message{
86 | width:40%;
87 | margin:40px auto 60px
88 | }
89 |
90 | .copyright{
91 | color: #EAF6F6;
92 | font-size: 0.75rem;
93 | padding: 20px 0;
94 | }
95 |
96 | .bottom-cloud{
97 | position:absolute;
98 | left:50px;
99 | bottom: 300px;
100 |
101 |
102 | }
103 |
104 | .top-cloud{
105 | position: absolute;
106 | right:300px;
107 | top:40px;
108 |
109 | }
110 |
111 | a{
112 | color: #11999E;
113 | }
114 |
115 | .skill-row{
116 | width: 50%;
117 | margin: 100px auto 100px auto;
118 | text-align: left;
119 |
120 |
121 | }
122 |
123 | .programmer{
124 |
125 | width: 20%;
126 | float:left;
127 | margin-right: 30px;
128 |
129 |
130 | }
131 |
132 | .gamer{
133 |
134 | width: 20%;
135 | float:right;
136 | margin-left: 30px;
137 |
138 | }
139 |
140 | .btn {
141 | background: #11cdd4;
142 | background-image: -webkit-linear-gradient(top, #11cdd4, #2980b9);
143 | background-image: -moz-linear-gradient(top, #11cdd4, #2980b9);
144 | background-image: -ms-linear-gradient(top, #11cdd4, #2980b9);
145 | background-image: -o-linear-gradient(top, #11cdd4, #2980b9);
146 | background-image: linear-gradient(to bottom, #11cdd4, #2980b9);
147 | -webkit-border-radius: 8;
148 | -moz-border-radius: 8;
149 | border-radius: 8px;
150 | font-family: 'Montserrat',sans-serif ;
151 | color: #ffffff;
152 | font-size: 20px;
153 | padding: 10px 20px 10px 20px;
154 | text-decoration: none;
155 | }
156 |
157 | .btn:hover {
158 | background: #30e3cb;
159 | background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
160 | background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
161 | background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
162 | background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
163 | background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
164 | text-decoration: none;
165 | }
166 |
167 |
168 |
169 |
--------------------------------------------------------------------------------
/Fronted Projects/instagram-clone-nextjs/components/Header.js:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import React from "react";
3 | import {
4 | SearchIcon,
5 | PlusCircleIcon,
6 | HeartIcon,
7 | PaperAirplaneIcon,
8 | MenuIcon,
9 | LoginIcon,
10 | LogoutIcon,
11 | } from "@heroicons/react/outline";
12 | import { HomeIcon } from "@heroicons/react/solid";
13 | import { useAuth } from "../context/useAuth";
14 |
15 | const Header = () => {
16 | const { user, onSignin, onSignout, modal } = useAuth();
17 | const [modalStatus, setModalStatus] = modal;
18 | return (
19 |
20 |
21 |
22 |
28 |
29 |
35 |
36 |
44 |
45 |
57 |
58 |
59 |
60 | {user ? (
61 | <>
62 |
63 |
64 |
65 | 3
66 |
67 |
68 |
setModalStatus(!modalStatus)}
71 | />
72 |
94 |
95 |
96 | );
97 | };
98 |
99 | export default Header;
100 |
--------------------------------------------------------------------------------
/Fronted Projects/static_pages-main/Avengers landing page/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
Avengers
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
29 |
30 |
Avengers
31 |
The Avengers began as a group of extraordinary individuals who were assembled to defeat Loki and his Chitauri army in New York City. Since then, the team has expanded its roster and faced a host of new threats, while dealing with their
32 | own turmoil.
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 | Login Here
41 |
42 |
43 |
44 |
45 |
Submit
46 |
Don't have an account?
47 |
48 | Sign Up Here
49 |
50 |
Log in with
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
74 |
75 |
76 |
77 |
78 |
80 |
81 |
82 |
103 |
104 |
What is BMI (Body Mass Index)?
105 |
Body Mass Index (BMI) is a person’s weight in kilograms (or pounds) divided by the square of height in meters (or feet). A high BMI can indicate high body fatness. BMI screens for weight categories that may lead to health problems, but it does not diagnose the body fatness or health of an individual.
106 |
107 |
Calculate BMI
108 |
109 |
18 |
19 |