-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkotone.html
111 lines (111 loc) · 4.69 KB
/
kotone.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOTONE</title>
<link href = "kotone.css" rel = "stylesheet">
</head>
<body>
<section id = "landing-page">
<div class = "uptop">
<div class = "sss">
<div class = "add-ons">
<img class = "logo" src = "assets/triples-removebg-preview.png">
<img class = "seal" src = "assets/sealwhite.png">
<h1 class = "line"></h1>
</div>
<div class = "text">
<h1>S11 BINARY <span>01</span></h1>
</div>
</div>
<div class = "ktn">
<h1>KAMIMOTO KOTONE</h1>
<p>Rapper - Lead Vocal</p>
<p>EVOLution - Visionary Vision - Hatchi</p>
</div>
</div>
<img class = "container" src = "assets/Frame 2.png">
<img class = "cotocola" src = "assets/ktn.png">
<div class = "running-text">
<div class = "toripuruesu">
<h1> tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS tripleS</h1>
</div>
</div>
</section>
<section id = "gallery">
<div class = "gal-wrap">
<div class = "slider" style="--quantity: 10">
<div class="item" style="--position: 1">
<img src="assets/obj1.jpg">
</div>
<div class="item" style="--position: 2">
<img src="assets/obj2.jpg">
</div>
<div class="item" style="--position: 3">
<img src="assets/obj3.jpg">
</div>
<div class="item" style="--position: 4">
<img src="assets/obj4.jpg">
</div>
<div class="item" style="--position: 5">
<img src="assets/obj5.jpg">
</div>
<div class="item" style="--position: 6">
<img src="assets/obj6.jpg">
</div>
<div class="item" style="--position: 7">
<img src="assets/obj7.jpg">
</div>
<div class="item" style="--position: 8">
<img src="assets/obj8.jpg">
</div>
<div class="item" style="--position: 9">
<img src="assets/obj9.jpg">
</div>
<div class="item" style="--position: 10">
<img src="assets/obj10.jpg">
</div>
</div>
<div class = "words">
<h1 id = "dynamic-text"></h1>
<div class = "triples-infos">
<a href ="https://apollo.cafe/objekts?member=Kotone" target="_blank"><button><span>More Objekts</span></button></a>
<a href = "https://www.triplescosmos.com/" target="_blank"><button><span>tripleS Website</span></button></a>
<button><span>SSS-Vision</span></button>
</div>
</div>
</div>
</section>
<section id = "popular-ships">
<h1 class = "pophead">Popular Ships</h1>
<div class = "ship-container">
<div class = "card" style="background-image: url('assets/chaetonebg3.png')">
<img src = "assets/chaetone.jpg">
</div>
<div class = "card" style="background-image: url('assets/utopiazbg.png')">
<img src = "assets/utopiaz2.jpg">
</div>
<div class = "card" style="background-image: url('assets/katonebg.png')">
<img src = "assets/katone2.jpg">
</div>
<div class = "card" style="background-image: url('assets/nattozbg.png')">
<img src = "assets/nattoz.jpg">
</div>
<div class = "card" style="background-image: url('assets/kotojibg.png')">
<img src = "assets/kotoji.jpg">
</div>
<div class = "card" style="background-image: url('assets/tomatozbg.png')">
<img src = "assets/tomatoz.jpg">
</div>
<div class = "card" style="background-image: url('assets/peperozbg.png')">
<img src = "assets/peperoz.jpg">
</div>
<div class = "card" id = "lovemin" style="background-image: url('assets/loveminbg.png')">
<img src = "assets/2lovemin3.jpg">
</div>
</div>
</section>
<script src ="kotone.js"></script>
</body>
</html>