-
Notifications
You must be signed in to change notification settings - Fork 0
/
WS2.html
102 lines (90 loc) · 4.17 KB
/
WS2.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>workshop description</title>
<link rel="stylesheet" href="css/WS1.css">
<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=IBM+Plex+Sans:wght@600&family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
<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=IBM+Plex+Sans:wght@600&family=Lato&family=Lora:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/3a15b0bf4f.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href=""><img src="images/ws-chi-tiet/may1-01.png"></a></div>
<div class="swiper-slide"><a href=""><img src="images/ws-chi-tiet/may2-01.png"></a></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div class="text-box">
<h1>Workshop Thêu túi vải</h1>
<p><b>Thời gian diễn ra:</b> 9:00, Thứ Bảy, 18/03/2023 <br>
<b>Địa điểm:</b> The Open Space - 232/13 Võ Thị Sáu, P. 7, Quận 3, TP. HCM <br>
<b>Số lượng người tham dự:</b> tối đa 10 người<br>
<b>Giá:</b> 200.000 VND/người
</p>
<h3>Mô tả chi tiết</h3>
<p><b> - Thông tin WS:</b>Nếu bạn không những yêu thích màu sắc mà còn đam mê sự chính xác đến từng chi tiết nhỏ, Mây Corner sẽ là lựa chọn phù hợp với workshop "Thêu hoa, thêu lá, thêu gì ta thích lên túi vải”. Đến với Mây Corner, bạn sẽ được “vẽ” hoa lá bằng đường kim mũi chỉ trên chiếc túi vải canvas. Trong suốt buổi Workshop 3 tiếng, mọi người được hướng dẫn 10 mũi thêu cơ bản để thêu hoa, lá, chữ. Cũng đừng quá lo lắng nếu đi nhầm một đường kim hay bị rối chỉ, bạn host sẽ giúp bạn gỡ rối và hoàn tất tác phẩm của mình.
<br><b>- Thông tin diễn giả:</b> Nguyễn Thị Hồng Thảo, đồng sáng lập May Corner
</p>
</div>
<div class="jokedone">
<input type="text" class="soluong" placeholder="số lượng vé">
<button type="button" class="btn">Thêm vào giỏ hàng</button>
</div>
<div class="footer">
<div class="col-1">
<h3>EQUAL</h3>
<a href="#">Về chúng tôi</a>
<a href="#">Liên hệ</a>
<a href="#">Trợ giúp</a>
</div>
<div class="col-2">
<h3>Nhận thông tin mới nhất</h3>
<form>
<input type="email" placeholder="Gmail của bạn" required>
<br>
<button type="submit">Đăng ký ngay</button>
</form>
</div>
<div class="col-3">
<h3>Mạng xã hội</h3>
<div class="social">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
</div>
</div>
<!--java-->
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
</html>