以下是一個設計商業網站的五頁 HTML 網頁模板，包括首頁、產品介紹、服務、關於我們以及聯繫我們頁面。每頁都包含圖片佔位符，您可以替換為實際圖片。
1. 網站首頁 (index.html)
商業網站
歡迎來到我們的網站
我們致力於提供高品質的產品和專業的服務，滿足客戶的需求。
2. 產品頁面 (products.html)
產品介紹
我們的產品
- 產品 1 - 高品質電子設備
- 產品 2 - 家庭必備用品
- 產品 3 - 辦公解決方案
3. 服務頁面 (services.html)
服務介紹
我們提供的服務
4. 關於我們頁面 (about.html)
關於我們
公司簡介
我們是一家領先的科技公司，專注於提供創新產品與卓越服務。
5. 聯繫我們頁面 (contact.html)
聯繫我們
聯繫方式
電話：+123-456-7890
Email：info@business.com
地址：台北市信義區某某路 123 號
全域 CSS 樣式表 (styles.css)
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background: #007bff;
color: white;
padding: 10px 20px;
text-align: center;
}
nav {
background: #eee;
text-align: center;
padding: 10px 0;
}
nav a {
color: #007bff;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
text-decoration: underline;
}
section {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
footer {
text-align: center;
background: #333;
color: white;
padding: 10px;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 10px 0;