.overlay::before { background: #333 repeat scroll 0 0; bottom: 0; content: ""; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; z-index: -1; } .demo-item:hover .image::after { opacity: 0.7; } .buy-btn.top-btn { background: #34BCF3 none repeat scroll 0 0; border: medium none; color: #ffffff; line-height: 28px; margin: 16px 0; } .buy-btn.top-btn:hover { background: #333; border-color: #34BCF3; } .buy-btn:hover { background: #34BCF3; border-color: #34BCF3 ; } .demo-item .image::after { background-color: #34BCF3; } .demo-item .image i:hover { color: #34BCF3 ; } .stick .buy-btn.top-btn { border: medium none; color: #ffffff; margin: 0; } .stick .logo { float: inherit; margin: -8px 0 0; } .stick .buy-btn { border: 2px solid #34BCF3 ; color: #34BCF3 ; } .single-feature .icon { color: #34BCF3 ; } .footer-section { background-color: #444; } .stick .buy-btn:hover { color: #fff; } .demo-item .title a:hover { color: #34BCF3 ; } .footer-section .buy-btn:hover { color: #34BCF3 ; } .footer-section .buy-btn.bottom-btn { background-color: #34BCF3; border: 2px solid #34BCF3; color: #ffffff; } .hero-content h1 strong{ text-transform: capitalize; } .stick .non-sticky { display: none; } .demo-item { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .demo-item .title { padding: 20px 0; margin: 0; } .demo-item .title { font-size: 16px; font-weight: 400; text-transform: capitalize; font-weight: 500; } /*Feature css here*/ .feature-item { background-color: #ffffff; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 45px 15px; text-align: center; } .feature-item img { border-radius: 5px; margin-bottom: 15px; width: 70px; } .feature-item h4 { font-size: 14px; font-weight: 600; margin: 0; text-transform: capitalize; } .section-title h2 { color: #373737; font-size: 30px; font-weight: 700; margin: 0; text-transform: capitalize; } .section-title p { color: #444444; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400; margin: 15px auto 0; max-width: 450px; } .stick .logo a { width: 140px; margin-top: 2px } .demo-item.new { overflow: hidden; position: relative; } .demo-item.new::before { content: "New"; background-color: black; color: #fff; padding: 20px 52px 5px; font-size: 13px; position: absolute; line-height: 30px; left: -50px; z-index: 99; font-weight: 600; transform: rotate(-45deg); top: -10px; } /* small mobile :320px */ @media (max-width: 767px) { .section-title h1 { font-size: 24px; } }

168彩票官方版下载安装

Carroll - App Landing Page Bootstrap4 Template is a clean and modern designed HTML5 template.

View Demo

Home Layouts

Our core feature

carroll comes with some Powerful features that make carroll easily customizable and scalable.







          bootstrap v4

          Sass

          html5

          css3

          jquery

          fontAwesome icon

          Material Icon

          google font

          magnific popup

          fully responsive

          W3C Validation

          ajax contact form

          Clean Code

          Speed Optimized

          Well Documented

          slick Slider

          You May Also Like our Other HTML