doctype html
html
    head
        title Twenty
        include partials/head
    body#top
        header#home
            section#hero.hero
                div.container
                    div.row
                        div.col-md-8.col-md-offset-2.text-center.inner
                            div.twenty_logo
                                img(src="./images/logo.svg")
                            p.animated.fadeInUp.delay-05s
                                | More than blogging, powered by ZeroJS
                    div.row
                        div.col-md-6.col-md-offset-3.text-center
                            a.learn-more-btn(href="/twenty/posts")
                                | Check out Blogs

        section#intro.intro.text-center.section-padding
            div.container
                div.row
                    div.col-md-8.col-md-offset-2.wp1
                        h1.arrow What is TwentyJS ?
                        p
                            | TwentyJS 是一款博客系统
                            br
                            | 基于 ZeroJS(超新颖的Web框架) & AngularJS
                            br
                            | 我们的目的是为开发者提供一款可高度定制化、拥有大量第三方模块的博客系统
        section.swag.text-center
            div.container
                div.row
                    div.col-md-8.col-md-offset-2
                        h1 Find out
                            span what we'are 
                                em doing
                        a.down-arrow-btn(href="#portfolio")
                            i.fa.fa-chevron-down

        section#portfolio.portfolio.text-center.section-padding
            div.container
                div.row
                    div#portfolioSlider
                        ul.slides
                            li
                                div.col-md-4.wp4
                                    div.overlay-effect.effects.clearfix
                                        div.img
                                            img(src="./images/portfolio-zerojs.png")
                                            div.overlay
                                                a(href="https://zerojs.io" class="expand")
                                                    i.fa.fa-search
                                                        br
                                                        | View More
                                                a.close-overlay.hidden x
                                    h2 ZeroJS
                                    p
                                        | 超新颖的 Web 框架
                                        br
                                        |     它围绕独特的Event-Stream Programming机制建立，帮开发者轻松应对复杂的业务逻辑
                                div.col-md-4.wp4.delay-05s
                                    div.overlay-effect.effects.clearfix
                                        div.img
                                            img(src="./images/portfolio-02.jpg")
                                            div.overlay
                                                a(href="http://www.twentyjs.com" class="expand")
                                                    i.fa.fa-search
                                                        br
                                                        | View More
                                                a.close-overlay.hidden x
                                    h2 TwentyJS
                                    p
                                        | 基于 ZeroJS 的博客系统
                                        br
                                        |     借助 ZeroJS 丰富的模块和运行机制，TwentyJS可以非常轻松地实现扩展和二次而发
                                div.col-md-4.wp4.delay-1s
                                    div.overlay-effect.effects.clearfix
                                        div.img
                                            img(src="./images/portfolio-03.jpg")
                                            div.overlay
                                                a(href="#" class="expand")
                                                    i.fa.fa-search
                                                        br
                                                        | View More
                                                a.close-overlay.hidden x
                                    h2 ZeroJS Store
                                    p
                                        | ZeroJS 模块在线市场
                                        br
                                        |     在线市场将为所有基于ZeroJS的系统提供更好的模块、主题支持，同时也将成为开发者、设计师合作的桥梁

        div.ignite-cta.text-center
            div.container
                div.row
                    div.col-md-12
                        a.ignite-btn(href="/twenty/about") Welcome to Join Us

        section#team.team.text-center.section-padding
            div.container
                div.row
                    div.col-md-12
                        h1.arrow2 ZeroJS Team Members
                div.row
                    div.team-wrapper
                        div#teamSlider
                            ul.slides
                                li
                                    div.col-md-4.wp5
                                        img.member(src="http://zerojs.qiniudn.com/new_1.png")
                                        h2 侯振宇
                                        p Teamleader, Engineer
                                        div.social
                                            ul.social-buttons
                                                li
                                                    a.social-btn(href="https://github.com/sskyy/")
                                                        i.fa.fa-github-alt
                                                li
                                                    a.social-btn(href="http://weibo.com/u/1856964593")
                                                        i.fa.fa-weibo
                                    div.col-md-4.wp5.delay-05s
                                        img(src="http://zerojs.qiniudn.com/new_3.png")
                                        h2 蔡蔡
                                        p UX & UI Designer
                                        div.social
                                            ul.social-buttons
                                                li
                                                    a.social-btn(href="https://www.cai-cai.me")
                                                        i.fa.fa-html5
                                                li
                                                    a.social-btn(href="http://weibo.com/206177708")
                                                        i.fa.fa-weibo
                                    div.col-md-4.wp5.delay-1s
                                        img(src="http://zerojs.qiniudn.com/new_2.png")
                                        h2 范铮
                                        p Engineer
                                        div.social
                                            ul.social-buttons
                                                li
                                                    a.social-btn(href="https://github.com/chrisFan")
                                                        i.fa.fa-github-alt
                                                li
                                                    a.social-btn(href="#")
                                                        i.fa.fa-weibo

        section.subscribe.text-center
            div.container
                h1
                    i.fa.fa-paper-plane
                        span Subscribe to stay in the loop
                form(action="#")
                    div.subscribe-wrapper
                        input(type="text" name="" value="" required)
                        input(type="submit" name="" value="Send")

        include partials/footer
        include partials/scripts