-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (132 loc) · 4.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Evengy</title>
<link rel="stylesheet" href="style.css">
<link rel="script" href="index.js">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Osake&display=swap">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-bar">
<div class="h-icon">
<svg class="h-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./home-2.svg" class="h-svg-icon">
<div class="s-icon">
<svg class="s-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./story.svg" class="s-svg-icon">
<div class="cs-icon">
<svg class="cs-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./color-swatch.svg" class="cs-svg-icon">
<div class="m-icon">
<svg class="m-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./music-square.svg" class="m-svg-icon">
<div class="fl-icon">
<svg class="fl-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./flash.svg" class="fl-svg-icon">
</div>
<div class="left-rectangle">
<img src="CHARACTERevgen.png" class="char-img" height="1561" width="878">
<h1 class="name-photo">Evengy</h1>
<h1 class="su">Stand-Up</h1>
<h1 class="jp">個人崇拌 </h1>
<div class="socials">
<div class="f-icon">
<svg class="f-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./facebook.svg" class="f-svg-icon">
<div class="y-icon">
<svg class="y-svg">
<circle cx="30" cy="30" r="30" fill="#2b2d3a"/>
</svg>
</div>
<img src="./youtube.svg" class="y-svg-icon">
<div class="i-icon">
<svg class="yi-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./instagram.svg" class="i-svg-icon">
</div>
<h1 class="about">Evengy-</h1>
<p class="p1">Evgeny Shunsuke is a Yamato and </p>
<p class="p2"> Japanese stand-up comedian, actor and</p>
<p class="p3"> podcaster. Shunsuke is a comedian with </p>
<p class="p4"> her own comedic voice, original themes and </p>
<p class="p5">recognizable style. You might have seen his concerts</p>
<p class="nshot"> Next Show -</p>
<h1 class="shonam">Shibuya japan</h1>
<img src="./calendar.svg" class="clen-svg-icon">
<p class="time">13:00 - 19:00, Oct 12 - 2023</p>
<img src="./map.svg" class="map-svg-icon">
<p class="venue">5-2-1 West Point St. Birmingham Dtr Shibuya Tokyo Japan</p>
</div>
<div class="ticket">
<h1 class="tic-tit">Ticket-</h1>
<div class="cat-book">
<div class="book-icon">
<svg class="book-svg">
<circle cx="30" cy="30" r="30" fill="#2b2d3a"/>
</svg>
</div>
<img src="./archive-tick.svg" class="book-svg-icon">
<div class="cat-icon">
<svg class="cat-svg">
<circle cx="30" cy="30" r="30" fill="black"/>
</svg>
</div>
<img src="./category.svg" class="cat-svg-icon">
<img src="image%203.png" class="seat-plan">
<div class="seat-plan-dot"></div>
</div>
<div class="s-vip-card">
<p class="sv-tit"> S-VIP</p>
<div class="sv-tri"></div>
</div>
<div class="vip-card">
<p class="v-tit">VIP</p>
<div class="v-tri"></div>
</div>
<div class="ea-card">
<p class="ea-tit">EARLY ACCES</p>
<img src="ex-design.svg" class="ex-design">
<p class="timeout">CHECK in 16:00</p>
<p class="nr">NO REFUNDS</p>
</div>
<div class="minus">
<img src="minus-circle-svgrepo-com.svg" width="45px" height="45px">
</div>
<div class="count">
<p class="count-num">1</p>
</div>
<div class="plus">
<img src="plus-circle-svgrepo-com.svg" width="45px" height="45px">
</div>
<div class="pay">
<p class="amount">¥100</p>
<img src="Arrow 14.svg" class="pay-arrow">
</div>
</div>
</body>
</html>