-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
135 lines (124 loc) · 5.91 KB
/
about.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
134
135
<!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>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<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=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/about.css">
</head>
<body>
<div class="header">
<div class="header-box">
<div class="nav">
<button class="back-main"><i class="fas fa-chevron-left"></i></button>
<div class="nav-text">Quiz Editor</div>
</div>
</div>
</div>
<section class="about">
<div class="row">
<div class="col150">
<h2 class="titleText"><span>A</span>bout Us</h2>
<p> Chào mừng đến với Quizz, sau khi thống nhất được ý tưởng, các thành viên trong nhóm đã quyết định
làm ra một website học tập. Trong web sẽ có những câu hỏi giúp các bạn mới vào nghề hoặc làm lâu năm
học tập và ôn lại kiến thức. <br><br>Mong muốn của chúng mình là tạo ra một môi trường giúp các bạn
lập trình viên trao đổi kiến thức, phát triển kĩ năng, tư duy; từ đó hướng đến trở thành những lập
trình chuyên nghiệp. Cảm ơn mọi người đã ủng hộ!</p>
<a href="#hero"><button>Developers <i class="fas fa-arrow-left"></i></button></a>
</div>
<div class="col150">
<div class="imgBx">
<img src="https://agilearn.vn/wp-content/uploads/2021/01/20944999-Converted-01.png" alt="">
</div>
</div>
</div>
</section>
<div class="hero" id="hero">
<h1>Developers</h1>
<div class="container">
<div class="indicator">
<span class="btn active"></span>
<span class="btn"></span>
<span class="btn"></span>
</div>
<div class="testimonial">
<div class="slide-row" id="slide">
<!-- profile1 -->
<div class="slide-col">
<div class="user-text">
<p>Xin chào, mình là Nguyễn Hữu Cường, một trong số những người làm ra webside này. Phần
giao diện do mình quản lý, mong các bạn thích nó ^^ </p>
<h3>Cuong</h3>
<p>HTML/CSS</p>
</div>
<div class="user-img">
<img src="./imgProfile/83325440_843033122787001_1137266589331095552_n.jpg" alt="">
</div>
</div>
<!-- profile2 -->
<div class="slide-col">
<div class="user-text">
<p>Chào các bạn, mình là Nam. Sau khi học được một số khóa học của mindX, mình và các cộng
sự đã bắt tay vào làm web, và mình phụ trách phần chức năng cho web </p>
<h3>Nam</h3>
<p>HTML/CSS/JS</p>
</div>
<div class="user-img">
<img src="./imgProfile/nam.jpg" alt="">
</div>
</div>
<!-- profile3 -->
<div class="slide-col">
<div class="user-text">
<p>Còn mình là Hùng, mình quản lý dữ liệu cho web và thực hiện các chức năng giúp theo tác
của web thân thiện với người dùng hơn</p>
<h3>Hung</h3>
<p>HTML/CSS/JS</p>
</div>
<div class="user-img">
<img src="./imgProfile/hung2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var btn = document.getElementsByClassName("btn")
var slide = document.getElementById("slide")
btn[0].onclick = function () {
slide.style.transform = "translateX(0px)";
for (i = 0; i < 3; i++) {
btn[i].classList.remove("active")
}
this.classList.add("active")
}
btn[1].onclick = function () {
slide.style.transform = "translateX(-800px)";
for (i = 0; i < 3; i++) {
btn[i].classList.remove("active")
}
this.classList.add("active")
}
btn[2].onclick = function () {
slide.style.transform = "translateX(-1600px)";
for (i = 0; i < 3; i++) {
btn[i].classList.remove("active")
}
this.classList.add("active")
}
</script>
<script src="./js/backmain.js"></script>
</body>
</html>