-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (154 loc) · 8.77 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/811769c55c.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<a href="#" class="logo">Portfolio</a>
<i class="fa-solid fa-bars" onClick="iconc()" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active home" onClick="onNavItemClick('#home')" id="#home">Home</a>
<a href="#about" class="about" onClick="onNavItemClick('#about')" id="#about">About</a>
<a href="#services" class="services" onClick="onNavItemClick('#services')" id="#services">Services</a>
<a href="#portfolio" class="portfolio" onClick="onNavItemClick('#portfolio')" id="#portfolio">Portfolio</a>
<a href="#contact" class="contact" onClick="onNavItemClick('#contact')" id="#contact">Contact Me</a>
</nav>
</header>
<section class="home sec" id="home">
<div class="home-content">
<h3>Hi, Myself</h3>
<h1>Priyanka Agarwal</h1>
<h3>And I'm a <span class="multiple-text"></span></h3>
<p>Currently I am a second year undergraduate at NIT Silchar</p>
<div class="social-media">
<a href="https://www.facebook.com/profile.php?id=61550693885083"><i class="fa-brands fa-facebook"></i></a>
<a href="https://x.com/Priyank57763565"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.instagram.com/priyankaagarwal__/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/priyanka-agarwal-799926156/"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
<a href="https://github.com/Prizag" target="_blank" class="btn">Github Link</a>
</div>
<div class="home-img">
<img src="assets\Me.PNG" alt="myself">
</div>
</section>
<section class="about sec" id="about">
<div class="about-img">
<img src="assets\me.jpg" alt="me">
</div>
<div class="about-content">
<h2 class="heading">About <span>Me</span></h2>
<h3>Website Developer</h3>
<p>Hi! Myself Priyanka Agarwal. I am a second year undergraduate at National Institute Of Technology Silchar(NITS) in electrical engineering department. I have been tinkering with coding since my school days. I do have some infinty stones which include Java, C, JavaScript, HTML, CSS, TypeScript, ReactJs, NextJs, NodeJS, MongoDB. I am a self taught developer and an enthusiastic individual. I am curretnly learning to contibute to everyone's welfare by contibuting to open-source. I love working on intersting and challenging problems and have spent many of the nights up coding. </p>
<a href="#" class="btn">Read More</a>
</div>
</section>
<section class="services sec" id="services">
<h2 class="heading">My <span>Services</span></h2>
<div class="services-container">
<div class="services-box">
<i class="fa-solid fa-code"></i>
<h3>Web Developement</h3>
<p> Web development is the mastery of digital craftsmanship, sculpting virtual landscapes with code. It intertwines creativity and technical finesse, bringing ideas to life on the vast canvas of the internet, where innovation meets functionality seamlessly.</p>
<a href="https://www.geeksforgeeks.org/web-development/" class="btn">Read More</a>
</div>
<div class="services-box">
<i class="fa-solid fa-palette"></i>
<h3>Developement</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae perferendis et laboriosam provident inventore eveniet, harum aliquid magni officiis nesciunt enim illum maxime earum, asperiores tempora? Dignissimos nostrum culpa sit facilis dolor nobis repudiandae suscipit!</p>
<a href="https://www.geeksforgeeks.org/difference-between-ui-and-ux-design/" class="btn">Read More</a>
</div>
<div class="services-box">
<i class="fa-brands fa-android"></i>
<h3> Developement</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quis ad iste magnam. Fugit laborum itaque illo harum eaque unde labore, doloribus consequuntur doloremque deserunt veniam inventore commodi in, voluptate laudantium!</p>
<a href="#" class="btn">Read More</a>
</div>
</div>
</section>
<section class="portfolio sec" id="portfolio">
<h2 class="heading">Latest <span>Projects</span></h2>
<div class="portfolio-container">
<div class="portfolio-box">
<img src="assets\img1.jpeg" alt="">
<div class="portfolio-layer">
<h4>Usability Hub Clone</h4>
<p>First project of cloning</p>
<a href="https://prizag.github.io/UsabilityHubClone/#"><i class="fa-solid fa-up-right-from-square"></i></a>
</div>
</div>
<div class="portfolio-box">
<img src="assets\img2.jpeg" alt="">
<div class="portfolio-layer">
<h4>News Website</h4>
<p>Real-time news website fetching and displaying articles using API calls.</p>
<a href="https://github.com/Prizag/PrizagNews"><i class="fa-solid fa-up-right-from-square"></i></a>
</div>
</div>
<div class="portfolio-box">
<img src="assets\img3.jpeg" alt="">
<div class="portfolio-layer">
<h4>Snake Game</h4>
<p>Interactive snake game website with responsive design and dynamic gameplay.</p>
<a href="https://prizag.github.io/SnakeGame/"><i class="fa-solid fa-up-right-from-square"></i></a>
</div>
</div>
<div class="portfolio-box">
<img src="assets\img4.avif" alt="">
<div class="portfolio-layer">
<h4>Advay Website</h4>
<p>Advay NITS is a dynamic Next.js website showcasing the annual cultural festival of NIT Silchar, with interactive features and smooth navigation.</p>
<a href="https://www.advaynits.in.net/"> <i class="fa-solid fa-up-right-from-square"></i></a>
</div>
</div>
<div class="portfolio-box">
<img src="assets\img5.jpeg" alt="">
<div class="portfolio-layer">
<h4>Web Design</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci, atque?</p>
<i class="fa-solid fa-up-right-from-square"></i>
</div>
</div>
<div class="portfolio-box">
<img src="assets\img6.webp" alt="">
<div class="portfolio-layer">
<h4>Web Design</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci, atque?</p>
<i class="fa-solid fa-up-right-from-square"></i>
</div>
</div>
</div>
</section>
<section class="contact sec" id="contact">
<h2 class="heading">Contact <span>Me</span></h2>
<form action="#" class="contact-form">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email Address">
</div>
<div class="input-box">
<input type="digits" placeholder="Mobile Number">
<input type="text" placeholder="Email Subject">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" class="btn">
</form>
</section>
<footer class="footer">
<div class="footer-text">
<p>Copyright © 2024 by @priyanka | All Rights Reserved.</p>
</div>
<div class="footer-iconTop">
<a href="#home"><i class="fa-solid fa-angle-up"></i></a>
</div>
</footer>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script src="script.js"></script>
</body>
</html>