Tất cả bài viết | Bootstrap
Hướng dẫn cách tạo trang khách hàng bằng Bootstrap
Trong bài học lập trình web này các Bạn sẽ được hướng dẫn cách tạo trang khách hàng bằng Bootstrap
Học thiết kế website bằng Bootstrap
Khách hàng 1
Email: hocwebgiare@gmail.comTel: 0199 257 6350
Website: www.hocwebgiare.com
Địa chỉ: 192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCMKhách hàng 2
Email: hocwebgiare@gmail.comTel: 0199 257 6350
Website: www.hocwebgiare.com
Địa chỉ: 192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCMKhách hàng 3
Email: hocwebgiare@gmail.comTel: 0199 257 6350
Website: www.hocwebgiare.com
Địa chỉ: 192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCMKhách hàng 4
Email: hocwebgiare@gmail.comTel: 0199 257 6350
Website: www.hocwebgiare.com
Địa chỉ: 192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCMKhách hàng 5
Email: hocwebgiare@gmail.comTel: 0199 257 6350
Website: www.hocwebgiare.com
Địa chỉ: 192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCMKhách hàng 6
Email: hocwebgiare@gmail.comTel: 0199 257 6350
Website: www.hocwebgiare.com
Địa chỉ: 192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCM
.testimonial { margin: 0 15px; padding-top: 15px; } .testimonial .content { padding: 10px 10px; border-radius:3px; position: relative; background:#e67e22; } #testimonial-slider div.owl-item:nth-child(2n) .content { background: #1abc9c; } #testimonial-slider div.owl-item:nth-child(3n+1) .content { background: #9b59b6; } .testimonial .testimonial-pic { width: 80px; height: 80px; border: 2px solid #e5e5e5; float: left; position: relative; top:-25px; margin-right: 15px; } .testimonial .testimonial-pic img { width: 100%; height: auto; } .testimonial .testimonial-prof { color: #fff; margin-bottom: 10px; padding-left: 30%; } .testimonial .testimonial-title { font-size:16px; text-transform:capitalize; font-weight: bold; margin:0; } .testimonial .testimonial-post { font-size:12px; color: #ebe9e9; } .testimonial .description { font-size: 14px; text-decoration:none; } .testimonial .description a{ color:#FFF; font-size: 14px; text-decoration:none; } .testimonial .social-links { padding:0; margin:0; list-style:none; } .testimonial .social-links li { display:inline-block; margin-right:10px; } .testimonial .social-links li a { color:#fff; text-decoration:none; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #e67e22; } .owl-theme .owl-controls .owl-page span { background: #333; opacity: 1; } .owl-theme .owl-controls .owl-page span { width: 10px; height:10px; margin: 5px 6px; } @media only screen and (max-width: 767px) { .testimonial { text-align: center; } .testimonial .testimonial-pic { float: none; margin: 0 auto; } .testimonial .testimonial-prof { padding-left: 0; } }
$(document).ready(function(){ $("#testimonial-slider").owlCarousel({ items:3, itemsDesktop:[1000,2], itemsDesktopSmall:[979,2], itemsTablet:[650,1], pagination: true, autoPlay:true }); });
Bootstrap Xem (3278) Học thiết kế web giá rẻ