<!
DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8”>
<link rel=”stylesheet”
href=”bootstrap-5.0.0-beta2-dist/css/bootstrap.min.css”>
<link rel=”stylesheet” href=”style.css”>
<title>Document</title>
</head>
<body>
<section>
<div class=”card-footer text-dark mt-4 bg-light”>
<div class=”row”>
<div class=”col-sm-4”>
<h4 class=”text-center”><b> ຜູ້ພັດທະນາເວັບໄຊ້</b> </h4>
<div class=”d-flex justify-content-center “>
<div class=”p-2 “>
</div>
<img src=”about.png” alt=”” style=”width: 100px; border-
radius: 60%;”>
</div>
</div>
<div class=”col-sm-4”>
<p class=”text-center”> ທ້າວ ຄຳ ບ້ານ ບໍ່ ເມືອງ ບໍລິຄັນ ແຂວງ
ບໍລິຄຳໄຊ<br> ປັດຈຸບັນຢູ່ບ້ານ
ໂນນສະຫວ່າງ ເມືອງວຽງຄຳ ແຂວງ ວຽງຈັນ
<hr>
<p class=”text-center”> <b> ເບີໂທ & whatsapp 020
92082114</b>
</p>
</p>
</div>
<div class=”col-sm-4”>
<h4 class=”text-center”><b> ແຫຼ່ງຂໍ້ມູນ
ເພີ່ມເຕີມ:</b></h4>
<div class=”d-flex justify-content-center”>
<div class=”p-2 “>
<a href=”index.html” class=”navbar-brand”></a>
<a href=”#” class=”btn btn-outline-light”><img src=”fackbook1.png”
Alt=”” height=”40px” width=”40px”></a>
</div>
<div class=”p-2 “>
<a href=”index.html” class=”navbar-brand”></a>
<a href=”#” class=”btn btn-outline-light”><img src=”fackbook1.png”
Alt=”” height=”40px” width=”58px”></a>
</div>
<div class=”p-2 “>
<a href=”index.html” class=”navbar-brand”></a>
<a href=”#” class=”btn btn-outline-light”><img src=”fackbook1.png”
Alt=”” height=”40px” width=”58px”></a>
</div>
</div>
</div>
</div>
</div>
</section>
<script
src=”bootstrap-5.0.0-beta2-dist/js/bootstrap.bundle.min.js”></script>
<script src=”bootstrap-5.0.0-beta2-dist/js/popper.min.js”></script>
</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>Phone Store</title>
<style>
Body {
Font-family: Arial, sans-serif;
Margin: 0;
Padding: 0;
}
Header {
Background-color: #333;
Color: white;
Text-align: center;
Padding: 1em;
}
.container {
Max-width: 1200px;
Margin: 0 auto;
Padding: 20px;
}
.phone {
Border: 1px solid #ccc;
Margin-bottom: 20px;
Padding: 20px;
Display: flex;
Justify-content: space-between;
}
.phone img {
Max-width: 200px;
Height: auto;
}
</style>
</head>
<body>
<header>
<h1>Phone Store</h1>
</header>
<div class=”container”>
<div class=”phone”>
<img src=”iphone.jpg” alt=”iPhone”>
<div>
<h2>iPhone 13</h2>
<p>Price: $999</p>
<button>Add to Cart</button>
</div>
</div>
<div class=”phone”>
<img src=”samsung.jpg” alt=”Samsung”>
<div>
<h2>Samsung Galaxy S22</h2>
<p>Price: $899</p>
<button>Add to Cart</button>
</div>
</div>
<div class=”phone”>
<img src=”google.jpg” alt=”Google Pixel”>
<div>
<h2>Google Pixel 6</h2>
<p>Price: $799</p>
<button>Add to Cart</button>
</div>
</div>
</div>
</body>
</html>
