-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWS4.html
102 lines (89 loc) · 4.37 KB
/
WS4.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/dinhhuong-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>Định hướng ngành nghề: “Tương lai - Bạn là ai?"</h1>
<p><b>Thời gian diễn ra:</b> 7:00 Thứ Bảy, 25/03/2023 <br>
<b>Địa điểm:</b> Hội trường A.204 Cơ sở A - 59C Nguyễn Đình Chiểu, Trường Đại học Kinh tế TP. Hồ Chí Minh <br>
<b>Số lượng người tham dự:</b> 100 người<br>
<b>Giá:</b> Miễn phí
</p>
<h3>Mô tả chi tiết</h3>
<p><b> - Thông tin WS:</b> Tiếp nối thành công của tọa đàm “Tâm lý học đường: Câu chuyện của tôi”, tối thứ 7 ngày 18/03/2023, buổi workshop chủ đề hướng nghiệp “Tương lai - Bạn là ai?” nhận được sự hưởng ứng tích cực của các bạn học sinh và sự ủng hộ nhiệt tình từ các bậc phụ huynh. Đây là buổi workshop thứ hai nằm trong chuỗi tọa đàm “TRAIL-BLAZING” (Mở đường dẫn lối), là một trong những hoạt động do Khoa Kinh doanh quốc tế - Marketing UEH tổ chức để Chào mừng ngày Thành lập Đoàn 26/3, nhằm giải đáp thắc mắc của các bạn sinh viên về đa dạng ngành nghề, từ đó giúp các bạn đưa ra lựa chọn đúng đắn về nghề nghiệp mình muốn theo đuổi trong tương lai.
<br><b>- Thông tin diễn giả:</b>Tiến sĩ Trần Tam Anh – Diễn giả và là Giảng viên Khoa Du lịch Đại học Kinh tế TP. Hồ Chí Minh
</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>