Skip to content

Commit c6c1fab

Browse files
nilajcodernilajcoder
committed
navbar form
1 parent 57e20a8 commit c6c1fab

12 files changed

Lines changed: 321 additions & 0 deletions

File tree

‎Html/navtab/.codesandbox/tasks.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"setupTasks": [{ "name": "Install Dependencies", "command": "yarn install" }],
3+
"tasks": {
4+
"start": {
5+
"name": "start",
6+
"command": "yarn start",
7+
"runAtStart": true,
8+
"preview": { "port": 5000 }
9+
}
10+
}
11+
}

‎Html/navtab/.codesandbox/template.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"title": "HTML + CSS",
3+
"description": "A template for HTML and CSS",
4+
"tags": ["html", "css"],
5+
"published": true,
6+
"runtime": "static"
7+
}

‎Html/navtab/.eslintrc.json‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"env": {
3+
"browser": true,
4+
"es2021": true
5+
},
6+
"extends": ["eslint:recommended"],
7+
"parser": "babel-eslint",
8+
"parserOptions": {
9+
"ecmaVersion": 6,
10+
"sourceType": "module"
11+
}
12+
}

‎Html/navtab/index.html‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Home</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
<link rel="stylesheet " href="signup.css" />
9+
<link rel="stylesheet" href="register.css" />
10+
</head>
11+
<body>
12+
<nav class="navbar">
13+
<a href="home.html">Home</a>
14+
<a href="#">About</a>
15+
<a href="signup.html">Signup</a>
16+
<a href="register.html">Register</a>
17+
</nav>
18+
19+
<div class="rectangle">
20+
<h1>Welcome to the Nilaj IT</h1>
21+
<a href="#">Click here to see courses</a><br />
22+
<br />
23+
24+
<div class="mini-rectangle">
25+
<!--linux-->
26+
<img
27+
src="https://static-00.iconduck.com/assets.00/linux-icon-2048x2048-sy06t4un.png"
28+
/>
29+
30+
<!--react-->
31+
<img
32+
src="https://cdn.freebiesupply.com/logos/large/2x/react-1-logo-svg-vector.svg"
33+
/>
34+
<!--node js -->
35+
<img src="https://www.svgrepo.com/show/303360/nodejs-logo.svg" />
36+
37+
<!--html-->
38+
39+
<img
40+
src="https://www.freepnglogos.com/uploads/javascript/logo-html-5-css-javascript-source-code-for-the-taking-23.png"
41+
/>
42+
43+
<!--mongo-db-->
44+
45+
<img
46+
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRCz3PAEJZKEsqwwkY935c7AhS1dHKBx2HLOg&s"
47+
/>
48+
</div>
49+
<br />
50+
<br />
51+
52+
<div class="mini-rec">
53+
<img
54+
src="https://camo.githubusercontent.com/87af9a9fec730c94fc8b08eb21fa5ef6ab7831a67ba17bf8cc76696f6e4be1ef/68747470733a2f2f63646e2e6472696262626c652e636f6d2f75736572732f313138373833362f73637265656e73686f74732f363533393432392f70726f6772616d65722e676966"
55+
/>
56+
57+
<img src="https://i.gifer.com/3AyY.gif" />
58+
</div>
59+
</div>
60+
</body>
61+
</html>

‎Html/navtab/package.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"name": "html-css",
3+
"version": "1.0.0",
4+
"description": "A template for HTML and CSS",
5+
"main": "index.html",
6+
"scripts": {
7+
"start": "serve"
8+
},
9+
"keywords": [
10+
"html",
11+
"css"
12+
],
13+
"author": "Ives van Hoorne",
14+
"license": "MIT",
15+
"devDependencies": {
16+
"serve": "11.2.0"
17+
}
18+
}

‎Html/navtab/register.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.rectangle-register {
2+
height: 400px;
3+
width: 350px;
4+
border: 2px solid rgb(26, 29, 24);
5+
align-items: center;
6+
background-color: rgb(204, 194, 194);
7+
}
8+
9+
.register-container {
10+
display: flex;
11+
flex-direction: column;
12+
align-items: center;
13+
border: 5px solid black;
14+
}

‎Html/navtab/register.html‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Register</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
<link rel="stylesheet " href="signup.css" />
9+
<link rel="stylesheet" href="register.css"/>
10+
</head>
11+
<body>
12+
<nav class="navbar">
13+
<a href="home.html">Home</a>
14+
<a href="#">About</a>
15+
<a href="signup.html">Signup</a>
16+
<a href="register.html">Register</a>
17+
</nav>
18+
19+
<div class="rectangle-register">
20+
<h1>Register</h1>
21+
22+
<form class="register-container">
23+
24+
<label> Name </label>
25+
<input type="text" placeholder="Type your name"/> <br/>
26+
27+
28+
<label>Mobile</label>
29+
<input type="number" placeholder="type your mobile number"/><br/>
30+
31+
<label>Email </label>
32+
<input type="text" placeholder="type your email" /><br />
33+
34+
<label>Password</label>
35+
<input type="password" placeholder="type your password" />
36+
<br />
37+
38+
39+
40+
41+
<input type="submit" value="Register" />
42+
43+
<p>Already have an account? <a href="signup.html">Login here</a></p>
44+
</div>
45+
</body>
46+
</html>

‎Html/navtab/reset.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.reset-class {
2+
height: 350px;
3+
width: 350px;
4+
border: 2px solid rgb(26, 29, 24);
5+
align-items: center;
6+
background-color: rgb(204, 194, 194);
7+
}
8+
9+
.reset-form {
10+
display: flex;
11+
flex-direction: column;
12+
align-items: center;
13+
border: 5px solid black;
14+
}

‎Html/navtab/reset.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Reset</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
<link rel="stylesheet" href="reset.css" />
9+
</head>
10+
<body>
11+
<div class="reset-class">
12+
<h1>Reset Password</h1>
13+
14+
<form class="reset-form">
15+
<label>Email</label>
16+
<input type="text" placeholder="type your email" /><br />
17+
<label> Enter new password</label>
18+
<input type="password" placeholder="type new password" /><br />
19+
<label> Retype your password</label>
20+
<input type="password" placeholder="retype" /><br />
21+
<input type="submit" value="Reset Password" />
22+
</form>
23+
</div>
24+
</body>
25+
</html>

‎Html/navtab/signup.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
.rectangle h1 {
2+
text-decoration: underline;
3+
}
4+
5+
.signup-container {
6+
display: flex;
7+
flex-direction: column;
8+
align-items: center;
9+
border: 5px solid black;
10+
}
11+
12+
.rectangle-signup {
13+
height: 350px;
14+
width: 350px;
15+
border: 2px solid rgb(26, 29, 24);
16+
align-items: center;
17+
background-color: rgb(204, 194, 194);
18+
}

0 commit comments

Comments
 (0)