-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (93 loc) · 5.84 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
<!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" />
<title>Project Showcase</title>
<link rel="shortcut icon" href="assets/image/favicon/leaf.svg" type="image/x-icon">
<link rel="stylesheet" href="dist/main.css" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="script.js" defer></script>
</head>
<body>
<!-- <img src="/assets/svg/background.svg" class="absolute top-0 right-0 max-h-screen -z-10" alt=""> -->
<main class="container">
<section class="flex flex-wrap items-center justify-center h-screen gap-6 pt-10 md:gap-8">
<!-- Skeleton Loader -->
<div class="animate-pulse w-[225px] h-[485px] rounded-[20px] bg-white overflow-hidden shadow-md"
id="skeletonLoader">
<div class="w-full h-full bg-slate-100"></div>
</div>
<!-- START: Fiverr Badge -->
<!-- Put this code anywhere in the body of your page where you want the badge to show up. -->
<div itemscope itemtype='http://schema.org/Person' class="hidden fiverr-seller-widget">
<a itemprop='url' href=https://www.fiverr.com/billpebert rel="nofollow" target="_blank"
style='display: inline-block;'>
<div class='fiverr-seller-content'
id='fiverr-seller-widget-content-607d511b-8f56-44bd-9758-d3f9ef9a41fa' itemprop='contentURL'
style='display: none;'></div>
<div id='fiverr-widget-seller-data' style='display: none;'>
<div itemprop='name'>billpebert</div>
<div itemscope itemtype='http://schema.org/Organization'><span itemprop='name'>Fiverr</span>
</div>
<div itemprop='jobtitle'>Seller</div>
<div itemprop='description'>Hello fellas, glad if i can help you to translate your high
fidelity
design into html page :)
I'm using css framework like Bootstrap or TailwindCSS to help me designing a web page.
I also have some experience in UI Design with Figma. </div>
</div>
</a>
</div>
<script id='fiverr-seller-widget-script-607d511b-8f56-44bd-9758-d3f9ef9a41fa'
src='https://widgets.fiverr.com/api/v1/seller/billpebert?widget_id=607d511b-8f56-44bd-9758-d3f9ef9a41fa'
data-config='{"category_name":"Programming \u0026 Tech"}' async='true' defer='true'></script>
<!-- END: Fiverr Badge -->
<div class="flex flex-col gap-3">
<div class="text-2xl font-bold md:text-4xl dark:text-white text-slate-800">
Billy Petra Gilbert
<p class="mt-1 text-base font-normal">
Frontend Developer
<!-- & Fiverr seller -->
</p>
</div>
<div class="flex items-start gap-4 lg:flex-row">
<a href="https://wa.me/6282293881704" class="text-3xl" target="_blank" title="Contact via WhatsApp">
<i class="text-[#25D366] fa-brands fa-square-whatsapp"></i>
</a>
<a href="https://www.linkedin.com/in/billyponto/" class="text-3xl" target="_blank" title="Contact via LinkedIn">
<i class="text-[#0a66c2] fa-brands fa-linkedin"></i>
</a>
<a href="https://github.com/billpebert/" class="text-3xl" target="_blank" title="Github Profile">
<i class="text-[#181717] fa-brands fa-github"></i>
</a>
<a href="/assets/cv/CV-BillyPetraGilbert.pdf"
class="px-5 py-2 text-sm font-semibold text-white bg-[#013bff] rounded-full max-w-max"
target="_blank" title="Personal Biography">
My Curriculum Vitae
</a>
</div>
</div>
</section>
<section class="relative flex flex-col items-center justify-center pt-20 links">
<input type="text"
class="py-3 rounded-full filter-links hide bg-slate-50 pr-7 pl-14 w-full lg:w-1/2 md:min-w-[300px] focus:ring-2 focus:ring-blue-400 outline-none text-slate-500 placeholder:text-slate-500 font-semibold text-base bg-no-repeat bg-[url('/assets/svg/search.svg')] bg-[calc(24px)_center] border border-slate-150"
placeholder="Find Project" />
<!-- Content generated from script.js -->
<ul class="sticky top-0 grid w-full grid-cols-2 gap-4 mt-10 md:gap-6 link-list md:grid-cols-3"></ul>
</section>
<h4 class="pt-20 pb-5 text-center text-slate-500">
Nice to meet you 😉
</h4>
</main>
<script src="https://kit.fontawesome.com/adf1353e33.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"
integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script type="text/javascript">
AOS.init();
</script>
<script src="/assets/scripts/fiverr-badge-config.js"></script>
</body>
</html>