Management Landing Page - Copy this Html, Tailwind Component to your project
<!DOCTYPE-html>-<html-lang="vi">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<title>Trang-chủ---Hệ-thống-Quản-lý-Đoàn-viên</title>-<link-href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap"-rel="stylesheet">-<style>-body,-html-{-margin:-0;-padding:-0;-font-family:-'Roboto',-sans-serif;-height:-100%;-}-.background-{-background-image:-url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/background-doan-thanh-nien-16-5spKWOC0OdGOyycJMzAXv0Hx83fKFy.jpg');-background-size:-cover;-background-position:-center;-background-attachment:-fixed;-height:-100%;-display:-flex;-flex-direction:-column;-}-.overlay-{-background-color:-rgba(0,-0,-50,-0.7);-height:-100%;-display:-flex;-flex-direction:-column;-}-header-{-background-color:-rgba(0,-0,-100,-0.5);-color:-white;-padding:-1rem;-}-nav-{-display:-flex;-justify-content:-space-between;-align-items:-center;-max-width:-1200px;-margin:-0-auto;-width:-100%;-}-.logo-{-font-size:-1.5rem;-font-weight:-bold;-display:-flex;-align-items:-center;-}-.logo-img-{-height:-40px;-margin-right:-10px;-}-.nav-links-a-{-color:-white;-text-decoration:-none;-margin-left:-1rem;-transition:-color-0.3s-ease;-}-.nav-links-a:hover-{-color:-#ff9900;-}-main-{-flex-grow:-1;-display:-flex;-flex-direction:-column;-justify-content:-center;-align-items:-center;-text-align:-center;-color:-white;-padding:-2rem;-}-h1-{-font-size:-3rem;-margin-bottom:-1rem;-text-shadow:-2px-2px-4px-rgba(0,0,0,0.5);-}-p-{-font-size:-1.2rem;-max-width:-600px;-margin-bottom:-2rem;-text-shadow:-1px-1px-2px-rgba(0,0,0,0.5);-}-.cta-button-{-background-color:-#ff9900;-color:-white;-padding:-0.8rem-1.5rem;-text-decoration:-none;-border-radius:-5px;-font-weight:-bold;-transition:-background-color-0.3s-ease;-}-.cta-button:hover-{-background-color:-#ffaa33;-}-footer-{-background-color:-rgba(0,-0,-100,-0.5);-color:-white;-text-align:-center;-padding:-1rem;-font-size:-0.9rem;-}-@media-(max-width:-768px)-{-h1-{-font-size:-2rem;-}-p-{-font-size:-1rem;-}-.nav-links-{-display:-none;-}-}-</style>-</head>-<body>-<div-class="background">-<div-class="overlay">-<header>-<nav>-<div-class="logo">-<img-src="https://cdn.haitrieu.com/wp-content/uploads/2021/11/Logo-Doan-Thanh-NIen-Cong-San-Ho-Chi-Minh-1.png"-alt="-Đoàn-Thanh-niên">-<span>Quản-lý-Đoàn-viên</span>-</div>-<div-class="nav-links">-<a-href=>Trang-chủ</a>-<a-href="doanvien">Đoàn-viên</a>-<a-href="hoatdong">Hoạt-động</a>-<a-href="thongke">Thống-kê</a>-<a-href="login">Đăng-nhập</a>-</div>-</nav>-</header>-<main>-<h1>Chào-mừng-đến-với-Hệ-thống-Quản-lý-Đoàn-viên</h1>-<p>Hệ-thống-quản-lý-hiện-đại,-giúp-tổ-chức-và-theo-dõi-hoạt-động-Đoàn-một-cách-hiệu-quả.-Cùng-xây-dựng-một-tổ-chức-Đoàn-vững-mạnh!</p>-</main>-<footer>-<p>©-2024-Hệ-thống-Quản-lý-Đoàn-viên.</p>-</footer>-</div>-</div>-</body>-</html>
