-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtimdetail.html
109 lines (100 loc) · 4.66 KB
/
timdetail.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
<!DOCTYPE html>
<html lang="en">
<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">
<title>Match Up</title>
<link rel="stylesheet" href="css/timdetail.css">
</head>
<body>
<section class="navbar" >
<a href="tim.html">
<img src="css/img/back button.png" alt="">
</a>
<p>TITLE</p>
<a href="#">
<img src="css/img/report.png" alt="">
</a>
</section>
<section class="container" >
<div class="left-content">
<div class="left1">
<img class="left1-logo" src="css/img/pxg.png" alt="">
<!-- <div class="left1-logo">
</div> -->
<div class="left1-box">
<p>TITLE</p>
<div style="display: flex; align-items: center; width: 50%;">
<img class="left1-icon" src="css/img/bola icon.png" alt="">
<!-- <div class="left1-icon">
</div> -->
<p style="font-size: 0.8vw; margin-left: 5%;" >Olahraga</p>
</div>
<div>
<div class="access">
Terbuka
</div>
<div class="age">
15-17
</div>
</div>
</div>
</div>
<hr>
<div class="left2">
<div>Deskripsi Tim</div>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum luctus ultrices erat. Fusce dapibus eros elit, quis consectetur tortor interdum eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nam scelerisque pretium nisl id efficitur. Vivamus vestibulum hendrerit neque, vitae venenatis lorem ornare ac. Maecenas gravida in est eu laoreet. Vestibulum interdum sapien metus, in vehicula ligula fringilla in. Praesent Ornar</span>
</div>
<hr>
<div class="left3">
<div>Member Tim</div>
<div class="maps">
<div class="box">
<div class="box-logo">
</div>
<span style="margin-left: 5%;" >
<p style="font-family: opensans-bold; font-size: 1vw; " >USERNAME</p>
<p style="font-size: 0.8vw;">Lore</p>
</span>
</div>
</div>
</div>
</div>
<div class="right-content">
<span class="biaya" >Biaya Masuk</span>
<span class="harga" style="display: block;" >Rp 5000 <text style="color: grey; font-size: 1.3vw;" >/Orang</text> </span>
<button>
Bergabung
</button>
<div class="line1" style="margin-bottom: 2vh;" >
Jumlah Slot: 0/12
</div>
<span class="biaya" >Informasi Tambahan</span><br>
<div class="line1">
<div style="background: url(css/img/user.png); background-position: center; background-size: contain;" class="icon">
</div>
Pemilik
</div>
<div class="line1">
<div style="background: url(css/img/instagram.jpg); background-position: center; background-size: contain;" class="icon">
</div>
Instagram
</div>
<div class="line1">
<div style="background: url(css/img/whatapps.jpg); background-position: center; background-size: contain;" class="icon">
</div>
WhatApps
</div>
<div class="line1">
<div style="background: url(css/img/facebook.jpg); background-position: center; background-size: contain;" class="icon">
</div>
Facebook
</div>
<br>
<span style="font-size: 1vw;" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum luctus ultrices erat. Fusce dapibus eros elit, quis consectetur tortor interdum eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nam scelerisque pretium nisl id efficitur. Vivamus vestibulum hendrerit neque, vitae venenatis lorem ornare ac. Maecenas gravida in est eu laoreet. Vestibulum interdum sapien metus, in vehicula ligula fringilla in. Praesent Ornar</span>
</div>
</section>
<section class="white-space" ></section>
</body>
</html>