@bloggiabao
%
%
%
%

Layout html đơn giản P3

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title>
THỚT GỖ MOSAIC
</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>

<!-- Bắt đầu viết Css cho web -->
<b:skin><![CDATA[
/* Chèn Css vào đây */
]]></b:skin>
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>

</head>
<!-- Bắt đầu phần hiển thị trên web -->
<body>
<!--
Thêm nội dung trang web của bạn vào đây
-->
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-red w3-card w3-left-align w3-large">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Link 1</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Link 2</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Link 3</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Link 4</a>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 1</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 2</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 3</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a>
</div>
</div>
<!--NOI DUNG-->
<!-- Header -->
<header class="w3-container w3-red w3-center" style="padding:128px 16px">
<h1 class="w3-margin w3-jumbo">THỚT GỖ MOSAIC</h1>
<p class="w3-xlarge">thớt tràm, xà cừ, sồi, óc chó, gỗ thích, giá tỵ</p>
<button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Xem tiếp...</button>
</header>
<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<h1>Thớt MoS1</h1>
<h5 class="w3-padding-32">
Mẫu thớt MoS1 được ghép từ 5 loại gỗ bao gồm : Anh đào, óc chó, sồi, gỗ thích, tần bì
</h5>
<p class="w3-text-grey">
Thớt ghép từ 5 loại gỗ kiểu ghép end grain rất được ưa chuộng tại nhiều nước phương tây
</p>
</div>
<div class="w3-third w3-center">
<i class="fa fa-anchor w3-padding-64 w3-text-red"></i>
</div>
</div>
</div>
<!-- Second Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-third w3-center">
<i class="fa fa-coffee w3-padding-64 w3-text-red w3-margin-right"></i>
</div>
<div class="w3-twothird">
<h1>Thớt MoS2</h1>
<h5 class="w3-padding-32">
Mẫu thớt MoS1 được ghép từ 5 loại gỗ bao gồm : Dáng hương, óc chó, sồi, gỗ thích, tần bì

</h5>
<p class="w3-text-grey">
Thớt ghép từ 5 loại gỗ kiểu ghép Mozaiku rất được ưa chuộng tại Nhật và các nước phương tây, kiểu ghép này còn được ứng dụng phổ biến trong sản xuất các loại bàn ghế và tủ gỗ.

</p>
</div>
</div>
</div>
<!-- KET THUC NOI DUNG -->
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<div class="w3-xlarge w3-padding-32">
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
</div>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>


<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'/>
</body>
<!-- Kết thúc phần hiển thị trên web -->
</html>
Ivietpr.com Blog Cá Nhân, Nền Tảng Blogger, Giao Diện Fletro : Xây dựng và phát triển nội dung, theo số liệu phân tích trên cấu trúc content của nhật ký trực tuyến digitalnomad.vn [ Blog Chạy Thử Nghiệm Đa Cấu Trúc ]

Bạn có thể thích những bài đăng này

  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>
456





💰

Top Sản Phẩm Công Nghệ / Thiết Bị Điện Gia Dụng /,...
Về Trang Chủ
Chiến mã đường rừng
Chợ Thủy Hải Sản
Điện Thoại Samsung Galaxy S20 FE (8GB/256GB)

Xem Giá Bán

Lenovo Legion Y90 5G Chơi Game SmartPhone Snapdragon 8 Gen1 6.92 ''144Hz AMOLED E4 5600MAh 68W Siêu NFC 64MP

Xem Giá Bán

ASUS ROG Điện Thoại 6 Phiên Bản Giới Hạn Dimensity 9000 + Tặng 5G 6000MAh Pin 6.78 "165Hz AMOLED chơi Game Điện Thoại

Xem Giá Bán

Điện thoại Gaming Tecno POVA 3 (6+5GB)/128GB - Helio G88 | 7000 mAh | Sạc nhanh 33W

Xem Giá Bán

Thotgo.asia - Tel 0968 970 650 : Xưởng Sản Xuất Thớt Gỗ Các Loại
Biến Content Thành Tiền Bạc