Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ HOME ] : UI #1

Draft
wants to merge 7 commits into
base: main
Choose a base branch
from
+615 −173
Draft

[ HOME ] : UI #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
3334732
feat: create ui home
tranthien2106 Sep 4, 2024
5522dfb
feat: change style
tranthien2106 Sep 4, 2024
c8d0421
Update index.html
huuthang9764 Sep 4, 2024
81e937d
Update styles.css
huuthang9764 Sep 4, 2024
9cdbb31
0509
huuthang9764 Sep 5, 2024
4816f89
2211-0509
huuthang9764 Sep 5, 2024
7bd1e7d
url
huuthang9764 Sep 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions application.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import "text.css";
@import "styles.css";


121 changes: 121 additions & 0 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tân Sinh Viên 2024</title>
<link rel="stylesheet" href="application.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
</head>
<body>
<header>
<div class="d-flex justify-content-between w-100 align-items-center">
<div class="logo">
<img
src="https://drive.google.com/thumbnail?id=1tn1AIacso2dnDpkUvPPGWRmhRik3udP7&sz=w1000"
alt="Logo"
/>
</div>
<nav class="d-flex align-items-center">
<ul>
<li><a href="#home" class="active">HOME</a></li>
<li><a href="#diem-danh">ĐIỂM DANH</a></li>
</ul>
</nav>
</div>
</header>

<main class="overflow-y-auto max-h-main-content container mt-header">
<div class="welcome-section text-center my-2">
<h1 class="display-4 fw-bold">CHÀO MỪNG BẠN ĐÃ</h1>
<h1 class="display-4 fw-bold">ĐẾN VỚI KHOA CÔNG NGHỆ THÔNG TIN</h1>
</div>


<div class="event-sections">
<section class="event-section mb-5 facebook-post-style">
<div class="info-section">
<div class="d-flex align-items-center">
<img src="https://drive.google.com/thumbnail?id=1pUul8HQDsMxT8zxzBuwJT-drAefKUSQ4" alt="Logo" class="me-3" style="width: 50px; height: 50px; min-width: 50px;">
<div class="d-flex flex-column justify-content-center">
<h2 class="mb-0 fs-5 fs-md-4">Đoàn - Hội khoa Công nghệ Thông tin - STU</h2>
<p class="mb-0 small">Yêu thích · 16 tháng 9 · <i class="bi bi-globe"></i></p>
</div>
</div>
</div>
<div class="event-image mt-3">
<img src="https://drive.google.com/thumbnail?id=1r_XgfLw-NEWV4bo1mjCSOgN3AWjruboV&sz=w4000" alt="Tân Sinh Viên 2024" class="img-fluid rounded">
</div>
</section>

<section class="event-section mb-5 facebook-post-style">
<div class="info-section">
<div class="d-flex align-items-center">
<img src="https://drive.google.com/thumbnail?id=1pUul8HQDsMxT8zxzBuwJT-drAefKUSQ4" alt="Logo" class="me-3" style="width: 50px; height: 50px; min-width: 50px;">
<div class="d-flex flex-column justify-content-center">
<h2 class="mb-0 fs-5 fs-md-4">Đoàn - Hội khoa Công nghệ Thông tin - STU</h2>
<p class="mb-0 small">Yêu thích · 16 tháng 9 · <i class="bi bi-globe"></i></p>
</div>
</div>
</div>
<div class="event-image mt-3">
<img src="https://drive.google.com/thumbnail?id=1r_XgfLw-NEWV4bo1mjCSOgN3AWjruboV&sz=w4000" alt="Tân Sinh Viên 2024" class="img-fluid rounded">
</div>
</section>

<section class="event-section mb-5 facebook-post-style">
<div class="info-section">
<div class="d-flex align-items-center">
<img src="https://drive.google.com/thumbnail?id=1pUul8HQDsMxT8zxzBuwJT-drAefKUSQ4" alt="Logo" class="me-3" style="width: 50px; height: 50px; min-width: 50px;">
<div class="d-flex flex-column justify-content-center">
<h2 class="mb-0 fs-5 fs-md-4">Đoàn - Hội khoa Công nghệ Thông tin - STU</h2>
<p class="mb-0 small">Yêu thích · 16 tháng 9 · <i class="bi bi-globe"></i></p>
</div>
</div>
</div>
<div class="event-image mt-3">
<img src="https://drive.google.com/thumbnail?id=1r_XgfLw-NEWV4bo1mjCSOgN3AWjruboV&sz=w4000" alt="Tân Sinh Viên 2024" class="img-fluid rounded">
</div>
</section>
</div>

</main>

<footer>
<div class="logos">
<img
src="https://drive.google.com/thumbnail?id=1EigTI4RvSjBHLhuIuBEyB3987p2j7rYm"
alt="Logo 1"
/>
<img
src="https://drive.google.com/thumbnail?id=1xcYUKNGzFPyhFiqPLTyEDfj1lLyh3xs0"
alt="Logo 2"
/>
<img
src="https://drive.google.com/thumbnail?id=1Ai6xqPyUdAY8bQM-7gQSyA8jBBpa24Lf"
alt="Logo 3"
/>
<img
src="https://drive.google.com/thumbnail?id=1pUul8HQDsMxT8zxzBuwJT-drAefKUSQ4"
alt="Logo 4"
/>
</div>
<div class="fw-bold">

ĐOÀN - HỘI KHOA CÔNG NGHỆ THÔNG TIN
</br>
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ SÀI GÒN
</div>
<div class="fs-10 mt-3">
©Khoa CNTT STU 2024
</div>
</footer>

<script src="script.js"></script>
</body>
</html>
Loading