在分析了财富 500 强公司的网站后，我们发现他们的网站有一个共同点：大多数都遵循老式的布局（主要是盒状、水平菜单栏和垂直子菜单栏、灯光动画和效果……），在正确的位置提供正确的信息。
IOD 代表按需信息，采用简单的方法制作，提供一整套页面，包括：多个主页变体、带有特殊内容扩展器的服务框、交互式图表、职位列表、财务报表、带有结帐页面模板的电子商务设施……等等
变更日志
--------------------------------------------- 更新（2016 年 1 月 22 日）修复横幅响应问题 - 样式.css - responsive.css 更新（2015 年 12 月 16 日） - 新增：增加家庭盒装版本 - 修复：移动设备上的小布局问题 ---------------------------------------------
包含227个文件-压缩包目录详情
software/
iod-html/
html/
about.html
blog-single.html
blog.html
checkout-address(step2).html
checkout-step1.html
checkout-step2.html
checkout-step3.html
company-presentation.html
contact.html
index-boxed.html
index.html
jobs(single)-left-sidebar.html
jobs(single)-right-sidebar.html
jobs-left-sidebar.html
jobs-right-sidebar.html
revenues.html
services(annual-reports)_draft02.html
services(media-relations)_draft02.html
services(stories).html
services(ver1).html
services(ver2).html
services(ver3).html
services(ver4).html
services(ver5).html
services-left-sidebar(annual-report-single)_draft02.html
services-right-sidebar(annual-report-single)_draft02.html
shop-single.html
shop.html
team-2-columns.html
team-3-columns.html
team-4-columns.html
ajax-work/
loadMore1.html
project1.html
project2.html
project3.html
project4.html
project5.html
project6.html
css/
animate.css
bootstrap.min.css
font-awesome.min.css
ionicons.min.css
main.css
responsive.css
style.css
colors/
default.css
fonts/
fontawesome-webfont-1.eot
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
fontawesome-webfont.woff2
glyphicons-halflings-regular-1.eot
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
glyphicons-halflings-regular.woff2
ionicons.eot
ionicons.svg
ionicons.ttf
ionicons.woff
montserrat-bold-webfont-1.eot
montserrat-bold-webfont.eot
montserrat-bold-webfont.svg
montserrat-bold-webfont.ttf
montserrat-bold-webfont.woff
montserrat-bold-webfont.woff2
montserrat-fonts.css
montserrat-hairline-webfont-1.eot
montserrat-hairline-webfont.eot
montserrat-hairline-webfont.svg
montserrat-hairline-webfont.ttf
montserrat-hairline-webfont.woff
montserrat-hairline-webfont.woff2
montserrat-light-webfont-1.eot
montserrat-light-webfont.eot
montserrat-light-webfont.svg
montserrat-light-webfont.ttf
montserrat-light-webfont.woff
montserrat-light-webfont.woff2
montserrat-regular-webfont-1.eot
montserrat-regular-webfont.eot
montserrat-regular-webfont.svg
montserrat-regular-webfont.ttf
montserrat-regular-webfont.woff
montserrat-regular-webfont.woff2
Simple-Line-Icons-1.eot
Simple-Line-Icons.eot
Simple-Line-Icons.svg
Simple-Line-Icons.ttf
Simple-Line-Icons.woff
images/
add-img.jpg
blog-1.jpg
blog-2.jpg
blog-4.jpg
book-1.png
book-2.png
book-3.png
book-4.png
book-5.png
book-6.png
cart-img.jpg
client-img-1.jpg
client-img-2.jpg
client-img-3.jpg
client-img-4.jpg
client-img-5.jpg
coment-img-1.jpg
coment-img-2.jpg
controls.png
coupen-icon.png
down-img-1.jpg
down-img-2.jpg
favicon.ico
footer-map.jpg
img-responsive.png
ipad.png
iphone.png
item-img-1.jpg
item-img-10.jpg
item-img-11.jpg
item-img-12.jpg
item-img-2.jpg
item-img-3.jpg
item-img-4.jpg
item-img-5.jpg
item-img-6.jpg
item-img-7.jpg
item-img-8.jpg
item-img-9.jpg
item-img-single-1.jpg
item-img-single-2.jpg
job-admin.jpg
logo-footer.png
logo.png
media-img-1.jpg
media-img-2.jpg
media-img-3.jpg
media-img-4.jpg
media-img-5.jpg
media-img-6.jpg
media-img-7.jpg
media-img-8.jpg
media-img-9.jpg
paypal-img.png
photo-img-1.jpg
photo-img-2.jpg
photo-img-3.jpg
photo-img-4.jpg
photo-img-5.jpg
photo-img-6.jpg
pre-img-1.jpg
pre-img-3.jpg
pre-img-4.jpg
review-item-1.jpg
review-item-2.jpg
review-item-3.jpg
review-item-4.jpg
review-item-5.jpg
review-item-6.jpg
share-img.jpg
small-post-1.jpg
small-post-2.jpg
small-post-3.jpg
story-img-1.jpg
story-img-2.jpg
story-img-3.jpg
team-img-1-1.jpg
team-img-1-2.jpg
team-img-1-3.jpg
team-img-1-4.jpg
team-img-1.jpg
team-img-2-1.jpg
team-img-2-2.jpg
team-img-2-3.jpg
team-img-2-4.jpg
team-img-2-5.jpg
team-img-2-6.jpg
team-img-2-7.jpg
team-img-2-8.jpg
team-img-2.jpg
team-img-3.jpg
team-img-4.jpg
team-img-5.jpg
team-img-6.jpg
team-img-7.jpg
team-img-8.jpg
time-line-img.jpg
bg/
bg-testi.jpg
boxed-bg.jpg
client-bg.jpg
contact-info-bg.jpg
media-bg.jpg
prestation-bg.png
revenues-bg.jpg
ser-bg.jpg
sub-bnr-bg-1.jpg
sub-bnr-bg-2.jpg
sub-bnr-bg-3.jpg
sub-bnr-bg.jpg
blog/
img-1.jpg
img-2.jpg
img-3.jpg
portfolio/
img-1.jpg
img-2.jpg
img-3.jpg
img-4.jpg
img-5.jpg
img-6.jpg
slides/
slide-1.jpg
slide-2.jpg
img/
cbp-sprite.png
js/
bootstrap.min.js
highcharts-custom.js
jquery-1.11.0.min.js
jquery.colio.min.js
jquery.countTo.js
jquery.cubeportfolio.min.js
jquery.flexslider-min.js
jquery.isotope.min.js
jquery.timelinr-0.9.54.js
main.js
modernizr.js
nouislider.min.css
owl.carousel.min.js
own-menu.js
中文PC截图
PC截图
手机截图
© 版权声明
文章版权归作者所有，未经允许请勿转载。内容为社区用户发布，如有侵犯您的知识产权，请点击联系我们进行举报删除！
THE END
暂无评论内容