By GokiSoft.com| 20:28 01/03/2022|
Học HTML5 - CSS3

Tạo website giời thiệu công ty - Lập trình HTML/CSS/JS

Tạo website giời thiệu công ty - Lập trình HTML/CSS/JS


Tags:

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Do Trung Duc [T2008A]
Do Trung Duc

2020-10-27 04:37:01



<!DOCTYPE html>
<html>
<head>
	<title>Cong ty cung ung vat tu ABC</title>
	<meta charset="utf-8">
	<style type="text/css">
 body{
	margin: 0px;
}

		.total{
			width: 100%;
		}

		.header{
			width: 100%;
			background-color: #008000;
		}

		.header_top{
			width: 100%;
			display: flex;
		}

		.header_middle{
			width: 100%;
			display: flex;
			border-top: solid 1px grey;
			border-bottom: solid 1px grey;
		}

		.header_middle ul{
			display: flex;
			list-style-type: none;
			text-decoration: none;
		}

		.header_middle ul li {
			margin-left: 10px;
			text-decoration: none;


		}

		.header_middle ul li a{
			color: white;
			text-decoration: none;
			font-weight: bold;

		}

		.header_bottom{
			width: 100%;
			background-color: white;
		}
        .header_bottom ul{
        	margin: 0px;
			display: flex;
			list-style-type: none;
			padding: 0px;
		}

		 .header_bottom ul li{
			margin-left: 20px;
			width: 23%;
			height: 45px;
			text-align: left;
		}

		.header_bottom ul li a{
			 color: white;
			 font-weight: bold;
			 text-decoration: none;
		}

		.header_bottom ul li div{
			 margin-top: 5px;
			 font-size: 15px;
			 margin-left: 80px;
		}

		.main{
			margin: 0 auto;
			width: 97%;
			margin-top: 20px;
			border-top: thin solid grey;
			border-left:  thin solid grey;
			border-right: thin solid grey;
		}

	</style>
</head>
<body>
<div class="total">
	<div class="header">
		<div class="header_top">
			<img style="background-color: #008000" height="7%" width="7%" src="logo.png">

			<div style="margin-top: 15px;color: white; font-weight: bold; width: 80%; font-size: 25px;">CÔNG TY TNHH CUNG ỨNG VẬT TƯ LSE</div>

			<div style="color: white; font-weight: bold; font-size: 16px; margin-top: 15px; text-align: center; border: 1px solid #80ff80; border-radius: 5px; height: 40px; width: 10%"><div style="margin-top: 12px">TẢI BÁO GIÁ</div></div>
		</div>

		<div class="header_middle">
			<ul>
				<li><a href="">TRANG CHỦ</a></li>
				<li ><a href="">GIỚI THIỆU</a></li>
				<li><a href="">SẢN PHẨM</a></li>
				<li><a href="">DỰ ÁN</a></li>
				<li><a href="">DỊCH VỤ </a></li>
				<li><a href="">TIN TỨC</a></li>
			</ul>

		<div style="margin-left: 46%;margin-top: 1%; color: white; font-weight: bold;">LIÊN HỆ</div>

		</div>

		<div class="header_bottom">
			<div>
				<img width="100%" height="300px" src="banner1.jpg">
			</div>

		<div style="margin-top: 15px">
		   		<ul>
				<li style="background-color: #00e6e6"><div><a href="">PHỤC VỤ TẬN NƠI</br>Tại các dự án</a></div></li>
				<li style="background-color: #ff4d4d"><div><a href="">HOÀN TRẢ HÀNG </br> Nếu không đúng tiêu chuẩn</a></div></li>
				<li style="background-color: #4dff4d"><div><a href="">HỖ TRỢ 24/7</br> Gọi: 9999.3355</a></div></li>
				<li style="background-color: #ff8533"><div><a href="">CHIẾT KHẤU CAO</br>Và nhiều chính sách ưu đãi</a></div></li>
				</ul>
		</div>
		</div>

</div>


		<div class="main">
			<div style="display: flex; width: 99%; border-bottom: thin solid grey; margin: 0 auto">
				<div style="width: 10%; border-right: solid 1px grey; font-weight: bold; margin-right: thin solid grey; margin: 5px;">THIẾT BỊ ĐIỆN</div>
				<div style="width: 9%; border-right: solid 1px grey; margin: 5px;">Ổ cắm, công tắc</div>
				<div style="width: 11%; border-right: solid 1px grey; margin: 5px;">Hệ thống chiếu sáng</div>
				<div style="width: 9%; border-right: solid 1px grey;margin: 5px; ">Cầu dao tự động</div>
				<div style="width: 9%; border-right: solid 1px grey; margin: 5px;">Dây và cáp điện</div>
				<div style="width: 14%; border-right: solid 1px grey; margin: 5px; ">Hệ thống tủ phân phối điện</div>
			</div>

			<div style="display: flex; width: 99%; margin: 0 auto; padding-top: 30px;">
				<div style="width: 25%; text-align: center;">
					<div><img width="90%" src="dentrangtri.jpg"></div>
					<div style="line-height: 5px;">
						<p>Đèn trang trí</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>

				<div style="width: 25%; text-align: center;">
					<div><img width="90%" src="congtac.jpg"></div>
					<div style="line-height: 5px;">
						<p>Công tắc phím lớn</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>	
							
				<div style="width: 25%; text-align: center; ">
					<div><img width="90%" src="ocam.jpg"></div>
					<div style="line-height: 5px;">
						<p>Ổ cắm và phụ kiến nối</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>	

				<div style="width: 25%; text-align: center;">
					<div><img width="90%" src="chuong.png"></div>
					<div style="line-height: 5px;">
						<p>Chuông</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>							
			</div>


<div style="display: flex; width: 99%; border-bottom: thin solid grey; border-top: thin solid grey;  margin: 0 auto; margin-top: 20px;">
				<div style="width: 15%; border-right: solid 1px grey; font-weight: bold; margin-right: thin solid grey; margin: 5px">THIẾT CÔNG NGHIỆP</div>
				<div style="width: 9%; border-right: solid 1px grey; margin: 5px;">Ổ cắm,phích cắm</div>
				<div style="width: 9%; border-right: solid 1px grey;margin: 5px; ">Cầu dao tự động</div>
			</div>

			<div style="display: flex; width: 99%; margin: 0 auto; padding-top: 30px;">
				<div style="width: 25%; text-align: center;">
					<div><img width="90%" src="caudao1.jpg"></div>
					<div style="line-height: 5px;">
						<p>Cầu dao chống giật</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>

				<div style="width: 25%; text-align: center;">
					<div><img width="90%" src="caudao3.webp"></div>
					<div style="line-height: 5px;">
						<p>Cầu dao tự ngắt</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>	
							
				<div style="width: 25%; text-align: center; ">
					<div><img width="90%" src="caudao3.jpg"></div>
					<div style="line-height: 5px;">
						<p>Cầu dao 3 pha</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>	

				<div style="width: 25%; text-align: center;">
					<div><img width="90%" src="caudao4.jpg"></div>
					<div style="line-height: 5px;">
						<p>Cầu dao 2 pha</p>
						<p style="color: orange; font-weight: bold;">10,000 VND</p>
						<div><button>Xem chi tiết</button></div>
					</div>
				</div>							
			</div>

			
		</div>

</body>
</html>


Nguyễn Hữu Hiếu [T2008A]
Nguyễn Hữu Hiếu

2020-10-27 02:46:47


#style.css


body {
	background-color: #f7ece6;
}

.mainplus {
	
	width: 80%;
	background-color: white;
	margin: 0px auto;
	
}
.main {
	
	
	background-color: white;
	margin: 0px auto;
	display: flex;
}
.main1 {
	width: 80%;
	float: left;
	border-color: black;
	

}
.main2 {	
	width: 20%;
	float: left;
	
}
button {
	margin: 0px auto;
}
.imgmain {
	
	margin: 0px auto;
	
}
.menumain {
	
	min-height: 50px;
	margin: 0px auto;
	
	
}
ul {
	display: flex;
	min-height: 50px;
	
}
.ul2 {
	
	float: right;
}
li {
	float: left;
	width: 100px;
	list-style: none;
	padding-top: 15px;
	color: black;
	margin: 0px auto;
	text-align: center;


}
a:hover {
    background: #f0c9b4;


}
.menuleft {
	float: left;
}
.menuright {
	float: right;
	margin-right: 20%;
}
.menubutton {
	display: flex;
	margin: 0px auto;
}
.button1 {
	width: 20%;
	min-height: 40px;
	background-color: #b86721;
	color: white;
	text-align: center;
	margin: 0px auto;
	padding-top: 20px;
	
}
.button2 {
	width: 20%;
	min-height: 40px;
	background-color: #e35481;
	color: white;
	text-align: center;
	margin: 0px auto;
	padding-top: 20px;
	
}
.button3 {
	width: 20%;
	min-height: 40px;
	background-color: #53dbd7;
	color: white;
	text-align: center;
	margin: 0px auto;
	padding-top: 20px;
	
}
.button4 {
	width: 20%;
	min-height: 40px;
	background-color: #e339d2;
	color: white;
	text-align: center;
	margin: 0px auto;
	padding-top: 20px;
	
}
.text {
	color: white;
	text-decoration: none;

}
.showsp1 {
	width: 20%;
	min-height: 300px;
	background-color: white;
	text-align: center;
	margin: 0px auto;
	padding-top: 20px;
	
}
.button {
  background-color: #ffc729;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.tieudesp {
	display: flex;
	min-height: 40px;
}
.tieude1 {
	float: left;
	padding-top: 20px;
	width: 80%;
	font-weight: bold;
	font-size: 20px;
	padding-left: 10px;
}
.tieude2 {
	float: right;
	width: 20%;
	padding-top: 20px;
	padding-left: 20%;

}


#Test2610.html


<!DOCTYPE html>
<html>
<head>
	<title>Công ty cổ phần và sản xuất thương mại P.P</title>
	
	<link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />
	<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAADg0PAOvp8ABZAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMzMzMzAAAAAyIRIiMAAAADEiEREwAAAAMSISIjAAAAAxERESMAAAADEiEiIwAAAAMSIRETAAAAAyIhIiMAAAADMzMzMwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD//wAA+AMAAPgDAAD4AwAA+AMAAPgDAAD4AwAA+AMAAPgDAAD4AwAA//8AAP//AAD//wAA" rel="icon" type="image/x-icon" />

	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
	<div class="mainplus">
		<div class="main">
			<div class="main1">
				<img src="https://lh3.googleusercontent.com/proxy/FIIQiGpKHvc8zsZUfpE0ZO22vMQPtgog0QYjWYTlsMsHymfN1ZZF02mR-Ixiep7MGzyjXOLF6KS2uSveIiiFAsAMciIFF5ungM69JpDX9XTgwZsS38LMnYmSaA">

			</div>
			<div class="main2">
				<p><button class="button">Tai Bao Gia</button></p>
			</div>
		</div>
		<div class="menumain">
			<div class="menuleft">
				<ul>
				<a href="#"><li>TRANG CHỦ</li></a>
				<a href="#"><li>GIỚI THIỆU</li></a>
				<a href="#"><li>DỰ ÁN</li></a>
				<a href="#"><li>DỊCH VỤ</li></a>
				<a href="#"><li>TIN TỨC</li></a>
			</ul>
			</div>
			<div class="menuright">
				<ul class="ul2">
				<a href="#"><li>LIÊN HỆ</li></a>
			</ul>
			</div>
		</div>
		<div>
			<img style="width: 100%;" src="https://www.pppaper.com.vn/Content/Uploads/images/QuangCao/229512f415b9f1e7a8a8.jpg">		
		</div>
		




		<div class="menubutton">
			<div class="button1"><a class="text" href="#"><i class="fas fa-truck"></i>  GIAO HÀNH TẬN NƠI</a></div>
			<div class="button2"><a class="text" href="#"><i class="fas fa-code"></i>

 			HOÀN TRẢ NHANH</a></div>
			<div class="button3"><a class="text" href="#"><i class="far fa-comment-dots"></i>  HỖ TRỢ 24/7</a></div>
			<div class="button4"><a class="text" href="#"><i class="fas fa-comment-alt"></i>

  			TRỢ GIÚP</a></div>
		</div>
		<hr style="width: 80%">
		<div class="tieudesp">
			<div class="tieude1">DANH SÁCH SẢN PHẨM 1</div>
			<div class="tieude2">
				<a href="#"><button><</button></a>
				<a href="#"><button>></button></a>
			</div>
		</div>
		<div class="menubutton">
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/10/26/637393169370871358_ip-11-dd.png">
				</a>
				<p>Điện thoai 1</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170929983791928_ss-s20-xam-dd.png">
				</a>
				<p>Điện thoai 2</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/10/26/637393169370871358_ip-11-dd.png">
				</a>
				<p>Điện thoai 3</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Điện thoai 4</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
		</div>
		<hr style="width: 80%">
		<div class="tieudesp">
			<div class="tieude1">DANH SÁCH SẢN PHẨM 2</div>
			<div class="tieude2">
				<a href="#"><button><</button></a>
				<a href="#"><button>></button></a>
			</div>
		</div>
		<div class="menubutton">
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170929983791928_ss-s20-xam-dd.png">
				</a>
				<p>Phone 1</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Phone 2</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Phone 3</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
			<div class="showsp1">
				<a class="text" href="#">
					<img src="https://img.fpt.shop/w_200/h_200/f_png/cmpr_10/m_letterbox_ffffff_100/https://fptshop.com.vn/Uploads/Originals/2020/2/12/637170944168255808_ss-s20-plus-xanh-dd.png">
				</a>
				<p>Phone 4</p>
				<p>11.674.672 VNĐ</p>
				<button class="button" style="size: 80px;"><i class="fas fa-search"></i> Xem chi tiết
				</button>
			</div>
		</div>
		<hr style="width: 80%">
	</div>
</body>
</html>


vuong huu phu [T2008A]
vuong huu phu

2020-10-26 17:59:03



https://dddeee22.herokuapp.com/okok/test1.html


Nguyễn Xuân Mai [T2008A]
Nguyễn Xuân Mai

2020-10-26 15:10:40



https://t2008amai.herokuapp.com/Lesson10/test.html


Nguyễn Tiến Đạt [T2008A]
Nguyễn Tiến Đạt

2020-10-26 14:30:20


#webcongty.css


body{
    margin: 0 auto;
    padding: 0;
}
.main{
    width:800px;
    height: 1419px;
    margin: 0 auto;
    /* background-color: pink; */
    display: block;
}
.top{
    width: 100%;
    height: 10%;
    background-color: rgb(65, 133, 82);
}
.top1{
    width: 100%;
    height: 68%;
    border-bottom: 1px solid black;
    padding-top: 5px;
}
.text1{
    font-family: sans-serif;
    color: rgb(238, 231, 231);
    text-transform: uppercase;
    margin-top: 24px;
    font-size: large;
    text-indent: 5%;
}
.box1{
    float: right;
    border: 1px solid greenyellow;
    width: 120px;
    height: 28px;
    display: flex;
    margin-top: -43px;
    margin-right: 10px;
}
.top2{
    list-style-type: none;
    display: flex;
    color: rgb(238, 231, 231);
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid black;
}
*{
    font-family: sans-serif;
}
li{
    margin-top: 12px;
    margin-left: 18px;
    margin-bottom: 12px;
    cursor: pointer;
}
.infor{
    width: 100%;
    height: 80px;
    margin-top: -5px;
    display: flex;
}
.box2{
    box-sizing: border-box;
    width: 180px;
    height: 49px;
    margin-top: 16px;
    margin-left: 15px;
    text-indent: 20px;
    padding-top: 6px;
    color: rgb(238, 231, 231);
}
.border1{
    margin: 0 auto;
    height: 268px;
    width: 751px;
    border: 1px solid grey;
}
.topborder1{
    width: 100%;
    height: 16%;
    border-bottom: 1px solid grey;
    display: flex;
}
.tieude{
    margin-left: 12px;
    margin-top: 12px;
}
.sanpham{
    display: flex;
}
.product{
    width: 25%;
    height: 100%;
    text-align: center;
    margin-top: 5%;
}
img.tro{
    cursor: pointer;
}


#webcongty.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Công ty TNHH Cung ứng  vật tư ABC</title>
    <link rel="stylesheet" href="trangweb.css">
</head>
<body>
    <div class="main">
        <div class="top">
            <div class="top1">
                <div class="text1">Công ty TNHH cung ứng vật tư ABC</div>
                <div style="color: rgb(238, 231, 231);margin-top: 5px;text-indent: 5%;">Đây là một mẫu website của ảnhmờ.net.vn</div>
                <div class="box1">
                    <div style="background-color: greenyellow;height: 100%;width: 31%;"></div>
                    <div style="color: rgb(238, 231, 231);text-transform: uppercase;padding-left: 10px;padding-top: 5px;">mờ quá</div>
                </div>
            </div>
            <div class="top2">
                <li>trang chủ</li>
                <li>giới thiệu</li>
                <li>sản phẩm</li>
                <li>dự án</li>
                <li>dịch vụ</li>
                <li>tin tức</li>
                <li style="margin-left: 168px;">liên hệ</li>
            </div>
        </div>
        <img src="https://scontent.fhan1-1.fna.fbcdn.net/v/t1.15752-9/122552930_680799452551761_4518063437402186311_n.jpg?_nc_cat=107&ccb=2&_nc_sid=ae9488&_nc_ohc=7gA-ccNmmEAAX9VeOuO&_nc_ht=scontent.fhan1-1.fna&oh=eb92cb0276540669757e942edd6a6d83&oe=5FBC55F5" alt="" style="width:100%;height: 500px;">
        <div class="infor">
            <div class="box2" style="background-color: teal;cursor: pointer;"><div style="text-transform: uppercase">Phục vụ tận nơi</div><div style="font-size: small;">Đùa thôi</div></div>
            <div class="box2" style="background-color: red;cursor: pointer;"><div style="text-transform: uppercase">Hoàn trả hàng</div><div style="font-size: small;">Đùa thôi</div></div>
            <div class="box2" style="background-color: rgb(128, 185, 41);cursor: pointer;"><div style="text-transform: uppercase">hỗ trợ 24/7</div><div style="font-size: small;">Đùa thôi</div></div>
            <div class="box2" style="background-color: orange;cursor: pointer;"><div style="text-transform: uppercase">chiết khấu cao</div><div style="font-size: small;">Đùa thôi</div></div>
        </div>
        <div class="border1">
            <div class="topborder1">
                <div style="text-transform: uppercase;" class="tieude">thiết bị điện</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Ổ cắm công tắc</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Hệ thống chiếu sóng</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Cầu dao tự động</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Trần Văn Điệp</div>
            </div>
            <div class="sanpham">
                <div class="product"><img class="tro" src="https://sudospaces.com/noithathoathinh-com/2019/03/hr3-large.jpg" alt="" style="width: 148px;height: 120px;"><div>Đèn trang trí</div><div style="color: orange;">10,000 VNĐ</div></div>
                <div class="product"><img class="tro" src="https://scontent.fhan2-3.fna.fbcdn.net/v/t31.0-8/11063739_1368105426538259_1899754897763736704_o.jpg?_nc_cat=108&ccb=2&_nc_sid=174925&_nc_ohc=bepO_bsh6oEAX9nMFdJ&_nc_ht=scontent.fhan2-3.fna&oh=de09af8a760585b902a5eb441e4c1de7&oe=5FBC0F39" alt="" style="width: 148px;height: 120px;"><div>Trần Văn Điệp</div><div style="color: orange;">Miễn phí</div></div>
                <div class="product"><img class="tro" src="https://www.sieuthivienthong.com/imgs/art/p_27674_HONEYWELL-R4782WHI.jpg" alt="" style="width: 148px;height: 120px;"><div>Công tắc</div><div style="color: orange;">10,000 VNĐ</div></div>
                <div class="product"><img class="tro" src="https://static1.cafeland.vn/cafelandnew/upload/tintuc/xuhuongcamnang/2012/07/tuan-03/chuong-1342803879.jpg" alt="" style="width: 148px;height: 120px;"><div>Chuông</div><div style="color: orange;">10,000 VNĐ</div></div>
            </div>
        </div>
        <div class="border1" style="margin-top: 25px;">
            <div class="topborder1">
                <div style="text-transform: uppercase;" class="tieude">thiết bị công nghiệp</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Ổ cắm phích điện</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Cầu dao tự động</div>
                <div style="font-size: small;color:rgb(104, 100, 100) ;" class="tieude">| Trần Văn Điệp X Superman</div>
            </div>
            <div class="sanpham">
                <div class="product"><img class="tro" src="https://www.pme.net.vn/wp-content/uploads/2018/11/cau-dao-cb-tong-dieu-khien-tu-xa-qua-dien-thoai-wc40-ud3-1.jpg" alt="" style="width: 148px;height: 120px;"><div>Cầu dao</div><div style="color: orange;">10,000 VNĐ</div></div>
                <div class="product"><img class="tro" src="https://scontent.fhan2-1.fna.fbcdn.net/v/t1.0-9/303249_300091620006317_1781184584_n.jpg?_nc_cat=106&ccb=2&_nc_sid=174925&_nc_ohc=lqp0UZw-T8EAX_5_r4K&_nc_ht=scontent.fhan2-1.fna&oh=63765df5d2d1664d03864b0ada6dd0bc&oe=5FBD34B5" alt="" style="width: 148px;height: 120px;"><div>Trần Văn Điệp</div><div>Superman</div><div style="color: orange;">Giảm giá 199%</div></div>
                <div class="product"><img class="tro" src="https://cf.shopee.vn/file/85293c2cb70e34cd84e9414afba74cd8" alt="" style="width: 148px;height: 120px;"><div>Ổ cắm</div><div style="color: orange;">20,000 VNĐ</div></div>
                <div class="product"><img class="tro" src="https://cf.shopee.vn/file/840fc5bc353257dc3e0fe00a703690e4" alt="" style="width: 148px;height: 120px;"><div>Củ sạc 3 chân</div><div style="color: orange;">30,000 VNĐ</div></div>
            </div>
        </div>
    </div>
</body>
</html>