实例介绍
涉及到HTML5,css和js的购物网站,页面精美,可运行,适合前端人员参考
【实例截图】
【核心代码】
bootshop购物商城
└── bootshop购物商城
├── bootshop购物商城.png
├── bootstrap
│ ├── css
│ │ ├── bootstrap.min.css
│ │ └── bootstrap-responsive.min.css
│ ├── img
│ │ ├── glyphicons-halflings.png
│ │ └── glyphicons-halflings-white.png
│ └── js
│ └── bootstrap.min.js
├── compair.html
├── components.html
├── contact.html
├── faq.html
├── forgetpass.html
├── index.html
├── legal_notice.html
├── login.html
├── normal.html
├── product_details.html
├── products.html
├── product_summary.html
├── register.html
├── special_offer.html
├── tac.html
└── themes
├── amelia
│ ├── bootstrap.css
│ └── bootstrap.min.css
├── bootshop
│ └── bootstrap.min.css
├── businessltd
│ └── bootstrap.min.css
├── cerulean
│ └── bootstrap.min.css
├── css
│ ├── base.css
│ ├── bootstrap-responsive.min.css
│ ├── font-awesome.css
│ └── font-awesome-ie7.css
├── cyborg
│ └── bootstrap.min.css
├── font
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.svg
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ ├── museo_slab_300-webfont.eot
│ ├── museo_slab_300-webfont.ttf
│ ├── museo_slab_500-webfont.eot
│ ├── museo_slab_500-webfont.ttf
│ ├── proximanova-webfont.eot
│ └── proximanova-webfont.ttf
├── images
│ ├── carousel
│ │ ├── 1.png
│ │ ├── 2.png
│ │ ├── 3.png
│ │ ├── 4.png
│ │ ├── 5.png
│ │ ├── 6.png
│ │ └── 7.png
│ ├── facebook.png
│ ├── headerRepeat.png
│ ├── ico
│ │ ├── apple-touch-icon-114-precomposed.png
│ │ ├── apple-touch-icon-144-precomposed.png
│ │ ├── apple-touch-icon-57-precomposed.png
│ │ ├── apple-touch-icon-72-precomposed.png
│ │ └── favicon.ico
│ ├── ico-cart.png
│ ├── lightbox
│ │ ├── Close.png
│ │ ├── lightbox-blank.gif
│ │ ├── lightbox-btn-close.gif
│ │ ├── lightbox-btn-next.gif
│ │ ├── lightbox-btn-prev.gif
│ │ └── lightbox-ico-loading.gif
│ ├── logo.png
│ ├── new.png
│ ├── payment_methods.png
│ ├── products
│ │ ├── 10.jpg
│ │ ├── 11.jpg
│ │ ├── 12.jpg
│ │ ├── 13.jpg
│ │ ├── 1.jpg
│ │ ├── 2.jpg
│ │ ├── 3.jpg
│ │ ├── 4.jpg
│ │ ├── 5.jpg
│ │ ├── 6.jpg
│ │ ├── 7.jpg
│ │ ├── 8.jpg
│ │ ├── 9.jpg
│ │ ├── b1.jpg
│ │ ├── b2.jpg
│ │ ├── b3.jpg
│ │ ├── b4.jpg
│ │ ├── kindle.png
│ │ ├── large
│ │ │ ├── 3.jpg
│ │ │ ├── f1.jpg
│ │ │ ├── f2.jpg
│ │ │ └── f3.jpg
│ │ └── panasonic.jpg
│ ├── search.png
│ ├── tabRepeatInactive.png
│ ├── twitter.png
│ └── youtube.png
├── img
│ ├── glyphicons-halflings.png
│ └── glyphicons-halflings-white.png
├── journal
│ └── bootstrap.min.css
├── js
│ ├── bootshop.js
│ ├── bootstrap.min.js
│ ├── google-code-prettify
│ │ ├── prettify.css
│ │ └── prettify.js
│ ├── jquery.js
│ ├── jquery.lightbox-0.5.js
│ └── less.js
├── less
│ ├── accordion.less
│ ├── alerts.less
│ ├── amelia
│ │ ├── bootswatch.less
│ │ └── variables.less
│ ├── amelia.less
│ ├── bootshop
│ │ ├── main.less
│ │ └── variables.less
│ ├── bootshop.less
│ ├── bootstrap.less
│ ├── breadcrumbs.less
│ ├── button-groups.less
│ ├── buttons.less
│ ├── carousel.less
│ ├── classified.less
│ ├── close.less
│ ├── code.less
│ ├── component-animations.less
│ ├── dropdowns.less
│ ├── font-awesome-ie7.less
│ ├── font-awesome.less
│ ├── forms.less
│ ├── grid.less
│ ├── hero-unit.less
│ ├── labels-badges.less
│ ├── layouts.less
│ ├── mixins.less
│ ├── modals.less
│ ├── navbar.less
│ ├── navs.less
│ ├── pager.less
│ ├── pagination.less
│ ├── popovers.less
│ ├── progress-bars.less
│ ├── reset.less
│ ├── responsive-1200px-min.less
│ ├── responsive-767px-max.less
│ ├── responsive-768px-979px.less
│ ├── responsive.less
│ ├── responsive-navbar.less
│ ├── responsive-utilities.less
│ ├── scaffolding.less
│ ├── simplex
│ │ ├── bootswatch.less
│ │ └── variables.less
│ ├── simplex.less
│ ├── sprites.less
│ ├── tables.less
│ ├── thumbnails.less
│ ├── tooltip.less
│ ├── type.less
│ ├── utilities.less
│ ├── variables.less
│ └── wells.less
├── readable
│ └── bootstrap.min.css
├── simplex
│ └── bootstrap.min.css
├── slate
│ └── bootstrap.min.css
├── spacelab
│ └── bootstrap.min.css
├── spruce
│ ├── bootstrap.css
│ └── bootstrap.min.css
├── superhero
│ └── bootstrap.min.css
├── switch
│ ├── images
│ │ ├── clr
│ │ │ ├── amelia.png
│ │ │ ├── bootshop.png
│ │ │ ├── businessltd.png
│ │ │ ├── cerulean.png
│ │ │ ├── cyborg.png
│ │ │ ├── journal.png
│ │ │ ├── readable.png
│ │ │ ├── simplex.png
│ │ │ ├── slate.png
│ │ │ ├── spacelab.png
│ │ │ ├── spruce.png
│ │ │ ├── superhero.png
│ │ │ └── united.png
│ │ ├── hideme.png
│ │ ├── pattern
│ │ │ ├── pattern10.png
│ │ │ ├── pattern11.png
│ │ │ ├── pattern12.png
│ │ │ ├── pattern13.png
│ │ │ ├── pattern14.png
│ │ │ ├── pattern15.png
│ │ │ ├── pattern16.png
│ │ │ ├── pattern16~.png
│ │ │ ├── pattern17.png
│ │ │ ├── pattern17~.png
│ │ │ ├── pattern18.png
│ │ │ ├── pattern19.png
│ │ │ ├── pattern19~.png
│ │ │ ├── pattern1.png
│ │ │ ├── pattern20.png
│ │ │ ├── pattern20~.png
│ │ │ ├── pattern2.png
│ │ │ ├── pattern3.png
│ │ │ ├── pattern4.png
│ │ │ ├── pattern5.png
│ │ │ ├── pattern6.png
│ │ │ ├── pattern7.png
│ │ │ ├── pattern8.png
│ │ │ └── pattern9.png
│ │ └── styleTgl.png
│ ├── theamswitcher.js
│ └── themeswitch.css
└── united
└── bootstrap.min.css
38 directories, 203 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论