使用 Bootstrap、Sass 和 Compass 构建的慈善/非营利 HTML5 模板。
感谢您购买我的模板。如果您有任何疑问,请随时给我发送电子邮件:support@ouarmedia.com。非常感谢!
该模板基于 Bootstrap 框架 - http://getbootstrap.com/
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
W3C 有效:HTML 代码在validator.w3.org上完全有效
文件名 | 描述 |
---|---|
styles.css |
主模板 css 文件。 |
bootstrap.css |
Bootstrap css 文件。 |
bootstrap.min.css |
Bootsrap 最小化的 css 文件。 |
font-awesome.min.css |
Font awesome 最小化的 css 文件。 |
owl.carousel.css |
OWL Carousel 插件 css 文件。 |
prettyPhoto.css |
PrettyPhoto 灯箱插件 css 文件。 |
该模板是用Sass 和 Compass构建的,您可以在 /sass/style.scss 上编辑 sass 文件
文件名 | 描述 |
---|---|
main.js |
主要的 javascript 文件(您的自定义内容放在这里)。 |
bootstrap.js |
Bootstrap javascript 文件。(不建议在生产环境中使用未压缩的文件)。 |
bootstrap.min.js |
Bootstrap最小化的javascript 文件。 |
jquery-1.11.1.min.js |
jQuery 文件。 |
jquery.prettyPhoto.js |
PrettyPhoto 灯箱插件 javascript 文件。 |
modernizr-2.6.2.min.js |
Modernizr 文件(用于浏览器兼容性目的)。 |
owl.carousel.js |
Owl 轮播插件 javascript 文件(不建议在生产环境中使用非最小化文件)。 |
owl.carousel.min.js |
Owl 轮播插件最小化的 javascript 文件。 |
Font Awesome为您提供可立即自定义的可扩展矢量图标 - 大小、颜色、阴影以及任何可以使用 CSS 功能完成的操作。
如果您需要更多信息,请访问http://fontawesome.io/。
对于主滑块,模板使用bootstrap 默认的轮播,有关更多信息和帮助,请访问http://getbootstrap.com/javascript/#carousel。
对于赞助商轮播,模板使用猫头鹰轮播,如需更多信息和帮助,请访问http://www.owlcarousel.owlgraphic.com。
安装模板时,务必将php/mail.php文件顶部的电子邮件地址更改为您希望此表单发送到的电子邮件地址。