該模板功能豐富,適用性廣,可以滿足建立商務(wù)網(wǎng)站界面大部分的需求,適合所有的企業(yè)商務(wù)拓展,使用該模板可以免去花費(fèi)大量時(shí)間在UI上,您可以更專注于網(wǎng)站的內(nèi)容及功能。
該模板包括54個(gè)頁(yè)面:
1、 首頁(yè)1(index.html);
2、 首頁(yè)2(index2.html);
3、 首頁(yè)3(index3.html);
4、 首頁(yè)4(index4.html);
5、 功能組件:手風(fēng)琴下拉框(Accordions)。一般適合幫助中心,常見(jiàn)問(wèn)題。(template-accordions.html)
6、 功能組件:警告框(Alerts)。當(dāng)用戶在操作網(wǎng)站的時(shí)候,該警告框可以為用戶提供上下文反饋消息,或靈活提供較短的勁爆消息。(template-alerts.html)
7、 功能組件:按鈕(Buttons)。(template-buttons.html)
8、 功能組件:內(nèi)容區(qū)塊(Content boxes)。帶圖標(biāo)的區(qū)塊、帶文本懸停的圖像區(qū)塊、圖文區(qū)塊等(template-content-boxes.html);
9、 功能組件:水平布局區(qū)塊(template-blocks.html);
10、 功能組件:分頁(yè)(template-pagination.html);
11、 功能組件:選項(xiàng)卡標(biāo)簽(template-tabs.html);
12、 功能組件:文字標(biāo)題及排版(template-typography.html);
13、 功能組件:粘性布局;導(dǎo)航固定頂部(template-header-default.html);
14、 功能組件:非粘性布局(template-header-nosticky.html);
15、 功能組件:頂部白色;頂部信息欄變?yōu)榘咨╰emplate-header-light.html);
16、 布局:2列帶文本懸停圖片列表(有間距)(portfolio-2.html);
17、 布局:2列帶文本懸停圖片列表(無(wú)間距)(portfolio-no-space-2.html);
18、 布局:3列帶文本懸停圖片列表(有間距)(portfolio-3.html);
19、 布局:3列帶文本懸停圖片列表(無(wú)間距)(portfolio-no-space-3.html);
20、 布局:4列帶文本懸停圖片列表(有間距)(portfolio-4.html);
21、 布局:4列帶文本懸停圖片列表(無(wú)間距)(portfolio-no-space-4.html);
22、 布局:項(xiàng)目信息詳情1(portfolio-detail.html);
23、 布局:項(xiàng)目信息詳情2(portfolio-detail-2.html);
24、 關(guān)于我們(about.html);
25、 團(tuán)隊(duì)列表(team.html);
26、 團(tuán)隊(duì)成員簡(jiǎn)介(team-member.html);
27、 我們的服務(wù)(services.html);
28、 價(jià)目表(packages.html);
29、 用戶中心:登錄注冊(cè)表單(customer-register.html);
30、 用戶中心:訂單列表(customer-orders.html);
31、 用戶中心:訂單詳情(customer-order.html);
32、 用戶中心:收藏列表(customer-wishlist.html);
33、 用戶中心:賬戶信息及密碼修改表單(customer-account.html);
34、 網(wǎng)店分類列表(右側(cè)導(dǎo)航)(shop-category.html);
35、 網(wǎng)店分類列表(左側(cè)導(dǎo)航)(shop-category-left.html);
36、 網(wǎng)店分類列表(通欄,無(wú)導(dǎo)航)(shop-category-full.html);
37、 產(chǎn)品詳情(shop-detail.html);
38、 購(gòu)物車(shop-basket.html);
39、 下單流程1:填寫(xiě)收貨地址(checkout1.html)(shop-checkout1.html);
40、 下單流程2:收貨方式(checkout2.html)(shop-checkout2.html);
41、 下單流程3:付款方式(checkout3.html)(shop-checkout3.html);
42、 下單流程4:訂單確認(rèn)(checkout4.html)(shop-checkout4.html);
43、 聯(lián)系我們1(contact.html);
44、 聯(lián)系我們2(contact2.html);
45、 聯(lián)系我們3(contact3.html);
46、 文本頁(yè)1:右側(cè)導(dǎo)航(text.html);
47、 文本頁(yè)2:左側(cè)導(dǎo)航(text-left.html);
48、 文本頁(yè)3:通欄無(wú)導(dǎo)航(text-full.html);
49、 常見(jiàn)問(wèn)題FAQ(faq.html);
50、 404錯(cuò)誤頁(yè)面(404.html);
51、 Blog列表頁(yè)1:大圖(blog.html);
52、 Blog列表頁(yè)2:左右圖文(blog-medium.html);
53、 Blog列表頁(yè)3:3列上下圖文;(blog-small.html);
54、 Blog內(nèi)容頁(yè)(blog-post.html);
模板特點(diǎn):
1、 該模板附帶6種預(yù)定義顏色變化,分別為藍(lán)、綠、粉、紅、海洋綠、紫??蓪ss/style.default.css文件替換為相應(yīng)顏色的css文件;
2、 使用Bootstrap5框架,完全響應(yīng)式的設(shè)計(jì),所有元素可根據(jù)用戶設(shè)備的屏幕大小自行調(diào)整;
3、 所有特效均無(wú)依賴jQuery,但如果有需要,100%兼容jQuery;
4、 使用最新html5+css3構(gòu)建,良好的結(jié)構(gòu)性代碼;
5、 利于搜索引擎優(yōu)化;
6、 跨瀏覽器兼容性(Chrome、Safari、Firefox、IE 11+、Opera等)。
相關(guān)推薦:
網(wǎng)店模板
商務(wù)模板
Bootstrap5模板