.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; } }

11选5前三直总共有多少注

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