<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id='container'>
<div id='banner1'>
<div id="banner-img-container">
<img src='uploads/4-20250802200447.png'>
</div> <!--tag close của banner-img-container-->
<h3>Nickname: Robin</h3>
<p>I'm a teacher</p>
</div> <!--tag close của banner1-->
<div id='banner2'>
<div class="text-column">
<h3>Sở thích: Thể thao</h3>
<p>Thể thao giúp giảm căng thẳng và nâng cao sức khoẻ</p>
</div> <!--close text-column-->
<div class="img-column">
<img src='https://file.hstatic.net/200000333667/article/image.jpg_4b1e1c8ce20f4c32824f275f34ff30af_1024x1024.jpg'>
</div><!--close img-column-->
</div> <!--tag close của banner2-->
<div id='banner3'>
</div> <!--tag close của banner3-->
<div id='banner4'>
</div><!--tag close của banner4-->
</div><!--tag close của container-->
<script src="script.js"></script>
</body>
</html>
#container {
border:solid grey;
width:600px;
height:auto;
}
#banner1{
width:auto;
height:auto;
border:solid #73a7fa;
text-align:center;
}
#banner2 {
border:solid #bc6ed4;
width:auto;
height:auto;
}
#banner3 {
border:solid #996f03;
width:auto;
height:auto;
}
#banner4 {
border:solid #2931cc;
width:auto;
height:auto;
}
#banner-img-container{
width:80px;
height:80px;
margin-left:260px;
}
img{
width:80px;
height:80px;
}