By GokiSoft.com|
09:41 01/03/2021|
Học Bootstrap
Bài tập - Thiết kế trang web báo dân trí
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
![TRẦN VĂN ĐIỆP [Teacher]](https://www.gravatar.com/avatar/fc6ba9324e017d540af3613b3a77dd21.jpg?s=80&d=mm&r=g){kind=avatar}
TRẦN VĂN ĐIỆP
2021-03-03 02:30:14
#vidu.html
<!DOCTYPE html>
<html>
<head>
<title>Bao Dan Tri</title>
<meta charset="utf-8">
<link href="https://dantri.com.vn/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css">
</head>
<body>
<!-- Header start -->
<!-- Logo -->
<div class="container">
<div class="row" style="margin-top: 5px; margin-bottom: 5px;">
<div class="col-md-2">
<img src="https://cdnweb.dantri.com.vn/bundle/static/assets/logotetam-04.svg?v=0302114453" style="width: 100%">
</div>
<div class="col-md-7">
<nav class="navbar navbar-expand-sm bg-info navbar-light text-light" style="padding: 0px; background-color: transparent !important; margin-top: 10px;">
<ul class="navbar-nav" style="background-color: #1a7900 !important; border: solid #1a7900 1px; border-radius: 15px;">
<li class="nav-item active">
<a class="nav-link text-light" href="#" style="font-size: 13px; white-space: nowrap;">Thong Ke COVID-19 The Gioi</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-size: 13px; white-space: nowrap; background-color: #d7fae0;">So Ca Nhiem: 115.033.234</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-size: 13px; white-space: nowrap; background-color: #d7fae0;">Tu Vong: 2.599.323</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-size: 13px; white-space: nowrap; background-color: #d7fae0; border-top-right-radius: 15px;border-bottom-right-radius: 15px;">Binh Phuc: 91.093.232</a>
</li>
</ul>
</nav>
</div>
<div class="col-md-3">
<div class="input-group mb-3" style="margin-top: 7px;">
<input type="text" class="form-control" placeholder="Tìm kiếm tin tức ...">
<div class="input-group-append">
<span class="input-group-text"><i class="bi bi-search"></i></span>
</div>
</div>
</div>
</div>
</div>
<!-- Menu -->
<!-- Grey with black text -->
<nav class="navbar navbar-expand-sm bg-info navbar-light text-light" style="background-color: #1a7900 !important; padding-top: 0px; padding-bottom: 0px;">
<div class="container">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link text-light" href="#"><i class="bi bi-house-fill"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Video</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Su Kien</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Xa Hoi</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">The Gioi</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">The Thao</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Viec Lam</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Suc Khoe</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Nhan Ai</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#"><i class="bi bi-justify"></i></a>
</li>
</ul>
</div>
</nav>
<!-- Header end -->
<div class="container" style="margin-top: 10px;">
<div class="row">
<div class="col-md-9">
<!-- Section 1 -->
<div class="row">
<div class="col-md-7">
<img src="https://icdn.dantri.com.vn/zoom/996_664/2020/09/21/laymauxetnghiem-141596862548511-1600643450547.jpg" style="width: 100%">
<h3>Việt Nam thêm 3 ca Covid-19, số ca mắc trên toàn cầu tăng trở lại</h3>
<p>(Dân trí) - Sáng 3/3, Bộ Y tế thông tin, 3 ca mắc mới Covid-19 gồm một chuyên gia Trung Quốc cách ly sau nhập cảnh tại Bình Dương và 2 người Việt từ nước ngoài nhập cảnh vào Hà Tiên, Kiên Giang.</p>
<ul>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
</ul>
</div>
<div class="col-md-5">
<h3>TIN TUC SU KIEN</h3>
<ul>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
<li><a href="#">Thay đổi lãnh đạo Chính phủ, Bộ ngành không tái cử Trung ương khóa XIII</a></li>
</ul>
</div>
</div>
<!-- Section 2 -->
<div class="row">
<div class="col-md-4">
<img src="https://icdn.dantri.com.vn/zoom/480_320/2021/02/27/myanmar-1614401833570.jpeg" style="width: 100%">
<p>Cuộc tranh giành ghế đại sứ Myanmar tại Liên Hợp Quốc</p>
</div>
<div class="col-md-4">
<img src="https://icdn.dantri.com.vn/zoom/480_320/2021/02/27/myanmar-1614401833570.jpeg" style="width: 100%">
<p>Cuộc tranh giành ghế đại sứ Myanmar tại Liên Hợp Quốc</p>
</div>
<div class="col-md-4">
<img src="https://icdn.dantri.com.vn/zoom/480_320/2021/02/27/myanmar-1614401833570.jpeg" style="width: 100%">
<p>Cuộc tranh giành ghế đại sứ Myanmar tại Liên Hợp Quốc</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<img src="https://icdn.dantri.com.vn/zoom/480_320/2021/02/27/myanmar-1614401833570.jpeg" style="width: 100%">
<p>Cuộc tranh giành ghế đại sứ Myanmar tại Liên Hợp Quốc</p>
</div>
<div class="col-md-4">
<img src="https://icdn.dantri.com.vn/zoom/480_320/2021/02/27/myanmar-1614401833570.jpeg" style="width: 100%">
<p>Cuộc tranh giành ghế đại sứ Myanmar tại Liên Hợp Quốc</p>
</div>
<div class="col-md-4">
<img src="https://icdn.dantri.com.vn/zoom/480_320/2021/02/27/myanmar-1614401833570.jpeg" style="width: 100%">
<p>Cuộc tranh giành ghế đại sứ Myanmar tại Liên Hợp Quốc</p>
</div>
</div>
</div>
<div class="col-md-3">
<img src="https://i.pinimg.com/originals/a7/00/8d/a7008df2fc60ece24a4bae57da754fcf.jpg" style="width: 100%">
<img src="https://i.pinimg.com/originals/a7/00/8d/a7008df2fc60ece24a4bae57da754fcf.jpg" style="width: 100%">
<img src="https://i.pinimg.com/originals/a7/00/8d/a7008df2fc60ece24a4bae57da754fcf.jpg" style="width: 100%">
</div>
</div>
</div>
</body>
</html>