-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
29 lines (29 loc) · 1.62 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>John Doe Portfolio</title>
<link rel="stylesheet" href="./assets/css/tailwind.min.css"/>
<link rel="stylesheet" href="./assets/css/style.css"/>
</head>
<body class="flex flex-col justify-center min-h-screen">
<div id="pfp">
<img class="flex mx-auto inline object-cover w-36 h-36 md:w-40 md:h-40 rounded-full" src="./assets/img/avatar.png" alt="Profile image"/>
</div>
<h1 class="mt-6 font-bold text-center text-3xl sen">John Doe</h1>
<p class="pr-10 pl-10 mt-4 text-center text-slate-500 text-base md:text-lg sen">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget ullamcorper metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<h1 class="mt-3 kulim-park text-center tracking-wide uppercase font-bold text-sm text-indigo-500">social</h1>
<ul class="p-4 flex flex-nowrap justify-center space-x-5">
<a class="hover:text-indigo-500" href="#"><i data-feather="github"></i></a>
<a class="hover:text-indigo-500" href="#"><i data-feather="instagram"></i></a>
<a class="hover:text-indigo-500" href="mailto:[email protected]"><i data-feather="at-sign"></i></a>
<a class="hover:text-indigo-500" href="#"><i data-feather="linkedin"></i></a>
<a class="hover:text-indigo-500" href="#"><i data-feather="twitter"></i></a>
</ul>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script>
feather.replace()
</script>
</body>
</html>