这个bootstrap theme 满足你对网站首页的所有幻想

微信公众号：爱莉莎的雪月花.jpg

前言

和小伙伴参加了新生全栈营的魔改大赛, 首页主要是本人修改。在经历了一阵水深火热之后，猛然发现Bootstrap Theme "Company" 简直满足了我们对商店首页的所有幻想。来，一起来扫扫他们提供了哪些模块：

模块合理

完全按照真实的公司网站打造：

1. 宣传海报：放一些美美的大图
2. 关于本店（ABOUT）：可以讲讲品牌故事
3. 数据显示：显示一些顾客需要的数据
4. 服务集合：公司提供了哪些服务
5. 投资组合
6. 顾客说：顾客使用后的良好体验
7. 定价组合：可以放一些优惠信息
8. 联系信息：顾客可以发email给你
9. Google 地图： 显示门店信息

简洁大方的CSS

1. 添加背景颜色和居中文本（<span>.text-center</span>）
2. 添加form
3. 添加容器
   添加了(.container-fluid) 和 （.bg-grey） 两个容器。
4. 添加Padding
5. 添加网格
6. 定制 Icons
7. 定制缩略图 Thumbnail Images
8. 定制面板 Panels
9. 定制 Navbar
10. 定制 Footer

流畅的动画

1. 添加定制轮播 Carousel
2. 添加Scrollspy
   就是点击Navbar导航栏的Item，可以直接滚动到首页内的制定模块。
3. 添加平滑滚动
4. 元素Slide In特效

其它优点：

bootstrap 和手机适配得很好。

资源：

• 手把手教程地址：
  https://www.w3schools.com/bootstrap/bootstrap_theme_company.asp
• 效果：https://www.w3schools.com/bootstrap/trybs_theme_company_full.htm
• 完整代码：
  https://www.w3schools.com/bootstrap/trybs_theme_company_full.htm

我的实践

我们的参赛作品防霾库，已经按照教程，把首页进行了部分优化。点击http://fangmaiku.herokuapp.com/看看效果。
喜欢我们的设计，请投上宝贵的一票。你的鼓励，如春天初升的太阳，温暖感人投票网址：https://fullstack.xinshengdaxue.com/works/1926或扫描二维码投票。

toupiao.jpg

喜欢我的文章，请关注我的微信公众号【爱莉莎的雪月花】。

这么好用的Theme，赶快试试吧！