Aria bootstrap 4

Bước 1. Tạo cấu trúc HTML

 
 
 
  
 
   Hướng dẫn cách tạo Accordion Menu bằng Bootstrap 
   
 
    
 
     
 
      
 
       
  Câu 1: Chất lượng của các khóa học online tại hocwebgiare.com có được đảm bảo hay không ?  
       
 
      
 
      
 
       
 
        
Trả lời
        
 
        
1. Nội dung các khóa học online được biên soạn theo các công nghệ thiết kế web mới nhất hiện nay như: HTML5, CSS3, RWD, BOOTSTRAP, JQUERY, AJAX, PHP, MySQL, SEO vvv..do đó đảm bảo với bạn là bạn đang học các công nghệ thiết kế web mới nhất, chất lượng với chi phí rẻ nhất.
 
        
2. Học thông qua các file bài giảng và các video clip bài giảng. Giao tiếp với giảng viên qua: Chat, Email, Điện thoại, Skype, Teamviewer, hay hệ thống hỏi đáp trong bài học 
 
        
3. Xem và nghe lại bài giảng nhiều lần cho đến khi hiểu rõ bài học.
 
        
4. Được hướng dẫn làm đồ án cuối khóa học.
 
        
5. Được hỗ trợ kỹ thuật chuyên môn lâu dài.
 
        
6. Được hỗ các công cụ thiết kế web có giá trị.
 
        
Các bạn có thể tham khảo đánh giá của các học viên đã trải nghiệm qua các khóa học Online của hocwebgiare.com tại đây 
        
 
       
 
      
 
     
 
     
 
      
 
       
  Câu 2: Tôi muốn học thử khóa học trước rồi mới đóng tiền có được không ?  
       
 
      



 
      
 
       
 
        
Trả lời
        
 
        
Được. Bạn có thể đăng ký học thử 01 tuần đến 03 tuần để làm quen với cách học và trải nghiệm thử cách học trước khi bạn thấy thích để đăng ký học chính thức. Bạn cần đăng ký học thử theo các bước ở mục hướng dẫn.
        
       
 
      
 
     
 
     
 
      
 
       
  Câu 3: Trong quá trình học, vì một lý do nào đó tôi phải tạm ngưng. Vậy tôi có thể xin bảo lưu khóa học được không ?  
       
 
      
 
      
 
       
 
        
Trả lời
        
 
        
Nếu bạn không thể tham gia khóa học tiếp được, bạn cần thông báo với giáo viên tới email [email protected], khi đó Giáo Viên sẽ bảo lưu khóa học cho bạn. Khi bạn muốn học trở lại, bạn cứ liên hệ đến email của giáo viên, giáo viên sẽ sắp xếp cho bạn học lại ngay. 
       
 
      
 
     
 
    
 
   
 
  

 

Bước 2. Định dạng cho Menu Accordion bằng CSS

a:hover, a:focus {	
text-decoration: none;	
outline: none;
}

#accordion .panel {	
border: none;	
background: none;	
border-radius: 0;	
box-shadow: none;
}

#accordion .panel-heading {	
padding: 0;
}

#accordion .panel-title a {	
display: block;	
font-size: 16px;	
color: #F00;	
padding: 17px 40px 17px 65px;	
background: #fff;	
border: 1px solid #f3f3f3;	
border-bottom: none;	
position: relative;	
transition: all 0.5s ease 0s;
}

#accordion .panel-title a.collapsed {	
background: #fafafa;	color: #959595;
}

#accordion .panel-title a.collapsed:hover {	
color: #9c88b9;
}

#accordion .panel-title a:after, #accordion .panel-title a.collapsed:after {	
content: "\f068";	
font-family: FontAwesome;	
font-size: 15px;	
color: #fff;	
width: 45px;	
height: 100%;	
line-height: 54px;	
text-align: center;	
position: absolute;	
top: 0px;	
left: -1px; 
transition: all .2s;	
background-color: #F00;
}

#accordion .panel-title a.collapsed:after {	
content: "f067";	
color: #959595;	
background: #f4f4f4;	
transition: all 0.5s ease 0s;
}

#accordion .panel-title a.collapsed:hover:after {	
color:#fff;	
background-color: #F60;
}

#accordion .panel-title a:before {	
content: "";	
position: absolute;	
bottom: -11px;	left: -1px;	
border-bottom: 12px solid transparent;	
border-right: 12px solid #9c88b9;
}

#accordion .panel-title a.collapsed:before {	
display: none;
}

#accordion .panel-body {	
font-size: 14px;	color: #b7b7b7;	
padding: 0 65px 15px;	
line-height: 20px;	
margin-left: 12px;	
background: #fff;	
border: 1px solid #f3f3f3;	
border-top: none;
}

Bước 3. Gọi thư viện Bootstrap và Phông chữ tuyệt vời

Bước 4. Call library JQUERY