By GokiSoft.com|
21:17 20/10/2023|
Học HTML5 - CSS3
Bài tập - Thiết kế web truyện tranh - Lập trình HTML/CSS/JS
Yêu cầu thiết kế website sau
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
![Vũ Ngọc Văn [community,C2010L]](https://www.gravatar.com/avatar/3bec4690245af20ea34f68305e3e24b1.jpg?s=80&d=mm&r=g){kind=avatar}
![Nguyễn Minh Hiếu [community,C2010L]](https://www.gravatar.com/avatar/cd93ed3dad5ea834fc22cba6a363c9d9.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn Minh Hiếu
2021-02-20 08:24:14
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="file.css">
<title>Web truyện</title>
</head>
<body>
<div class="taskbar">
<div class="top">
<img src="logo.png" alt="">
<input type="text" placeholder="Nhập tên truyện cần tìm">
<button><i class="fa fa-search"></i></button>
<ul>
<li><a href="#">Truyện tranh mới</a></li>
<li><a href="#"><strong>Truyện mới cập nhật</strong></a></li>
<li><a href="#">Truyện full</a></li>
</ul>
</div>
<div class="bottom">
<ul>
<li><a href="https://www.youtube.com/watch?v=6t-MjBazs3o"><i class="fa fa-home"></i></a></li>
<li><a href="file.html" class="list">Trang chủ</a></li>
<li><a href="#" class="list">Thể loại</a></li>
<li><a href="#" class="list">Quốc gia</a></li>
<li><a href="#" class="list">Sắp xếp</a></li>
<li><a href="#" class="list">Truyện Con Trai</a></li>
<li><a href="#" class="list">Truyện Con Gái</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="container-center">
<p class="new">
Truyện Tranh Mới
</p>
<div class="row">
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
</div>
<div class="row">
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
<div class="item">
<img src="1.jpg" alt="" style="width: 100%;">
<div class="top-notice">
<span class="time-ago">23 giờ trước</span>
</div>
<h3 class="title">
<a href="#">A Breakthrough Came Out by Forbidden Master and Disciple</a>
</h3>
<div class="chap">
<a href="#">Chap 354</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<h4>Copyright © 2020 GokiSoft - Kho Đọc Truyện Tranh Hay Nhất.</h4>
</div>
</body>
</html>*{
margin: 0;
padding: 0;
}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
width: 100%;
background-color: #ebebeb;;
}
.taskbar
{
width: 100%;
background-color: #fbfbfb;
}
.taskbar .top{
display: flex;
margin-left: 200px;
padding-top: 20px;
margin-bottom: 10px;
}
.taskbar .top input{
margin-left: 90px;
padding: 15px 20px;
width: 30%;
outline: none;
border: 1px solid #e0e0e0;
border-right: none;
border-radius: 25px 0 0 25px;
background-color: #f9f9f9;
}
.taskbar .top button{
width: 3.5%;
border: 1px solid #e0e0e0;
border-left: none;
border-radius: 0px 25px 25px 0;
outline: none;
background-color: #f9f9f9;
}
i.fa.fa-search{
font-size: 25px;
color: rgba(247, 164, 9, 0.952);
}
.taskbar .top ul{
list-style: none;
padding: 10px 80px;
}
.taskbar .top ul li{
display: inline-block;
margin-left: 20px;
}
.taskbar .top a{
text-decoration: none;
color: #4a4a4a;
}
.taskbar .top a:hover{
color: rgb(245, 169, 28);
}
.taskbar .bottom{
width: 100%;
height: 50px;
background-color: #2c7abe;
}
.taskbar .bottom ul{
list-style: none;
padding: 10px 10px;
margin-left: 205px;
}
.taskbar .bottom ul li{
display: inline-block;
}
i.fa.fa-home{
font-size: 35px;
vertical-align: middle;
}
.taskbar .bottom ul li .list{
font-size: 16px;
padding: 10px 15px;
}
.taskbar .bottom a{
text-decoration: none;
color: #fff;
}
.content{
width: 100%;
display: block;
margin-bottom: 50px;
}
.container-center .new{
border-left: 7px solid #56ccf2;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 10px;
}
.container-center {
width: 60%;
margin: 0px auto;
display: block;
}
.row {
width: 100%;
display: flex;
}
.row .item {
position: relative;
width: 16.67%;
float: left;
padding: 8px;
text-align: center;
}
.row .top-notice{
position: absolute;
top: 15px;
left: 15px;
}
.top-notice .time-ago{
border-radius: 5px;
background-color: #56ccf2;
margin-right: 5px;
color: #fff;
font-weight: 700;
}
.row .item h3{
font-size: 13px;
}
.row .item a{
text-decoration: none;
color: #4A4A4B;
}
.row .item a:hover{
color: #f18121;
}
.footer{
width: 100%;
background-color: #2c7abe;
text-align: center;
}![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-01-29 02:09:58
#logo.png
https://res.cloudinary.com/wegoup/image/upload/v1611886189/hysxajoufobhrxfp9qe5.png#style.css
body {
padding: 0px;
margin: 0px;
}
.container {
width: 100%;
display: block;
}
.header {
width: 100%;
display: block;
}
.header .navbar {
width: 100%;
display: flex;
padding-top: 10px;
padding-bottom: 10px;
}
.header .navbar input {
margin-left: 35px;
height: 40px;
width: 300px;
border-radius: 20px;
border: none;
outline: none;
float: left;
}
.header .navbar ul,.header .menu ul {
display: flex;
list-style-type: none;
float: right;
/*margin: 0px;*/
margin-left: 50px;
padding: 0px;
}
.header .navbar ul li,.header .menu ul li {
float: left;
margin-left: 10px;
font-weight: bold;
cursor: pointer;
}
.header .menu {
width: 100%;
display: flex;
background-color: #2c7abe;
}
.header .menu ul {
margin: 0px !important;
}
.header .menu ul li {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 8px;
padding-right: 8px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px !important;
margin-right: 10px;
color: white;
font-weight: normal !important;
cursor: pointer;
}
.header .menu ul li:hover {
background-color: #fd7e14;
}
.content {
width: 100%;
display: block;
}
.footer {
width: 100%;
display: block;
border-top: solid #f1eded 1px;
}
.container-center {
width: 60%;
margin: 0px auto;
display: flex;
}
.title {
font-size: 30px;
color: red;
}
.row {
width: 100%;
display: flex;
}
.row .item {
width: 16.67%;
float: left;
padding: 8px;
text-align: center;
}#vidu.html
<!DOCTYPE html>
<html>
<head>
<title>Web do truyen manga - Page</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<div class="header">
<div class="navbar">
<div class="container-center">
<img src="photos/logo.png" style="height: 50px; float: left;">
<input type="text" name="s" placeholder="Enter searching ...">
<ul>
<li>Truyen Tranh Moi</li>
<li>Truyen moi cap nhat</li>
<li>Truyen full</li>
</ul>
</div>
</div>
<div class="menu">
<div class="container-center">
<ul>
<li>Trang Chu</li>
<li>The Loai</li>
<li>Quoc Gia</li>
<li>Sap Xep</li>
<li>Truyen Con Trai</li>
<li>Truyen Con Gai</li>
</ul>
</div>
</div>
</div>
<div class="content">
<div class="container-center" style="display: block;">
<p class="title">
Truyen Moi Cap Nhat
</p>
<div class="row">
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
</div>
<div class="row">
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
</div>
<div class="row">
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
</div>
<div class="row">
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
</div>
<div class="row">
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
<div class="item">
<img src="https://khotruyen.net/images/con-trai-toi-la-than-tuong-hang-dau.jpg" style="width: 100%;">
<p>Title 1</p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container-center">
<h4>Copyright © 2020 GokiSoft - Kho Đọc Truyện Tranh Hay Nhất.</h4>
</div>
</div>
</div>
</body>
</html>![Phan Anh Tuấn [community,C2010G]](https://www.gravatar.com/avatar/d0ed53f8c1dff576fffd7f10f6a73c33.jpg?s=80&d=mm&r=g){kind=avatar}
Phan Anh Tuấn
2021-01-28 14:59:16
#truyentranh.html
<!DOCTYPE html>
<html>
<head>
<title>Truyện tranh nhật bổn </title>
<meta charset="utf-8">
<style type="text/css">
body
{
margin: 0px !important;
padding: 0px !important;
font-family: arial;
background-color: #ebebeb;
}
.head {
display: flex;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
height: 60px;
background-color: white;
}
.head1{
width: 80%;
margin:0px auto;
display: flex;
}
.nhap{
width: 400px;
height: 35px;
border: solid 1px gray;
border-radius: 50px;
margin-left: 70px;
background-color: white;
display: flex;
}
.nhap1 input{
margin-left: 20px;
height: 25px;
width: 350px;
margin-top: 3px;
border: none;
outline: none;
background-color: white;
padding-top: 3px;
}
.text{
margin-left: 50px;
margin-top: 10px;
}
.text a{
text-decoration: none;
}
.content{
width: 100%;
background-color: blue;
height: 40px;
margin-top: 3px;
display: flex;
}
.content1{
margin-left: 120px;
padding-top: 10px;
}
.main
{
width: 100%;
margin: 0px auto;
padding-top: 3px;
}
.row{
width: 90%;
margin: 0px auto;
display: flex;
}
.mang{
width: 16%;
margin: 10px;
}
.mang a {
text-decoration: none;
color: black;
text-align: center;
}
.mang img {
height: 250px;
}
.end{
width: 100%;
padding: 5px;
background-color: white;
display: flex;
}
.end1{
margin-left: 10px;
}
.end2{
float: right;
}
</style>
</head>
<body>
<form method="post">
<div>
<div class="head">
<div class="head1">
<div>
<a href="truyentranh.html" ><img src="https://khotruyen.net/images/logo.png"></a>
</div>
<div class="nhap">
<div class="nhap1">
<input type="search" name="nhap" placeholder="Nhập tên truyện cần tìm">
</div>
</div>
<div class="text">
<a href="truyentranh.html">Truyện tranh mới</a>
<a href="truyentranh.html"><strong>Truyện tranh mới cập nhật</strong></a>
</div>
</div>
</div>
<div class="content">
<div class="content1">
<a href="truyentranh.html" style="border: none;outline: none;background-color: blue;color: white; text-decoration: none;">Trang chủ</a>
<a href="truyentranh.html" style="border: none;outline: none;background-color: blue;color: white; text-decoration: none; margin-left: 20px;">Thể loại</a>
<a href="truyentranh.html" style="border: none;outline: none;background-color: blue;color: white; text-decoration: none; margin-left: 20px;">Quốc gia</a>
<a href="truyentranh.html" style="border: none;outline: none;background-color: blue;color: white; text-decoration: none; margin-left: 20px;">Sắp xếp</a>
<a href="truyentranh.html" style="border: none;outline: none;background-color: blue;color: white; text-decoration: none; margin-left: 20px;">Truyện con trai</a>
<a href="truyentranh.html" style="border: none;outline: none;background-color: blue;color: white; text-decoration: none; margin-left: 20px;">Truyện con gái</a>
</div><br>
</div>
<div class="main">
<div>
<h2>
<a href="truyentranh.html" style="color: red;text-decoration: none;">Truyện mới cập nhật</a>
</h2>
</div>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dich-vu-thue-ban-gai.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dang-nhap-murim.jpg" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dua-mami-ve-nha.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/thieu-soai-vo-ngai-lai-bo-tron.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dich-vu-thue-ban-gai.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dich-vu-thue-ban-gai.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div style="text-align: center;">
<a href=""><button style="background-color: orange;height:30px;color: white ">Xem thêm truyện mới cập nhật</button></a>
</div>
<div>
<h2>
<a href="truyentranh.html" style="color: blue;text-decoration: none;">Truyện yêu thích</a>
</h2>
</div>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dich-vu-thue-ban-gai.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/vo-luyen-dinh-phong.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/khong-tuoc-minh-vuong.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dich-vu-thue-ban-gai.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
<div class="row">
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/dich-vu-thue-ban-gai.jpg" height="250px;" ></a><br/>
<center>
<a href="">Bạn gái thuê</a><br/>
<a href="">Chapter 172</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/iron-ladies.jpg" height="250px";></a>
<center>
<a href="">Iron Ladies</a><br/>
<a href="">Chapter 187</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/phuong-hoang-thac-chuyen-sung-khi-the.jpg"></a>
<center>
<a href="">Phượng Hoàng Thác</a><br/>
<a href="">Chap 151</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/nhat-dang-gia-dinh.jpg"></a>
<center>
<a href="">Nhất Đẳng gia đình</a><br/>
<a href="">Chap 179</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/tien-vo-de-ton.jpg"></a>
<center>
<a href="">Tiên Võ Đế Tôn</a><br/>
<a href="">Chap 131</a>
</center>
</div>
<div class="mang">
<a href=""><img src="https://khotruyen.net/images/citrus-plus.jpg"></a>
<center>
<a href="">Citrus Plus</a><br/>
<a href="">Chap 17</a>
</center>
</div>
</div ><br>
</div>
<div class="end">
<div class="end1">
Copyright © 2019 KhoTruyen - Kho Truyện Tranh Hay Nhất.
</div>
<div class="end2">
<a href="">Xuyên không</a>
<a href="">Chuyển sinh</a>
<a href="">Ngôn tình</a>
<a href="">Đam mỹ</a>
<a href="">Manhwa</a>
<a href="">Manhua</a>
</div>
</div>
</div>
</form>
</body>
</html>![Nguyễn Tiến Đạt [T2008A]](https://www.gravatar.com/avatar/b5819cd0adc95c727c7ad0c2bcf6098b.jpg?s=80&d=mm&r=g){kind=avatar}
Nguyễn Tiến Đạt
2020-12-21 08:55:30
body{
margin: 0;
padding: 0;
background-color: rgb(236, 231, 231) !important;
}
.nav-link{
color: white !important;
font-family: sans-serif;
}
.nav-link:hover{
color: orange !important;
}
.header-list{
margin-left: 172px;
}
.nav-item{
padding-right: 31px;
}
.dropdown-item{
white-space: inherit !important;
color: black !important;
}
.dropdown-item:hover{
color: orange !important;
background-color:white !important;
}
.container{
background-color: white !important;
}Nguyễn Tiến Đạt
2020-12-21 08:55:11
<!doctype html>
<html lang="en">
<head>
<title>Vietnam Bridge</title>
<link rel = "icon" href ="https://st2.depositphotos.com/8301258/11962/v/950/depositphotos_119623876-stock-illustration-bridge-vector-logo-icon.jpg?fbclid=IwAR2oxfc3xx3PjtAkJVVbuikAroU4Bhdpc_xeQkq_Cr5oqv_JxpI6Tszhtd0" type = "image/x-icon">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="main.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<!-- Start Header -->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" style="height: 91px; font-size: 28px;">
<a class="navbar-brand" href="main.html" style="margin-left: 140px;"><img style="width: 74px;height: auto;" src="https://st2.depositphotos.com/8301258/11962/v/950/depositphotos_119623876-stock-illustration-bridge-vector-logo-icon.jpg?fbclid=IwAR2oxfc3xx3PjtAkJVVbuikAroU4Bhdpc_xeQkq_Cr5oqv_JxpI6Tszhtd0" alt=""></a>
<button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#collapsibleNavId" aria-controls="collapsibleNavId"
aria-expanded="false" aria-label="Toggle navigation"></button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0" style="color: white !important;">
<li class="nav-item header-list" style="color: white !important;">
<a class="nav-link" href="main.html">Trang chủ</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nổi bật</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="#">Top các cây cầu dài nhất</a>
<a class="dropdown-item" href="#">Top các cây cầu ngói cổ đẹp nhất</a>
<a class="dropdown-item" href="#">Top các cây cầu thu hút khách nhất</a>
<a class="dropdown-item" href="#">Top các cây cầu độc lạ nhất</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Liên hệ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Thư đóng góp</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Tìm kiếm">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<!-- End Header -->
<!-- Start Main -->
<div class="container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="https://banahills.sunworld.vn/wp-content/uploads/2020/05/image9-2.png?fbclid=IwAR3kfc_5PDc0jHPix1qfuwYXt4QcGc1QbNAQTJLvUzZ1fkTADG0ENpH_2pA" alt="Cầu Đà Nẵng">
</div>
<div class="carousel-item">
<img class="d-block w-100" style="width: 1100px;height: 623px;" src="https://media.tintuc.vn/uploads/medias/2015/02/03/nhung-cay-cau-doc-dao-ky-3-7-cay-cau-dep-nhat-viet-nam-bb-baaabWA24x.jpg" alt="Cầu Rồng">
</div>
<div class="carousel-item">
<img class="d-block w-100" style="width: 1100px;height: 623px;" src="https://lh3.googleusercontent.com/proxy/VffjUv0Cta0TOPSki9jKOpahX9uDsoDuUOS_2Oq0jOO6eA7w6CpN3kY6ZCnQ7GInHYK_t96uDaKNiWMjRNBnkJdqSJDeKQIdtoX_I5r5t6ApH5iHpcj_x_H07UuRH6zkuEG7sQlwnhofFHsVN_DVrIaOjbTW5w" alt="Beautiful Bridge">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- End Main -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>![Nguyễn Hải Đăng [community,C2009I]](https://www.gravatar.com/avatar/8ea49f7d50e84016c91b9c881b3f92ac.jpg?s=80&d=mm&r=g){kind=avatar}
![Lê Sĩ Tuyển [community,C2009I]](https://www.gravatar.com/avatar/22f5881f5e83b4dfb378a4c0ca7d67cd.jpg?s=80&d=mm&r=g){kind=avatar}
Lê Sĩ Tuyển
2020-12-15 06:47:36
Web đọc truyện tranh manga ngôn tình,tiên hiệp,kiếm hiệp| kho truyện. (tuyen6tuoi.herokuapp.com)
![nguyen hoang viet [community,C2009I]](https://www.gravatar.com/avatar/d2766fccea69cebc93358554d1a18e65.jpg?s=80&d=mm&r=g){kind=avatar}
