-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (119 loc) · 8.69 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Siful Islam | Frontend Developer | React Developer</title>
<link rel="icon" href="./favicon.ico" />
<link rel="apple-touch-icon" href="./apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="76x76" href="./apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png" />
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<meta name="theme-color" content="rgb(0 122 255)" />
<meta name="description" content="a Frontend Engineer skilled in Vue.js and React. I've mastered crafting user-friendly web interfaces and API integrations at top tech companies." />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="google" content="nositelinkssearchbox" />
<!-- <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="> -->
<meta name="keywords" content="siful islam, siful islam frontend developer, easyfrontend developer, react developer lisbon,front end developer lisboa, front end developer lisbon, front end developer portugal, junior front end developer europe" />
<link rel="manifest" href="./manifest.json" />
<!-- Require stylesheet load from local -->
<!-- <link href="./dist/css/tailwind.min.css" rel="stylesheet"> -->
<!-- <link href="./dist/css/fontawesome-all.min.css" rel="stylesheet"> -->
<!-- Required stylesheets -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="./dist/css/style.css" rel="stylesheet" />
</head>
<body class="bg-[#0b1727]">
<!-- START: Body Content -->
<header class="absolute left-0 right-0 top-0 ezy__nav5 py-6 pb-0 bg-white dark:bg-[#0b1727] text-zinc-900 dark:text-white relative">
<nav>
<div class="container px-4">
<div class="flex items-center justify-between">
<a class="font-black text-xl min-w-[33%]" href="#"> Siful </a>
<button class="block lg:hidden cursor-pointer h-10 z-20" type="button" id="hamburger">
<div class="h-0.5 w-7 bg-black dark:bg-white -translate-y-2"></div>
<div class="h-0.5 w-7 bg-black dark:bg-white"></div>
<div class="h-0.5 w-7 bg-black dark:bg-white translate-y-2"></div>
</button>
<div
class="hidden sm:flex flex-col lg:flex-row justify-center lg:justify-between items-center text-3xl gap-6 lg:text-base lg:gap-2 absolute h-screen w-screen top-0 left-full lg:left-0 lg:relative lg:h-auto lg:w-auto bg-white dark:bg-[#0b1727] lg:bg-transparent grow"
id="navbar"
>
<ul class="flex">
<li class="">
<a class="px-4 opacity-100" href="index.html">Home</a>
</li>
<li class="">
<a class="px-4 opacity-50 hover:opacity-100" href="https://easyfrontend.com/" target=" _blank">Products</a>
</li>
<li class="">
<a class="px-4 opacity-50 hover:opacity-100" href="mailto:[email protected]">Contact</a>
</li>
</ul>
<ul class="flex items-center justify-center mb-2 lg:mb-0">
<li>
<a href="https://github.com/sifulbd/siful.dev/fork" target="_blank" class="bg-white bg-opacity-10 text-opacity-70 hover:text-opacity-100 text-white hover:bg-opacity-10 rounded-lg px-4 py-2 ml-2">Fork <span class="fab fa-github ml-2"></span></a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<section class="ezy__team5 light pt-8 py-14 md:py-24 content-center bg-white dark:bg-[#0b1727] text-zinc-900 dark:text-white">
<div class="container flex flex-col sm:flex-row justify-center items-center px-4 mx-auto">
<div class="flex flex-col sm:flex-row justify-center items-center w-full mt-12 xl:w-11/12 gap-6">
<div class="w-full sm:w-1/2 xl:w-1/3">
<img src="./dist/images/siful.png" alt="siful frontend developer" class="h-[300px] w-[300px] mx-auto rounded-full border border-[14px] dark:border-slate-700" />
</div>
<div class="w-full sm:w-1/2 md:mt-0 justify-center text-center sm:text-left">
<div class="h-full flex flex-col justify-center">
<h1 class="text-3xl opacity-80 font-medium mb-1">Siful Islam</h1>
<p class="mb-6 opacity-60">Frontend Developer</p>
<p class="opacity-50 w-50 mb-0">
I'm Md. Siful Islam, a Frontend Engineer skilled in Vue.js and React. I've mastered crafting user-friendly web interfaces and API integrations at top tech companies. With a strong background in computer science and a knack for collaboration, I'm ready to tackle any
frontend challenge head-on. Let's chat about how I can contribute to your team!
</p>
<div class="mt-6">
<a href="https://github.com/sifulbd" target="_blank" class="inline-block opacity-60 transition duration-300 hover:translate-y-1 hover:opacity-100 mr-4"><span class="fab fa-github"></span></a>
<a href="https://www.linkedin.com/in/getsiful/" target="_blank" class="inline-block opacity-60 transition duration-300 hover:translate-y-1 hover:opacity-100 mr-4"><span class="fab fa-linkedin-in"></span></a>
<a href="https://twitter.com/getsiful" target="_blank" class="inline-block opacity-60 transition duration-300 hover:translate-y-1 hover:opacity-100 mr-4"><span class="fab fa-twitter"></span></a>
</div>
<ul class="flex flex-col mt-8">
<li>
<a href="https://calendly.com/sifulislam" target="_blank" class="bg-white bg-opacity-10 text-opacity-70 hover:text-opacity-100 text-white hover:bg-opacity-10 rounded-lg px-4 py-2">Book an Appoinment</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="sm:absolute bottom-0 left-0 right-0 bg-white ezy__copyright4 bg-white text-opacity-30 bg-opacity-10 text-zinc-900 dark:text-white py-4">
<div class="container">
<div class="text-center opacity-30 hover:opacity-90">
<p>Copyright all rights reserved</p>
</div>
</div>
</footer>
<!-- END: Body Content -->
<!-- Require scripts load from local -->
<!-- Required scripts -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
container: {
center: true,
},
},
};
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/js/all.min.js" integrity="sha512-rpLlll167T5LJHwp0waJCh3ZRf7pO6IT1+LZOhAyP6phAirwchClbTZV3iqL3BMrVxIYRbzGTpli4rfxsCK6Vw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>