diff --git a/app/assets/stylesheets/creative.scss b/app/assets/stylesheets/creative.scss index 0ec34e2..ce4e2eb 100755 --- a/app/assets/stylesheets/creative.scss +++ b/app/assets/stylesheets/creative.scss @@ -36,6 +36,10 @@ background-color: #222222; color: white; } + .bg-grey { + background-color: #797979; + color: white; + } .text-faded { color: rgba(255, 255, 255, 0.7); } diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml index 8709351..f65d5e9 100644 --- a/app/views/home/index.html.haml +++ b/app/views/home/index.html.haml @@ -7,79 +7,82 @@ %span.sr-only Toggle navigation Menu %i.fa.fa-bars - %a.navbar-brand.page-scroll{:href => "#page-top"} Start Bootstrap + %a.navbar-brand.page-scroll{:href => "#page-top"} Taskile / Collect the nav links, forms, and other content for toggling #bs-example-navbar-collapse-1.collapse.navbar-collapse %ul.nav.navbar-nav.navbar-right %li - %a.page-scroll{:href => "#about"} About + %a.page-scroll{:href => "#about"} 功能 %li - %a.page-scroll{:href => "#services"} Services + %a.page-scroll{:href => "#services"} 使用 %li - %a.page-scroll{:href => "#portfolio"} Portfolio + %a.page-scroll{:href => "#download"} 下载 %li - %a.page-scroll{:href => "#contact"} Contact + %a.page-scroll{:href => "#contact"} 案例 / /.navbar-collapse / /.container-fluid %header .header-content .header-content-inner - %h1#homeHeading Your Favorite Source of Free Bootstrap Themes + %h1#homeHeading 优秀的个人任务管理工具 %hr/ %p Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached! %a.btn.btn-primary.btn-xl.page-scroll{:href => "#about"} Find Out More - -#%section#about.bg-primary - -# .container - -# .row - -# .col-lg-8.col-lg-offset-2.text-center - -# %h2.section-heading We've got what you need! - -# %hr.light/ - -# %p.text-faded Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached! - -# %a.page-scroll.btn.btn-default.btn-xl.sr-button{:href => "#services"} Get Started! - -#%section#services - -# .container - -# .row - -# .col-lg-12.text-center - -# %h2.section-heading At Your Service - -# %hr.primary/ - -# .container - -# .row - -# .col-lg-3.col-md-6.text-center - -# .service-box - -# %i.icon-4x.icon-dashboard.text-primary.sr-icons - -# %h3 Sturdy Templates - -# %p.text-muted Our templates are updated regularly so they don't break. - -# .col-lg-3.col-md-6.text-center - -# .service-box - -# %i.icon-4x.icon-paperclip.text-primary.sr-icons - -# %h3 Ready to Ship - -# %p.text-muted You can use this theme as is, or you can make changes! - -# .col-lg-3.col-md-6.text-center - -# .service-box - -# %i.icon-4x.icon-download.text-primary.sr-icons - -# %h3 Up to Date - -# %p.text-muted We update dependencies to keep things fresh. - -# .col-lg-3.col-md-6.text-center - -# .service-box - -# %i.icon-4x.icon-heart.text-primary.sr-icons - -# %h3 Made with Love - -# %p.text-muted You have to make your websites with love these days! - -#%aside.bg-dark - -# .container.text-center - -# .call-to-action - -# %h2 Free Download at Start Bootstrap! - -# %a.btn.btn-default.btn-xl.sr-button{:href => "http://startbootstrap.com/template-overviews/creative/"} Download Now! - -#%section#contact - -# .container - -# .row - -# .col-lg-8.col-lg-offset-2.text-center - -# %h2.section-heading Let's Get In Touch! - -# %hr.primary/ - -# %p Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible! - -# .col-lg-4.col-lg-offset-2.text-center - -# %i.fa.fa-phone.fa-3x.sr-contact - -# %p 123-456-6789 - -# .col-lg-4.text-center - -# %i.fa.fa-envelope-o.fa-3x.sr-contact - -# %p - -# %a{:href => "mailto:your-email@your-domain.com"} feedback@startbootstrap.com \ No newline at end of file + %section#about.bg-primary + .container + .row + .col-lg-8.col-lg-offset-2.text-center + %h2.section-heading We've got what you need! + %hr.light/ + %p.text-faded Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached! + %a.page-scroll.btn.btn-default.btn-xl.sr-button{:href => "#services"} Get Started! + %section#services + .container + .row + .col-lg-12.text-center + %h2.section-heading At Your Service + %hr.primary/ + .container + .row + .col-lg-3.col-md-6.text-center + .service-box + %i.icon-4x.icon-dashboard.text-primary.sr-icons + %h3 Sturdy Templates + %p.text-muted Our templates are updated regularly so they don't break. + .col-lg-3.col-md-6.text-center + .service-box + %i.icon-4x.icon-paperclip.text-primary.sr-icons + %h3 Ready to Ship + %p.text-muted You can use this theme as is, or you can make changes! + .col-lg-3.col-md-6.text-center + .service-box + %i.icon-4x.icon-download.text-primary.sr-icons + %h3 Up to Date + %p.text-muted We update dependencies to keep things fresh. + .col-lg-3.col-md-6.text-center + .service-box + %i.icon-4x.icon-heart.text-primary.sr-icons + %h3 Made with Love + %p.text-muted You have to make your websites with love these days! + %aside.bg-dark#download + .container.text-center + .call-to-action + %h2 Free Download at Start Bootstrap! + %a.btn.btn-default.btn-xl.sr-button{:href => "http://startbootstrap.com/template-overviews/creative/"} Download Now! + %section#contact + .container + .row + .col-lg-8.col-lg-offset-2.text-center + %h2.section-heading Let's Get In Touch! + %hr.primary/ + %p Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible! + .col-lg-4.col-lg-offset-2.text-center + %i.fa.fa-phone.fa-3x.sr-contact + %p 123-456-6789 + .col-lg-4.text-center + %i.fa.fa-envelope-o.fa-3x.sr-contact + %p + %a{:href => "mailto:your-email@your-domain.com"} feedback@startbootstrap.com + %aside.bg-grey + .container + footer \ No newline at end of file