-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (128 loc) · 7.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<!-- Google Fonts -->
<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=Roboto&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Basic SEO -->
<meta name="title" content='Raufu- Full Stack Web Developer'>
<meta name="description" content="Raufu is a full stack web developer">
<meta name="keywords" content="raufu, iamraufu, simple portfolio, html css, front-end developer, full stack web developer">
<title>Raufu | Full Stack Web Developer</title>
</head>
<body>
<div class="navbar">
<a href="/"><iam<span>Raufu</span> /></a>
<ul>
<li><a href="#about">about</a></li>
<li><a href="#projects">projects</a></li>
<li><a href="#expertise">expertise</a></li>
<li><a href="#blogs">blogs</a></li>
<li><a href="#contact">contact</a></li>
</ul>
</div>
<div class="container">
<div id='about' class="line">
<div class="half-width">
<h1>Welcome to <span>Eftykhar Rahman</span>'s profile</h1>
<p>I am Eftykhar Rahman. But you will find me everywhere with the handle name Raufu Prezens. I'm a self-taught Full Stack Web Developer.</p>
<button>Download Resume</button>
</div>
<div class="half-width">
<img class='img-top' src="images/top-2.png" alt="">
</div>
</div>
<div id='projects' class="projects">
<h2>My Portfolio</h2>
<p>A small gallery of recent projects chosen by me. I've done them all alone. It's only a drop in the ocean compared to the entire list. Interested to see some more? Visit my work page.</p>
<div class="line">
<div class="half-width">
<img src="images/1.png" alt="">
<p>Country's First ever Complex site where anyone can get nutritionist help along with healthy food diet.</p>
</div>
<div class="half-width">
<img src="images/2.png" alt="">
<p>Online Home and Office Service System where any service provider can give services and any client can get services by hourly basis as like as UBER.</p>
</div>
</div>
<div class="line">
<div class="half-width">
<img src="images/3.png" alt="">
<p>Online Book Buy, Sell, Exchange Web App in MERN Stack</p>
</div>
<div class="half-width">
<img src="images/4.png" alt="">
<p>WEBRTC Video Chat App with real time communication capabilities for voices and video communication.</p>
</div>
</div>
</div>
<div id='expertise' class="expertise">
<h2>What I'm Into?</h2>
<p>The primary area of my interest is undoubtedly front-end. Experienced with various ways to deal with the advancement of dynamic web projects. Knowledgeable in various programming dialects and libraries including HTML5, CSS3, JavaScript, ReactJS,
NodeJS, MongoDB, MySQL, PHP, Java, Python and so on.
<br><br> Solid foundation in Project Management and Customer Relations. Involvement with software development process like Agile, Scrum and MVC (Model-View-Controller) configuration design. I'm keen on creating easy to understand web applications
in MERN Stack. I love to work with new advances and playing with various stacks.
<br><br> More about my experience and work you'll find on Skills and About.</p>
</div>
<div id='blogs' class="blogs">
<h2>Blogs</h2>
<div class="line">
<div class="half-width">
<h3>Top Front End Developer Question</h3>
<small>April 1, 2021</small>
<p>So, here are the Top 50 React Interview Questions and Answers which are most likely to be asked by the interviewer. For your ease of access, I have categorized the React interview questions
<br> <span>Read more...</span></p>
</div>
<div class="half-width">
<h3>Web Development Guideline- How to start?</h3>
<small>January 25, 2021</small>
<p>This article is meant to serve as a practical guide to becoming a professional web developer. I’ve spent over 20 years writing code for the web. I work with and help developers daily. In this article, I will tell you what you should
learn, when you should learn it, and where you can learn it from.
<br> <span>Read more...</span></p>
</div>
</div>
<div class="line">
<div class="half-width">
<h3>Looking for ReactJS Developer?</h3>
<small>March 14, 2021</small>
<p>Toptal offers top React.js developers, programmers, and software engineers. For those looking to work remotely with the best engineers, look no further
<br> <span>Read more...</span>
</p>
</div>
<div class="half-width">
<h3>How much a front end developer can make?</h3>
<small>May 5, 2021</small>
<p>According to Glassdoor, a front end developer in the United States can earn an average of $86,178 per year. A “regular” front-end developer can earn an average salary of $71,350 a year, according to Payscale.
<br> <span>Read more...</span>
</p>
</div>
</div>
</div>
<div id="contact" class='contact'>
<div class="line">
<div class="half-width">
<h2>Contact me</h2>
<p>I’m interested in freelance opportunities – especially ambitious or large projects. However, if you have other request or question, don’t hesitate to use the form.</p>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email"><br>
<input type="text" placeholder="Subject"><br>
<textarea placeholder="message" cols="75" rows="10"></textarea>
</div>
<div class="half-width">
<img class='map' src="images/map.png" alt="">
</div>
</div>
</div>
</div>
<footer>
<p>Eftykhar Rahman © 2021</p>
</footer>
</body>
</html>