-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWS3.html
104 lines (91 loc) · 4.46 KB
/
WS3.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
<!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"><img src="images/ws-chi-tiet/gioitinh-01-01.png"></div>
<div class="swiper-slide"><img src="images/ws-chi-tiet/gioitinh1-01.png"></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>Giáo dục sức khỏe giới tính toàn diện</h1>
<p><b>Thời gian diễn ra:</b> 15:00, Thứ Hai, 20/03/2023 <br>
<b>Địa điểm:</b> Hội trường C, Trường Đại học Khoa học xã hội và Nhân văn, đường Trục Chính Trung Tâm, Khu phố 6, Quận Thủ Đức, Thành phố Hồ Chí Minh <br>
<b>Số lượng người tham dự:</b>không giới hạn<br>
<b>Giá:</b> miễn phí
</p>
<h3>Mô tả chi tiết</h3>
<p><b> - Thông tin WS:</b> Các câu chuyện của chiến dịch “#Metoo” từng gây bão cộng đồng mạng và xã hội nhưng quan trọng của chiến dịch này đã tạo ra một văn hóa mới khi nói về an toàn tình dục, bất kể bạn là ai. Tất cả mọi người điều xứng đáng tiếp cận về giáo dục giới tính trong một môi trường an toàn như trường học để có những lựa chọn đúng đắn cho tình dục an toàn.
<br>Chương trình workshop “Giáo dục sức khỏe giới tính toàn diện” được tổ chức với mục đích để tất cả học sinh/sinh viên đều được tiếp cận những kiến thức về giáo dục giới tính, bất kể thuộc xu hướng tính dục hay bản dạng giới nào.
<br><b>- Thông tin diễn giả:</b> Thạc sĩ, Bác sĩ chuyên ngành về sức khỏe sinh sản và bình đẳng giới, Đỗ Việt Dũng
</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>