着移动端迅速发展，现在网站建设一般都要求兼容手机端，所以为了节约成本，大部分用户喜欢使用一些响应式前端框架，特别流行使用Bootstrap来建站，其良好扩展性加上实用的特效功能，足以应付大多数网站需求。

今天设计达人网小编为大家整理一系列好看的Bootstrap HTML网站模板，大家可以用它来快速搭建自己的网站，比如企业站、个人站、美食类或作品展示网站等。

Triangle

THOMSOON

适合个人或工作到作品展示的响应式模板

SeFolio

一个单页模板，透明设计风格，若搭配一个漂亮的全屏背景图像，一定会很有感觉。

Backyard

Backyard是一个漂亮着陆页模板，使用Bootstrap3搭建，拥有5种风格和6种配色。

Finec

宫格式布局，用来展示作品、照片的个人网站比较适合。

Bootstrap后台HTML模板

HTML版UI KIT

一套扁平化风格的APP HTML模板，做移动网页，可以尝试直接使用这套模板制作。

Woo

woo是一个干净、时尚的着陆页模板，全屏屏的设计，兼容流行的浏览器和移动端设备，适合用于APP、服务类网站。

Spectral

单页模板，首页使用自适应全屏图像，网站导航默认隐藏起来，达到更简约的效果。

图书介绍模板

如果你正在推一本新书，那么这个图标介绍类模板就很适合你了

美食餐饮模板：MEAT KING

现在流行使用微信订餐，美食餐饮类等餐厅的网站都火起来，都想做一个兼容手机浏览的网站，这个模板就非常适合了。

Office

一个欧美简约风格的企业站模板，响应式设计，兼容手机端浏览。

Flusk

简约的单页模板

POLO

手机APP宣传网站模板

Eco Travel

适用于旅游类的网站模板

前话

Hello，小伙伴们大家新年好，本篇是今年第一篇，也筹划许久，本篇主题为美食，系html5网站模板，div加css布局，网页资源分开存储以便管理，网页结构清晰简单，希望本篇能够助力各位萌新

主题

《周末の食记》

美食能抚平一切的忧伤

简介

文件结构包含了css、fonts、images、js和html，运用html5技术，包括nav标签、header标签和footer标签等，采用bootstrap进行布局

图摘

目录

编码

<div class="ftco-46-row d-flex flex-column flex-lg-row">
    <div class="ftco-46-text ftco-46-arrow-right">
        <h4 class="ftco-46-subheading">Food</h4>
        <h3 class="ftco-46-heading">扬州炒饭</h3>
        <p class="mb-5">一碗不一样的炒饭，让你难以拒绝.</p>
        <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p>
        </div>
        <div class="ftco-46-image" style="background-image: url(images/img_3.jpg);"></div>
        <div class="ftco-46-text ftco-46-arrow-up">
        <h4 class="ftco-46-subheading">Food</h4>
        <h3 class="ftco-46-heading">蓝莓酸奶冰激凌</h3>
        <p class="mb-5">触动您的心灵，令人甜蜜至极，难以忘怀，心旷神怡的味觉享受，精选一级的夏威夷果仁，入口丝滑</p>
        <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p>
    </div>
</div>

结语

如果人的一生总的能量是固定的话，那就节省开支，延长时间，喜怒哀乐不溢于言表，不困于心智，保持乐观心态

xStore模板

关注公众号回复「web」免费领取资源

支持 sketch UxStore是6个高质量的网站模板集，非常适合为创意代理商和工作室制作网站。该设计具有现代典雅的风格，并基于Bootstrap 4网格。

启发UI套件

关注公众号回复「web」免费领取资源

支持 ps和xd 超过270种UI卡（共17个类别）拖放卡片，自定义，替换图像和文本。通过将我们的预制元素与Inspire结合使用。

通用UI套件

关注公众号回复「web」免费领取资源

支持sketch、xd和Figma Universal是来自受欢迎类别的大量UI卡，可帮助您快速轻松地设计项目。所有组件均基于简单但功能强大的设计系统制作而成。

‍

阿拉斯加UI套件

关注公众号回复「web」免费领取资源

支UI套件包含7种热门类别的200多种精美卡片！支持 Sketch、ps、xd、Figma所有组件均基于矢量，完全兼容且可编辑。层组织良好，经过仔细命名和分组。

在线商店

关注公众号回复「web」免费领取资源

支持Ps 博客或媒体门户的新用户界面元素。该套件是专为Web设计人员设计的，具有160个Blocks和额外的1500+ UI元素。

Kalli UI套件

关注公众号回复「web」免费领取资源

支持sketch 所有图层的命名都非常仔细就像Marie Kondo所做的一样。我们已经添加了100个模块，分为11个类别，+ 30个页面布局涵盖9个类别。

Wiloa-着陆页UI-Kit

关注公众号回复「web」免费领取资源

支持sketc、Figma 独特清洁和现代的着陆页陆页设计，具有简约，干净和现代的设计风格。

Qaitomo UI套件

关注公众号回复「web」免费领取资源

支持sketc、ps内置现代UI套件，可节省您的时间，推动创造力并帮助您开始下一个项目演示文稿。15个类别中的100种布局。整齐有序且超时尚的布局随时可以为您的项目提供帮助。

景观UI包

关注公众号回复「web」免费领取资源

支持sketch、xd、Figma、Landscape是一个很棒的新UI Pack，完美和美观的目标网页的速度。我们制作了由120张响应式卡片组成的产品，建立在Sketch嵌套符号上，具有易于自定义的UI元素和文本样式。

40个英雄标题为您的网站

关注公众号回复「web」免费领取资源

支持sketch、xd、Figma清洁，最小和现代设计，用引导程序构建，分层和井井有条，易于定制

Orion Web UI套件

关注公众号回复「web」免费领取资源

现代设计的Sketch模板，可用于数字代理，SEO服务，移动应用着陆，该模板包含5个预制的登录页面和32个预制的屏幕，使您的工作流程快速无缝。

IDTOOL着陆页Web UI套件

关注公众号回复「web」免费领取资源

现代设计的Figma、Xd 一套用于快速设计目标网页的工具包。该集合包括用于创建目标页面的9个最流行的主题块的72个屏幕。灵活地自定义布局以适应需求。

I研磨电子商务

关注公众号回复「web」免费领取资源

支持sketch 电商用户界面工具包，干净的用户界面和转换驱动的用户体验来启动新项目。它包含22种响应模板中的最佳实践，对于设计的人来说，它都是必不可少的工具包。

Seva标头ui套件pack-1

关注公众号回复「web」免费领取资源

支持 sketch、ps、xd、Figma、Seva标头ui套件包是包含10个Web标头页面的高质量包，它将加速和增强您的设计过程，并有助于您开发出色的体验。该套件的创建方式使所有组件都可以完全自定义。

Educuo ICO UI套件

关注公众号回复「web」免费领取资源

支持 sketch带有目标网页和版块的Dark＆Light主题UI套件，可帮助创建目标网页，单页设计和自适应网站。

更多资源尽在「小白干货」关注微信公众号

持续为你更新好资源