forked from hataDa998/WebBio
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
134 lines (131 loc) · 10.7 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" alt="yosiket">
<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">
<meta name="description" content="สวัสดี! ยินดีต้อนรับที่นี้คือหน้าแนะนำตัวเองของเรา และก็รวมผลงานที่ผมทำไว้บางชิ้น สามารถเรียกผมได้ว่าไนส์ หรือ NiceKun">
<meta name="keywords" content="developer, dev, รับทำเว็บช้อป, seo, โยสิเกตุ, yosiket, yosiket dev, รับทำเว็บเกม, broverz, brover, xdnz, team xdnz, fullstack, nicekun, nicekun dev, ccnicebruh, hotcup, ไนส์">
<link rel="canonical" href="https://own.vtuberhub.in.th" />
<meta property="og:url" content="https://own.vtuberhub.in.th" />
<meta property="og:type" content="website" />
<meta property="og:title" content="NiceKun Dev" />
<meta property="og:site_name" content="NiceKun" />
<meta property="og:description" content="สวัสดี! ยินดีต้อนรับที่นี้คือหน้าแนะนำตัวเองของเรา และก็รวมผลงานที่ผมทำไว้บางชิ้น สามารถเรียกผมได้ว่าไนส์ หรือ NiceKun" />
<meta property="og:image" content="https://gifdb.com/images/high/cool-anime-yui-hirasawa-k-on-b90459ws3s9us66w.gif" />
<meta name="theme-color" content="#5ACCD0">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nicekun" />
<meta name="twitter:creator" content="@nicekun" />
<title>NiceKun Dev</title>
<meta name="robots" content="index, follow, max-snippet:-1">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="icon" href="assets/img/favicon.png" type="image/x-icon">
<link href="https://kit-pro.fontawesome.com/releases/v6.4.0/css/pro.min.css" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
</head>
<body>
<main>
<div class="bg-cover-img" style="background-image: linear-gradient(to left, white, transparent 60%),linear-gradient(to top, white, transparent 60%),url(https://images7.alphacoders.com/123/1236664.jpg);">
<div class="container">
<div class="div-end text-end">
<span class="main-text">NICEKUN</span>
<h6 class="text-secondary mb-2">สวัสดี! ยินดีต้อนรับที่นี้คือหน้าแนะนำตัวเองของเรา ↴ <br> และก็รวมผลงานที่ผมทำไว้บางชิ้น</h6>
<a href="https://www.facebook.com/imnicekun" target="_blank" class="btn-cus/main"><i class="fa-brands fa-facebook"></i> ติดต่อ</a>
<a href="https://discord.gg/y9UsGAY9Z8" target="_blank" class="btn-cus/discord"><i class="fa-brands fa-discord fa-spin-pulse"></i> Discord</a>
</div>
</div>
</div>
<div class="info ps-3 pe-3 mt-0 mt-lg-3 mb-3">
<div class="container-custom">
<h4 style="font-family: 'Pridi', sans-serif;"><i class="fa-sharp fa-regular fa-circle-info"></i> มาทำความรู้จักกันดีกว่า !</h4>
<h6 class="text-secondary">พยายามคิดว่าจะแนะนำตัวยังไงดีเลยนะเนื่ย</h6>
<div class="row justify-content-center align-self-center">
<div class="col-12 col-lg-3 p-2" data-aos="fade-down" data-aos-duration="800">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">ชื่อเล่น</h6>
<h5 class="text-secondary m-0">> ไนส์ หรีอ ไนส์คุง หรีอ เเนปคุง หรีออะไรวะ?</h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-down" data-aos-duration="1000">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">วันเกิดวันที่</h6>
<h5 class="text-secondary m-0">> 31/07</h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-down" data-aos-duration="1500">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">ภาษาโปรแกรมที่ถนัด</h6>
<h5 class="text-secondary m-0">> PHP, Html, Css, js+Nodejs</h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-down" data-aos-duration="2000">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">ทักษะ</h6>
<h5 class="text-secondary m-0">> Game Developer, Web Developer</h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-up" data-aos-duration="1500">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">สถานะ</h6>
<h5 class="text-secondary m-0">> มีคู่ครองเเล้ว :<</h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-up" data-aos-duration="1000">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">เพลงที่ชอบ</h6>
<h5 class="text-secondary m-0">> - กลิ่นดอกไม้ - X - ปีนี้ไม่ต้องเหงาคนเดียว แล้วโว้ยย - <a href="https://youtu.be/CuZN1tqbXF4" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square" style="font-size: small;"></i></a></h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-up" data-aos-duration="800">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">อนิเมะที่ชอบ</h6>
<h5 class="text-secondary m-0">> Tensei Kizoku no Isekai เกิดใหม่เป็นขุดนางไปผจญภัยที่ต่างโลก</h5>
</div>
</div>
</div>
</div>
</div>
<div class="mywork mb-3">
<div class="container-custom">
<h4 style="font-family: 'Pridi', sans-serif;">ผลงานส่วนตัวบางส่วน ↴</h4>
<div class="col-12 col-lg-3 p-2" data-aos="fade-up" data-aos-duration="800">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">ผลงานชิ้นเเรกในชีวิต</h6>
<h5 class="text-secondary m-0">> Hotcup App <a href="https://hotcup.app" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square" style="font-size: small;"></i></a></h5>
</div>
</div>
<div class="col-12 col-lg-3 p-2" data-aos="fade-up" data-aos-duration="800">
<div class="bg-cus p-3 pt-2 pb-2 shadow-sm zoom-hover" style="border-radius: 1vh;">
<h6 class="main-text m-0" style="font-family: 'Pridi', sans-serif;">ผลยอดเยี่ยมชิ้นเเรกในชีวิต</h6>
<h5 class="text-secondary m-0">> TuuperCove <a href="https://vtuberhub.in.th" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square" style="font-size: small;"></i></a></h5>
</div>
</div>
</div>
</div>
<div class="commission mb-3">
<div class="container-custom">
<h4 style="font-family: 'Pridi', sans-serif;">ผลงานที่ได้รับมอบหมาย ↴</h4>
> จำไม่ได้เเฮะ...
</div>
</div>
<a href="https://webring.wonderful.software#nicemc.xyz" title="วงแหวนเว็บ">
<img
alt="วงแหวนเว็บ"
width="32"
height="32"
src="https://webring.wonderful.software/webring.black.svg"
/>
</a>
<a rel="me" href="https://mstdn.in.th/@nicekun">Mastodon</a>
<footer class="bg-gdark-80 text-white/60" style="text-align: center; padding: 5px; font-size: 13.5px;"><i class="fa-regular fa-copyright"></i> 2023 NiceKun & Yosiket, All Rights Reserved</footer>
</main>
<script src="assets/js/warn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>