-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
143 lines (140 loc) · 11.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
135
136
137
138
139
140
141
142
143
<!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="สวัสดี! ยินดีต้อนรับที่นี้คือหน้าแนะนำตัวเองของเรา และก็รวมผลงานที่ผมทำไว้บางชิ้น สามารถเรียกผมได้ว่าโยสิเกตุ หรือ Yosiket เริ่มต้นทำเว็บช็อป 2000 บาท">
<meta name="keywords" content="developer, dev, รับทำเว็บช้อป, seo, โยสิเกตุ, yosiket, yosiket dev, รับทำเว็บเกม, broverz, brover, xdnz, team xdnz, fullstack">
<link rel="canonical" href="https://www.yosiket.xyz/" />
<meta property="og:url" content="https://www.yosiket.xyz/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Yosiket Dev" />
<meta property="og:site_name" content="Yosiket" />
<meta property="og:description" content="สวัสดี! ยินดีต้อนรับที่นี้คือหน้าแนะนำตัวเองของเรา และก็รวมผลงานที่ผมทำไว้บางชิ้น สามารถเรียกผมได้ว่าโยสิเกตุ หรือ Yosiket เริ่มต้นทำเว็บช็อป 2000 บาท" />
<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="@yosiket" />
<meta name="twitter:creator" content="@yosiket" />
<title>Yosiket 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/[email protected]/dist/aos.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/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">YOSIKET</span>
<h6 class="text-secondary mb-2">สวัสดี! ยินดีต้อนรับที่นี้คือหน้าแนะนำตัวเองของเรา ↴ <br> และก็รวมผลงานที่ผมทำไว้บางชิ้น</h6>
<a href="https://www.facebook.com/brover.dev" target="_blank" class="btn-cus/main"><i class="fa-brands fa-facebook"></i> ติดต่อ</a>
<a href="https://discord.gg/JsbNCUZZyg" 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">> 17/04</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">> Full Stack 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">> Tyler - See You Again <a href="https://youtu.be/TGgcC5xg9YI" 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">> A Whisker Away เหมียวน้อยคอยรัก</h5>
</div>
</div>
</div>
</div>
</div>
<div class="mywork mb-3">
<div class="container-custom">
<h4 style="font-family: 'Pridi', sans-serif;">ผลงานส่วนตัวบางส่วน ↴</h4>
> เดะหามาใส่
</div>
</div>
<div class="commission mb-3">
<div class="container-custom">
<h4 style="font-family: 'Pridi', sans-serif;">ผลงานที่ได้รับมอบหมาย ↴</h4>
> เดะหามาใส่
</div>
</div>
<div class="group text-center p-2 mb-4">
<h4 style="font-family: 'Pridi', sans-serif; color: var(--main-color);"><i class="fa-solid fa-people-group"></i> Partners</h4>
<h6 class="text-secondary">เอาจริงๆเรียกเป็นกลุ่มที่ร่วมงานหรือ Dev ที่ผมรู้จัก 555</h6>
<div class="d-flex justify-content-center mb-3">
<a href="https://www.facebook.com/profile.php?id=100021933975165" class="m-0 text-secondary" style="text-decoration: none;" target="_blank">Gotzillax</a>
</div>
<div class="d-flex justify-content-center">
<div class="col-12 col-lg-6">
<a href="https://discord.gg/xdnz" title="XDNZ RENTWEB" class="align-self-center" style="text-decoration: none;">
<img src="https://i.ibb.co/jbwctMG/LOGO-XDNZ-2-1.png" class="gscale zoom-hover me-2 mb-3" width="150" style="height: fit-content;">
</a>
<a href="https://discord.gg/z73yBhTYT8" title="XEZW" style="text-decoration: none;">
<img src="https://i.ibb.co/FKRWJhS/xezw.png" class="gscale zoom-hover me-2 mb-3" width="100" style="height: fit-content;">
</a>
<a href="https://discord.gg/overdrive-c" title="OVERDRIVE-C" style="text-decoration: none;">
<img src="https://media.discordapp.net/attachments/1099677293103820861/1101888435431678033/93_20221127005023.png?width=702&height=702" class="gscale zoom-hover me-2 mb-3" width="100" style="height: fit-content;">
</a>
<a href="https://swfz.in.th/" title="SWFZ" style="text-decoration: none;">
<img src="https://media.discordapp.net/attachments/1099677293103820861/1101888435846922270/template_3.jpg" class="gscale zoom-hover me-2 mb-3" width="100" style="height: fit-content;">
</a>
<a href="#" title="UNIVEZ" style="text-decoration: none;">
<img src="https://media.discordapp.net/attachments/1099677293103820861/1101888436140519525/IMG_2937.png?width=702&height=702" class="gscale zoom-hover me-2 mb-3" width="100" style="height: fit-content;">
</a>
<a href="https://webring.wonderful.software#yosiket.xyz" title="วงแหวนเว็บ" style="text-decoration: none;">
<img alt="วงแหวนเว็บ" width="100" src="https://webring.wonderful.software/webring.black.svg" />
</a>
</div>
</div>
</div>
<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 Yosiket, All Rights Reserved</footer>
</main>
<script src="assets/js/warn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>