TIN TỨC ONLINE
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="../jquery-3.6.0.js"></script>
<style>
#container{ margin:auto; width:800px;}
#header { background-color:#06B5F4; width:100%; height:100px; margin:auto;font-size:larger;}
#menu { background-color: #080255; width:100%; height:30px; margin:auto; font-size:larger;}
#menu1 { float:left; color:#F0E4E4; margin:auto;}
#menu2 {float:right; color:#F7DF03; margin-right:10px;}
#menu3 {float:right; color:#F7DF03; margin-right:10px;}
#menu4 {float:right; color:#F7DF03; margin-right:10px;}
#menu5 {float:right; color:#F7DF03; margin-right:10px;}
#main{ background-color:#3F3F32; width:100%; min-height:500px; margin:auto;}
#footer{ background-color: #0317F7; width:100%; height:90px; margin:auto;}
#main_left{ background-color: #F4EB08; width: 80%; min-height:500px; float:left; margin:auto;}
#main_right{ background-color:#10043B; width:20%; min-height:500px; float:right; margin:auto;}
#main_left_tren{ background-color: #19F907; width:100%; min-height:200px; margin:auto;}
#main_left_duoi{background-color:#F4060A; width:100%; min-height:300px;}
#main_left_tren_trai{background-color: #1C3E04; width:30%; min-height:200px; float:left; margin:auto;}
#main_left_tren_phai{background-color:#EB00BE; width:70%; min-height:200px; float:right; margin:auto;}
#main_left_tren_phai_1{ background-color:#0AF10F; width:100%; min-height:150px; margin:auto;}
#main_left_tren_phai_2{ background-color: #F3C504; width:100%; min-height:50px; margin:auto;}
#main_left_duoi_trai{ background-color: #860085; width:60%; min-height:300px; float:left; margin:auto;}
#main_left_duoi_phai{ background-color: #02F4E9; width:40%; min-height:300px; float:right; margin:auto;}
#main_left_duoi_trai_tren{ background-color: #F91BEA; width:100%; height:100px; margin:auto;}
#main_left_duoi_trai_duoi{ background-color:#341663; width:100%; height:200px; margin:auto;}
#main_left_duoi_trai_duoi_1{ background-color:#1BF909; width: 40%; height:200px; float:left; margin:auto;}
#main_left_duoi_trai_duoi_2{ background-color:#F00D11; width:60%; height:200px; float:right; margin:auto;}
</style>
</head>
<body>
<div id="container">
<div id="header">TIN TỨC ONLINE</div>
<div id="menu">
<div id="menu1" align="left">Hiển thị ngày 24/11/2021</div>
<div id="menu2" align="right">Diễn đàn</div>
<div id="menu3" align="right">Liên hệ</div>
<div id="menu4" align="right">Giới thiệu</div>
<div id="menu5" align="right">Trang chủ</div>
</div>
<div id="main">
<div id="main_left">
<div id="main_left_tren">
<div id="main_left_tren_trai"></div>
<div id="main_left_tren_phai">
<div id="main_left_tren_phai_1"></div>
<div id="main_left_tren_phai_2"></div>
</div>
</div>
<div id="main_left_duoi">
<div id="main_left_duoi_trai">
<div id="main_left_duoi_trai_tren"></div>
<div id="main_left_duoi_trai_duoi">
<div id="main_left_duoi_trai_duoi_1"></div>
<div id="main_left_duoi_trai_duoi_2"></div>
</div>
</div>
<div id="main_left_duoi_phai"></div>
</div>
</div>
<div id="main_right"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
0 comments:
Post a Comment