.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选五前三直

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