@@ -150,7 +150,25 @@ <h4 class="card-title heading-sm text-left text-dark">
150150< li class ="list-group-item "> 4. Variables</ li >
151151</ ul >
152152</ div >
153+
154+
155+ <!-- Class material 1-->
156+ < div class ="card mb-5 ">
157+ < div class ="card-body ">
158+ < h4 class ="card-title heading-sm text-danger ">
159+ Class Material-1
160+ </ h4 >
161+ </ div >
162+ < ul class ="list-group list-group-flush ">
163+ < li class ="list-group-item ">
164+ < a href ="#link "class ="btn btn-info btn-sm btn-class "> 01. link »</ a >
165+
166+ < a href ="#link "class ="btn btn-info btn-sm btn-class "> 02. link »</ a >
167+ </ li >
168+ </ ul >
169+ </ div >
153170</ div >
171+ <!-- Class 1 end -->
154172
155173<!-- Class 2 -->
156174< div class ="tab-pane "id ="class-2 "role ="tabpanel ">
@@ -207,8 +225,25 @@ <h4 class="card-title heading-sm text-left text-dark">
207225< li class ="list-group-item "> 3. Conditional Logic</ li >
208226</ ul >
209227</ div >
228+
229+ <!-- Class material 2-->
230+ < div class ="card mb-5 ">
231+ < div class ="card-body ">
232+ < h4 class ="card-title heading-sm text-danger ">
233+ Class Material-2
234+ </ h4 >
235+ </ div >
236+ < ul class ="list-group list-group-flush ">
237+ < li class ="list-group-item ">
238+ < a href ="#link "class ="btn btn-info btn-sm btn-class "> 01. link »</ a >
239+
240+ < a href ="#link "class ="btn btn-info btn-sm btn-class "> 02. link »</ a >
241+ </ li >
242+ </ ul >
243+ </ div >
210244</ div >
211-
245+ <!-- class 2 end -->
246+
212247</ div >
213248</ div >
214249</ div >