-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (116 loc) · 6.2 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
144
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#667EEA" />
<meta name="description" content="Hi I'm Nattha. I'm looking for awesome open-minded friends. Please do stuff with me. Thanks.">
<title>Do stuff with Nattha</title>
<link rel="apple-touch-icon" sizes="180x180" 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="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-103402740-1', 'auto');
ga('send', 'pageview');
</script>
<div class="section social-bar">
<a href="https://twitter.com/NatthakitK" target="_blank"><i class="fa fa-twitter fa-3x"></i></a>
<a href="https://www.instagram.com/differentmotion" target="_blank"><i class="fa fa-instagram fa-3x"></i></a>
<a href="https://www.snapchat.com/add/nattha55" target="_blank"><i class="fa fa-snapchat fa-3x"></i></a>
<a href="https://medium.com/@NatthakitK" target="_blank"><i class="fa fa-medium fa-3x"></i></a>
<a href="https://www.youtube.com/channel/UC6PSFAFmHtw54Ks84HToIWA?view_as=subscriber" target="_blank"><i class="fa fa-youtube fa-3x"></i></a>
</div>
<div class="section">
<!-- <img class="avatar fadeIn" src="img/avatar.jpg" alt="Natthakit Khamso"> -->
<a class="prev" onclick="plusSlides(-1)"><p>❮</p></a>
<div class="slideshow-container">
<div class="slides fadeIn">
<img src="img/avatar1.jpg" class="avatar">
</div>
<div class="slides fadeIn">
<img src="img/avatar2.jpg" class="avatar">
</div>
<div class="slides fadeIn">
<img src="img/avatar3.jpg" class="avatar">
</div>
</div>
<a class="next" onclick="plusSlides(1)"><p>❯</p></a>
</div>
<div class="section">
<h1 class="title">Natthakit Khamso</h1>
</div>
<div class="section">
<i class="fa fa-map-marker fa-2x"></i>
</div>
<div class="section" style="margin-top: -30px">
<p><strong>🇨🇭</strong> Berne, Switzerland</p>
</div>
<div class="section">
<p class="bio">Hi I'm Nattha. I'm looking for awesome open-minded friends. Please do stuff with me. Thanks.</p>
</div>
<div class="section">
<a class="btn-contact" href="https://www.snapchat.com/add/nattha55"><h3 class="text">Get to know Nattha</h3></a>
</div>
<div class="section">
<p>Stuff we could do:</p>
</div>
<div class="section">
<ul class="list">
<li class="item fadeIn"><h2>Get drunk together and go shopping at IKEA</h2></li>
<li class="item fadeIn"><h2>Go for a walk while it's raining</h2></li>
<li class="item fadeIn"><h2>We can eat lots of Pizza</h2></li>
<li class="item fadeIn"><h2>Play Drinkopoly</h2></li>
<li class="item fadeIn"><h2>Cooking. Doesn't matter what. Cooking is awesome!</h2></li>
<li class="item fadeIn"><h2>Making Sushi together</h2></li>
<li class="item fadeIn"><h2>Listen to music and make a Karaoke contest (I can't sing)</h2></li>
<li class="item fadeIn"><h2>Day trip to anywhere</h2></li>
<li class="item fadeIn"><h2>Movie night or a marathon</h2></li>
<li class="item fadeIn"><h2>Go grab some ice cream</h2></li>
<li class="item fadeIn"><h2>Dancing in the rain</h2></li>
<li class="item fadeIn"><h2>Having deep conversations at 4am with a bottle of wine</h2></li>
<li class="item fadeIn"><h2>Playing any kind of drinking games</h2></li>
<li class="item fadeIn"><h2>Beer Pong</h2></li>
<li class="item fadeIn"><h2>I'm not an alcoholic - I swear</h2></li>
<li class="item fadeIn"><h2>Bowling</h2></li>
<li class="item fadeIn"><h2>Karaoke Bar</h2></li>
<li class="item fadeIn"><h2>Simply go for a walk</h2></li>
</ul>
</div>
<div class="section">
<a class="btn-contact" href="https://www.snapchat.com/add/nattha55"><h3 class="text">Get to know Nattha</h3></a>
</div>
<div class="section">
made with ❤️ by Nattha
</div>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("slides");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}
</script>
</body>
</html>