-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (75 loc) · 4.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nisha Yadav</title>
<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Bitter:wght@600;800&family=PT+Sans:ital,wght@0,400;1,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Signika:wght@600&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap" rel="stylesheet">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
<body>
<header>
<nav>
<div class="logo">Nisha</div>
<div class="menu">
<a href="#more">About</a>
<a href="#skill_start">Skills</a>
<a href="#pro">Project</a>
</div>
</nav>
<div class="h-text animate__animated animate__zoomIn">
<h1>Hello! I'm Nisha</h1>
<a href="https://www.linkedin.com/in/nisha-yadav-2950351ab/"> Say Hello</a>
<a href="#more" id="more">MORE ABOUT ME</a>
</div>
<div class="icon animate__animated animate__swing animate__delay-1s">
<a href="https://www.linkedin.com/in/nisha-yadav-2950351ab/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/nisha331"><i class="fab fa-github"></i></a>
<a href="https://twitter.com/_heart_writes_?s=09"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/__heart.writes__?utm_medium=copy_link"><i class="fab fa-instagram"></i></a>
</div>
<div id="ab"></div>
<img src="nisha_img.jpg" alt="" id="nisha"class="animate__animated animate__slideInLeft animate__delay-1s">
<div class="box animate__animated animate__slideInDown" ></div>
</header>
<section id="about">
<h2>About Me</h2>
<P id="p-title">
Hi! My Name is Nisha Yadav a 1st year Btech Undergraduate from Jalpaiguri Government Engineerning college. I love exploring different field of tech. I am an efficient Front-end developer with experience in HTML, CSS, Javascript. I love to contribute to open source projects . I am also trying my hands on competitive <span id="skill_start"></span> programming.
</P>
</section>
<section id="skills">
<div class="skill-blue" ></div>
<div class="skill-yellow" ></div>
<h3 class="skill-h">Skills</h3>
<div class="tech">
<button><i class="fas fa-file-code"></i><p>C++</p></button>
<button><i class="fab fa-python"></i><p>PYTHON</p></button>
<button><i class="fab fa-html5"></i><p>HTML</p></button>
<button id="blue"><i class="fab fa-css3-alt"></i><p>CSS</p></button>
<button><i class="fab fa-js-square"></i><p>JAVASCRIPT</p></button>
<button><i class="fab fa-git-alt"></i><p>GIT</p></button>
<button><i class="fab fa-github"></i><p>GITHUB</p></button>
</div>
</section>
<div id="pro">
<h3 class="skill-h">Projects</h3>
<section class="project">
<button class="btn"><a href="https://nikhita28.github.io/ChillZone/"><img src="assets\chill.PNG" width="350px" alt=""></a></button>
<button class="btn"><a href="https://nisha331.github.io/lets-practice/"><img src="assets\play.PNG" width="350px" alt=""></a></button>
<button class="btn"><a href="https://nisha331.github.io/SheCan/"><img src="assets\she.PNG" width="350px" alt=""></a></button>
<button class="btn"><a href="https://nisha331.github.io/Portfolio/"><img src="assets\port.png" width="350px" alt=""></a></button>
</section>
</div>