-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
268 lines (253 loc) · 11.4 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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" href="img/remove.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="/css/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nahid HK</title>
</head>
<body>
<header>
<nav class="nav" id="nav">
<div class="img-box">
<img src="img/remove.png" alt="Nahid HK Logo">
</div>
<div onclick="openmenu()" class="menubtn vcc mcc"><i class="bi bi-list"></i></div>
<div id="list" class="list-box">
<ul class="style">
<li class="style-box" id="chome">Home</li>
<li class="style-box" id="cabout">About</li>
<li class="style-box" id="cproject">Projects</li>
<li class="style-box" id="ccontact">Contact</li>
<li class="style-box" id="ccv"><i class="bi bi-paperclip"></i>CV</li>
</ul>
</div>
</nav>
</header>
<br><br><br><br><br><br><br><br><br>
<section class="main" id="home">
<div class="home">
<div class="hombox1">
<br><br><br><br><br><br>
<span class="subtitle">Web Developer, Researcher</span><br>
<h1 class="title">
Hey I'm <span class="color">Nahid</span>👋
</h1>
<p class="text">
Expert Web Developer skilled in React, Java, Python, PHP, and more. Proven success in delivering
robust and dynamic web solutions. Proficiency in diverse technologies for complex challenges and
innovative solutions in web development.
</p>
<button onclick="cv()" class="btn active"><i class="bi bi-paperclip"></i> Download CV</button>
<button onclick="github()" class="btn">Go to GitHub<i class="bi bi-arrow-up-right"></i> </button>
</div>
<div class="hombox2">
<div class="img-box ncv"><img src="img/photo.svg" alt="my"></div>
</div>
</div>
</section>
<br><br><br><br><br>
<section class="main" id="skill">
<div class="marquee">
<marquee behavior="alternate" scrollamount="10">
<div class="skill-box">
<div class="skill">
</div>
<div class="skill">
<i class="fa-brands fa-css3"></i> CSS
</div>
<div class="skill">
<i class="fa-brands fa-js"></i> javascript
</div>
<div class="skill">
<i class="bi bi-filetype-tsx"></i> typescript
</div>
<div class="skill">
<i class="fa-brands fa-php"></i> php
</div>
<div class="skill">
<i class="bi bi-filetype-sql"></i></i> mysql
</div>
<div class="skill">
<i class="fa-brands fa-git-alt"></i> git
</div>
<div class="skill">
<i class="fa-brands fa-node-js"></i> nodejs
</div>
<div class="skill">
<i class="fa-brands fa-npm"></i> npm
</div>
<div class="skill">
<i class="fa-brands fa-bootstrap"></i> bootstrap CSS
</div>
<div class="skill">
<i class="fa-brands fa-react"></i> react
</div>
<div class="skill">
<i class="fa-solid fa-bolt"></i></i> vite
</div>
<div class="skill">
<i class="fa-brands fa-python"></i> python
</div>
<div class="skill">
<i class="fa-brands fa-java"></i> java
</div>
<div class="skill">
<i class="bi bi-filetype-xml"></i> xml
</div>
<div class="skill">
<i class="fa-brands fa-vuejs"></i> Vuejs
</div>
<div class="skill">
<i class="bi bi-filetype-json"></i> json
</div>
<div class="skill">
<i class="fa-brands fa-laravel"></i> Laravel
</div>
<div class="skill">
<i class="fa-brands fa-raspberry-pi"></i> Raspberry
</div>
<div class="skill">
<i class="fa-brands fa-ubuntu"></i> ubuntu
</div>
<div class="skill">
<i class="fa-brands fa-linux"></i> linux
</div>
</div>
</marquee>
</div>
</section>
<div id="about"></div>
<br><br><br> <br><br><br>
<!-- This A About Section -->
<section class="main abopth">
<div class="main blur">
<div class="home pdngtop">
<div class="hombox1">
<div class="img-box"><img src="img/about.svg" alt="my"></div>
</div>
<div class="hombox2">
<h1 class="title wt">
ABOUT ME
</h1>
<p class="text wt">
I have been deeply engaged in research in the field of electrical engineering since 2017. During
this time, I have developed a strong foundation in various aspects of electrical systems,
components, and technologies.
<br>
<br>
In 2021, I expanded my horizons and ventured into the web development sector. This transition
allowed me to merge my technical expertise with creative problem-solving skills. As a web
developer,
I have honed my abilities in coding, designing, and building user-friendly web applications. My
experience in electrical engineering has provided me with a unique perspective on system
efficiency,
optimization, and integration, which I have successfully applied to my web development
projects.<br><br>
<div>
<span class="icon"><i class="fa-brands fa-linkedin"></i></span>
<span class="icon"><i class="fa-brands fa-twitter"></i></span>
<span class="icon"><i class="fa-brands fa-telegram"></i></span>
</div>
<div id="project"></div>
</p>
</div>
</div>
</div>
</section>
<!-- Projict -->
<section class="main abonet">
<div class="home">
<!-- hombox1 -->
<div class="hombox1">
<div class="htitle">
<h1 class="title wt">PROJICT</h1>
</div>
</div>
<div class="hombox2">
<div id="data-container"></div>
<!-- auto data listead -->
<br><br><br>
</div>
</div>
</div>
</section>
<div id="cont"></div>
<br><br><br><br><br><br><br><br>
<!-- the contauct -->
<section class="main" >
<div class="home cont">
<div class="hombox1">
<div class="img-sm"><img src="/img/cont.svg" alt="about"></div>
<span class="marzo">Still have some doubt?</span>
<br>
<p class="text">
remain ready to help with any inquiries you may have. I value your reaching out and eagerly
anticipate further contact to provide any additional support and elucidation deemed necessary.
</p>
</div>
<div class="hombox2">
<span class="title">CONTACT</span>
<br>
<form action="https://formspree.io/f/xeojonwj" method="POST" enctype="multipart/form-data">
<label for="Name">Name<n>*</n></label>
<br>
<input class="input" type="text" name="name" id="name" placeholder="Enter The Name" required>
<br>
<label for="Email">Email<n>*</n></label>
<br>
<input class="input" type="email" name="email" id="email" placeholder="@ Email" required>
<br>
<label for="message">Message<n>*</n></label>
<br>
<textarea class="input mas" name="massege" id="massege" placeholder="Enter The message"
required> </textarea>
<input class="btn pdng" type="submit" value="Send">
</form>
</div>
</div>
</section>
<!-- Foter js tow -->
<section class="main abonet" id="foter">
<div class="home">
<div class="hombox1">
<br><br>
<h1 class="wt">Nahid HK</h1>
<br>
<p class="text wt">
As a professional web developer, I possess expertise in a comprehensive range of technologies. With
a proven track record in delivering robust and dynamic web solutions, I excel in crafting
high-quality projects that cater to diverse client requirements.
</p>
<br><br>
<button onclick="window.location.href='#home'" class="btn active">Hire Me</button>
<br><br>
<p style="color: #6e6e69;">
Nahidhk © 2024 — Copyright
</p>
</div>
<div class="hombox2">
<h1 class="wt padding">
Contacts
<br><br>
<ul class="text wt">
<li class="abnt"><a href="#home">About Me</a></li>
<li class="abnt"><a href="#project">Projects</a></li>
<li class="abnt"><a href="https://github.com/nahidhk">GitHub</a></li>
<li class="abnt"><a>Contact</a></li>
<li class="abnt"><a onclick="cv()">Download CV</a></li>
</ul>
</h1>
</div>
</div>
</section>
<script src="JavaScript/script.js"></script>
<script src="JavaScript/skillpub.js"></script>
</body>
</html>