商业,干净,创意,画廊,html,jquery,最小,现代,单页,个人,作品集,响应,滚动,单页html网站模板

查看模板中文演示

查看原版英文演示

查看我们的 WordPress 博客主题

Motivation 是一个单页作品集模板，设计简约，字体醒目，非常适合个人和专业用途。模板带有 2 个滑块 – Anything Slider和Nivo Slider，用于在主页部分显示图像和内容。

响应式设计让用户体验专门为他们的移动设备定制的模板。

如果您需要一个强调内容并具有强烈​​而醒目的字体的模板，那么这就是适合您的模板。

特征

• 响应式设计
• 9 种颜色变化
• 21 个社交图​​标
• 32 个框图标
• 切换面板
• 集成谷歌地图
• 工作 AJAX 联系表单与验证
• Twitter Feed 插件
• 2 种不同的滑块
• @font-face 用于显示字体
• jQuery prettyPhoto 插件
• 10 个 PSD 文件可供进一步定制
• 支持所有主流浏览器（IE7/8/9/10、Firefox、Chrome、Opera、Safari）

注意：下载包中不包含城市景观和海岸景观的大背景图像。如果您想使用它们，可以在 Photodune 上购买 -这里和这里

最新更新

版本 1.3

• 更新了 Twitter 实现以使用新的 API（查看文档以获取有关如何配置它的说明）
• 修复了联系表单错误

版本 1.2

• 修复了 IE8 的响应问题
• 添加了带滚动效果的本地链接
• 删除了作品集图片周围的 <a> 标签，以便在触摸屏设备上触发覆盖
• 修复了一些小错误

版本 1.1

• 添加了 jQuery Sticky 插件以在 Apple 设备上启用持久顶部导航
• 修复了 iPad 和 iPhone 设备的响应问题
• 修复了一些小的对齐问题
• 注释掉 Google API 脚本导入代码以避免出现烦人的弹出窗口

内容滑块预览

• 橙子
• 粉色的
• 蓝色的
• 红色的
• 黄瓜绿
• 尼泊尔蓝
• 紫色的
• 中提琴
• 绿松石

Nivo Slider 预览

• 橙子
• 粉色的
• 蓝色的
• 红色的
• 黄瓜绿
• 尼泊尔蓝
• 紫色的
• 中提琴
• 绿松石

致谢

• Chris Coyier 的 Anything Slider
• Dev7 Studios 的 Nivo Slider 插件
• Yanone Kaffeesatz – 通过@font-face 使用的字体
• jQuery 表单插件
• jQuery Tools 插件
• jQuery prettyPhoto 插件
• jQuery 推文插件
• 由 Stan Scates 编写的 Tweet.js Mod
• jQuery Easing 插件
• 社交图标 – Picons
• TWG Retina 图标 – 作者：Alex Shutin
• Subtle Patterns提供的背景图案
• 由 scottjehl 提供的 Respond.js
• Trevor Davis 的 jquery.nav 插件
• jQuery scrollTo 插件
• Anthony Garand的jQuery Sticky 插件

各位 PhotoDune 作者在实时预览中使用的图片：

• net/item/view-of-a-rocky-seacoast/520327
• net/item/stress/655646

图片来自ollyi

• net/item/question-mark-man/3821061
• net/item/forced-smile/3552377
• net/item/young-artist/3193375

包含280个文件-压缩包目录详情

    index.htm
blue/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
css/
    anythingslider.css
    landing.css
    layout.css
    media-queries.css
    nivo-slider.css
    orange.css
    prettyPhoto.css
    fonts/
        YanoneKaffeesatz-Regular-webfont-1.eot
        YanoneKaffeesatz-Regular-webfont.eot
        YanoneKaffeesatz-Regular-webfont.svg
        YanoneKaffeesatz-Regular-webfont.ttf
        YanoneKaffeesatz-Regular-webfont.woff
cucumber-green/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
img/
    arrow-left.png
    arrow-right.png
    author.jpg
    avatar.jpg
    member-1.jpg
    member-2.jpg
    member-4.jpg
    placeholder.jpg
    quotes.png
    separator.png
    toggle.png
    twitter.png
    backgrounds/
        vertical-lines.png
        body/
            pattern-1.png
            pattern-10.jpg
            pattern-11.jpg
            pattern-12.jpg
            pattern-2.jpg
            pattern-3.png
            pattern-4.png
            pattern-5.png
            pattern-6.png
            pattern-7.png
            pattern-8.png
            pattern-9.jpg
        left/
            pattern-1.png
            pattern-2.png
            pattern-3.png
            pattern-4.png
            pattern-5.png
            pattern-6.png
            pattern-7.png
        right/
            pattern-1.png
            pattern-2.png
            pattern-3.png
            pattern-4.png
            pattern-5.png
            pattern-6.png
            pattern-7.png
            pattern-8.png
    blog/
        001.jpg
        002.jpg
        icons/
            photo.png
            text.png
            video.png
    box-icons/
        dark/
            arrows.png
            dollar.png
            earth.png
            film.png
            flag-2.png
            paper-plane.png
            spanner.png
            vol-up.png
        light/
            bulb.png
            cog.png
            earth.png
    bullets/
        arrow.png
        check.png
        crossed.png
    logo/
        blue.png
        cucumber.png
        nepal-blue.png
        orange.png
        pink.png
        purple.png
        red.png
        turq.png
        viola.png
    member-social/
        blogger.png
        digg.png
        dribbble.png
        facebook.png
        flickr.png
        forrst.png
        google.png
        lastfm.png
        linkedin.png
        pinterest.png
        rss.png
        skype.png
        stumbleupon.png
        technocrati.png
        tumblr.png
        twitter.png
        vimeo.png
        yahoo.png
        youtube.png
    option/
        config-2.png
        content.jpg
        nivo.jpg
        content/
            001.jpg
            002.jpg
            003.jpg
            004.jpg
        nivo/
            001.jpg
            002.jpg
            003.jpg
            004.jpg
    portfolio/
        large/
            001.jpg
        thumbs/
            001.jpg
            002.jpg
            003.jpg
            004.jpg
            005.jpg
            006.jpg
    portfolio-icons/
        article.png
        external.png
        link.png
        video.png
        zoom.png
    prettyPhoto/
        dark_rounded/
            btnNext.png
            btnPrevious.png
            contentPattern.png
            loader.gif
            sprite.png
        dark_square/
            btnNext.png
            btnPrevious.png
            loader.gif
            sprite.png
        default/
            default_thumb.png
            loader.gif
            sprite.png
            sprite_next.png
            sprite_prev.png
            sprite_x.png
            sprite_y.png
        facebook/
            btnNext.png
            btnPrevious.png
            contentPatternBottom.png
            contentPatternLeft.png
            contentPatternRight.png
            contentPatternTop.png
            default_thumbnail.gif
            loader.gif
            sprite.png
        light_rounded/
            btnNext.png
            btnPrevious.png
            loader.gif
            sprite.png
        light_square/
            btnNext.png
            btnPrevious.png
            sprite.png
    sliders/
        layer/
            001.png
            002.png
            003.png
            004.png
        nivo/
            slide-1.jpg
            slide-2.jpg
            slide-3.jpg
            slide-4.jpg
    social/
        blogger.png
        delicious.png
        deviant.png
        digg.png
        dribbble.png
        facebook.png
        flickr.png
        forrst.png
        google.png
        lastfm.png
        linkedin.png
        pinterest.png
        rss.png
        skype.png
        stumbleupon.png
        technocrati.png
        tumblr.png
        twitter.png
        vimeo.png
        yahoo.png
        youtube.png
js/
    custom.js
    jquery-1.9.1.min.js
    jquery-migrate-1.1.0.min.js
    jquery.anythingslider.fx.min.js
    jquery.anythingslider.min.js
    jquery.easing.1.2.js
    jquery.form.js
    jquery.nav.js
    jquery.nivo.slider.js
    jquery.prettyPhoto.js
    jquery.scrollTo-1.4.3.1-min.js
    jquery.sticky.js
    jquery.tools.min.js
    jquery.tweet.js
    options.js
nepal-blue/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
orange/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
pink/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
purple/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
red/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
turquoise/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff
viola/
    blog-single.html
    index-content-slider.html
    index-nivo-slider.html
    css/
        style.css
        fonts/
            YanoneKaffeesatz-Regular-webfont-1.eot
            YanoneKaffeesatz-Regular-webfont.eot
            YanoneKaffeesatz-Regular-webfont.svg
            YanoneKaffeesatz-Regular-webfont.ttf
            YanoneKaffeesatz-Regular-webfont.woff

中文PC截图

PC截图

手机截图