Skip to content

Commit 26d32f1

Browse files
BipinKalraBipinKalra
authored
Merge pull request #427 from BipinKalra/live-quickfix
live classes fix
2 parents 652f77d + c719c2d commit 26d32f1

File tree

3 files changed

+284
-6
lines changed

3 files changed

+284
-6
lines changed

‎examples/views/live-classes-course-page.hbs

Lines changed: 104 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@
117117
</div>
118118
</div>
119119

120-
<div class="row no-gutters align-items-center justify-content-between">
120+
<div class="row no-gutters align-items-center justify-content-between mb-5">
121121
<div class="flex-1 pr-4">
122122
<h2 class="bold">Lectures Schedule</h2>
123123
<h4 class="gradient-text-orange mt-2">Mon Tue Wed Fri | 7PM - 10PM</h4>
@@ -127,4 +127,107 @@
127127
<div class="card-md mt-2">Syllabus</div>
128128
</a>
129129
</div>
130+
131+
<div class="row">
132+
<div class="col-md-6 border-right">
133+
<div class="row align-items-center mb-2">
134+
<div class="col-4">
135+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
136+
</div>
137+
<div class="col-8">
138+
<div class="font-mds bold text-ellipses">Lecture 1</div>
139+
</div>
140+
</div>
141+
<div class="row align-items-center mb-2">
142+
<div class="col-4">
143+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
144+
</div>
145+
<div class="col-8">
146+
<div class="font-mds bold text-ellipses">Lecture 1</div>
147+
</div>
148+
</div>
149+
<div class="row align-items-center mb-2">
150+
<div class="col-4">
151+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
152+
</div>
153+
<div class="col-8">
154+
<div class="font-mds bold text-ellipses">Lecture 1</div>
155+
</div>
156+
</div>
157+
<div class="row align-items-center mb-2">
158+
<div class="col-4">
159+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
160+
</div>
161+
<div class="col-8">
162+
<div class="font-mds bold text-ellipses">Lecture 1</div>
163+
</div>
164+
</div>
165+
<div class="row align-items-center mb-2">
166+
<div class="col-4">
167+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
168+
</div>
169+
<div class="col-8">
170+
<div class="font-mds bold text-ellipses">Lecture 1</div>
171+
</div>
172+
</div>
173+
<div class="row align-items-center mb-2">
174+
<div class="col-4">
175+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
176+
</div>
177+
<div class="col-8">
178+
<div class="font-mds bold text-ellipses">Lecture 1</div>
179+
</div>
180+
</div>
181+
</div>
182+
<div class="col-md-6">
183+
<div class="row align-items-center mb-2">
184+
<div class="col-4">
185+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
186+
</div>
187+
<div class="col-8">
188+
<div class="font-mds bold text-ellipses">Lecture 1</div>
189+
</div>
190+
</div>
191+
<div class="row align-items-center mb-2">
192+
<div class="col-4">
193+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
194+
</div>
195+
<div class="col-8">
196+
<div class="font-mds bold text-ellipses">Lecture 1</div>
197+
</div>
198+
</div>
199+
<div class="row align-items-center mb-2">
200+
<div class="col-4">
201+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
202+
</div>
203+
<div class="col-8">
204+
<div class="font-mds bold text-ellipses">Lecture 1</div>
205+
</div>
206+
</div>
207+
<div class="row align-items-center mb-2">
208+
<div class="col-4">
209+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
210+
</div>
211+
<div class="col-8">
212+
<div class="font-mds bold text-ellipses">Lecture 1</div>
213+
</div>
214+
</div>
215+
<div class="row align-items-center mb-2">
216+
<div class="col-4">
217+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
218+
</div>
219+
<div class="col-8">
220+
<div class="font-mds bold text-ellipses">Lecture 1</div>
221+
</div>
222+
</div>
223+
<div class="row align-items-center mb-2">
224+
<div class="col-4">
225+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
226+
</div>
227+
<div class="col-8">
228+
<div class="font-mds bold text-ellipses">Lecture 1</div>
229+
</div>
230+
</div>
231+
</div>
232+
</div>
130233
</div>

‎examples/views/live-classes-original.hbs

Lines changed: 90 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -342,6 +342,96 @@
342342
</div>
343343

344344
<div class="row">
345+
<div class="col-lg-4 col-md-6 mb-5">
346+
<div class="border-card p-4">
347+
<div class="row no-gutters justify-content-between">
348+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg"
349+
style="max-width: 85px !important;">
350+
<h4 class="gradient-text-orange">&#8377;&nbsp;15999</h4>
351+
</div>
352+
<h2 class="bold mt-4">DS and Algo in C++</h2>
353+
<div class="my-4 gradient-text-orange">
354+
<h5 class="bold">Starts 1st June</h5>
355+
<h6 class="bold mt-1">Mon Tue Wed Fri | 7PM - 10PM</h6>
356+
</div>
357+
<div class="card-mentor d-flex align-items-center">
358+
<div class="card-mentor-image">
359+
<img src="https://minio.codingblocks.com/amoeba/4078be4e-72e1-451a-9c4e-9223d2bbcc2c"
360+
alt="photo ofRishab Kapoor" class="card-mentors">
361+
<img src="https://minio.codingblocks.com/amoeba/27d05ebd-4820-4abf-a5f5-0846676bac48"
362+
alt="photo ofGarima Chhikara" class="card-mentors"></div>
363+
<div class="pl-3">
364+
<div class="card-md font-normal">Instructors</div>
365+
<div class="bold">Rishab Kapoor, Garima Chhikara</div>
366+
</div>
367+
</div>
368+
<div class="divider-h my-4"></div>
369+
<div class="row no-gutters justify-content-around">
370+
<button class="button-solid button-orange">Register Now</button>
371+
<button class="button-dashed button-orange">Take Demo</button>
372+
</div>
373+
</div>
374+
</div>
375+
<div class="col-lg-4 col-md-6 mb-5">
376+
<div class="border-card p-4">
377+
<div class="row no-gutters justify-content-between">
378+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg"
379+
style="max-width: 85px !important;">
380+
<h4 class="gradient-text-orange">&#8377;&nbsp;15999</h4>
381+
</div>
382+
<h2 class="bold mt-4">DS and Algo in C++</h2>
383+
<div class="my-4 gradient-text-orange">
384+
<h5 class="bold">Starts 1st June</h5>
385+
<h6 class="bold mt-1">Mon Tue Wed Fri | 7PM - 10PM</h6>
386+
</div>
387+
<div class="card-mentor d-flex align-items-center">
388+
<div class="card-mentor-image">
389+
<img src="https://minio.codingblocks.com/amoeba/4078be4e-72e1-451a-9c4e-9223d2bbcc2c"
390+
alt="photo ofRishab Kapoor" class="card-mentors">
391+
<img src="https://minio.codingblocks.com/amoeba/27d05ebd-4820-4abf-a5f5-0846676bac48"
392+
alt="photo ofGarima Chhikara" class="card-mentors"></div>
393+
<div class="pl-3">
394+
<div class="card-md font-normal">Instructors</div>
395+
<div class="bold">Rishab Kapoor, Garima Chhikara</div>
396+
</div>
397+
</div>
398+
<div class="divider-h my-4"></div>
399+
<div class="row no-gutters justify-content-around">
400+
<button class="button-solid button-orange">Register Now</button>
401+
<button class="button-dashed button-orange">Take Demo</button>
402+
</div>
403+
</div>
404+
</div>
405+
<div class="col-lg-4 col-md-6 mb-5">
406+
<div class="border-card p-4">
407+
<div class="row no-gutters justify-content-between">
408+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg"
409+
style="max-width: 85px !important;">
410+
<h4 class="gradient-text-orange">&#8377;&nbsp;15999</h4>
411+
</div>
412+
<h2 class="bold mt-4">DS and Algo in C++</h2>
413+
<div class="my-4 gradient-text-orange">
414+
<h5 class="bold">Starts 1st June</h5>
415+
<h6 class="bold mt-1">Mon Tue Wed Fri | 7PM - 10PM</h6>
416+
</div>
417+
<div class="card-mentor d-flex align-items-center">
418+
<div class="card-mentor-image">
419+
<img src="https://minio.codingblocks.com/amoeba/4078be4e-72e1-451a-9c4e-9223d2bbcc2c"
420+
alt="photo ofRishab Kapoor" class="card-mentors">
421+
<img src="https://minio.codingblocks.com/amoeba/27d05ebd-4820-4abf-a5f5-0846676bac48"
422+
alt="photo ofGarima Chhikara" class="card-mentors"></div>
423+
<div class="pl-3">
424+
<div class="card-md font-normal">Instructors</div>
425+
<div class="bold">Rishab Kapoor, Garima Chhikara</div>
426+
</div>
427+
</div>
428+
<div class="divider-h my-4"></div>
429+
<div class="row no-gutters justify-content-around">
430+
<button class="button-solid button-orange">Register Now</button>
431+
<button class="button-dashed button-orange">Take Demo</button>
432+
</div>
433+
</div>
434+
</div>
345435
<div class="col-lg-4 col-md-6 mb-5">
346436
{{!-- On Mobile Screens -
347437
When The Bigger column in the unerlying row is clicked -
@@ -673,11 +763,6 @@
673763
</div>
674764
</div>
675765
</div>
676-
677-
<div>
678-
<div class="button-solid button-orange mr-4">Register Now</div>
679-
<div class="button-dashed button-orange">Take Demo</div>
680-
</div>
681766
</div>
682767

683768
<div class="p-md-5 p-4 bg-gradient-purple">

‎examples/views/live-classes.hbs

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -342,6 +342,96 @@
342342
</div>
343343

344344
<div class="row">
345+
<div class="col-lg-4 col-md-6 mb-5">
346+
<div class="border-card p-4">
347+
<div class="row no-gutters justify-content-between">
348+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg"
349+
style="max-width: 85px !important;">
350+
<h4 class="gradient-text-orange">&#8377;&nbsp;15999</h4>
351+
</div>
352+
<h2 class="bold mt-4">DS and Algo in C++</h2>
353+
<div class="my-4 gradient-text-orange">
354+
<h5 class="bold">Starts 1st June</h5>
355+
<h6 class="bold mt-1">Mon Tue Wed Fri | 7PM - 10PM</h6>
356+
</div>
357+
<div class="card-mentor d-flex align-items-center">
358+
<div class="card-mentor-image">
359+
<img src="https://minio.codingblocks.com/amoeba/4078be4e-72e1-451a-9c4e-9223d2bbcc2c"
360+
alt="photo ofRishab Kapoor" class="card-mentors">
361+
<img src="https://minio.codingblocks.com/amoeba/27d05ebd-4820-4abf-a5f5-0846676bac48"
362+
alt="photo ofGarima Chhikara" class="card-mentors"></div>
363+
<div class="pl-3">
364+
<div class="card-md font-normal">Instructors</div>
365+
<div class="bold">Rishab Kapoor, Garima Chhikara</div>
366+
</div>
367+
</div>
368+
<div class="divider-h my-4"></div>
369+
<div class="row no-gutters justify-content-around">
370+
<button class="button-solid button-orange">Register Now</button>
371+
<button class="button-dashed button-orange">Take Demo</button>
372+
</div>
373+
</div>
374+
</div>
375+
<div class="col-lg-4 col-md-6 mb-5">
376+
<div class="border-card p-4">
377+
<div class="row no-gutters justify-content-between">
378+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg"
379+
style="max-width: 85px !important;">
380+
<h4 class="gradient-text-orange">&#8377;&nbsp;15999</h4>
381+
</div>
382+
<h2 class="bold mt-4">DS and Algo in C++</h2>
383+
<div class="my-4 gradient-text-orange">
384+
<h5 class="bold">Starts 1st June</h5>
385+
<h6 class="bold mt-1">Mon Tue Wed Fri | 7PM - 10PM</h6>
386+
</div>
387+
<div class="card-mentor d-flex align-items-center">
388+
<div class="card-mentor-image">
389+
<img src="https://minio.codingblocks.com/amoeba/4078be4e-72e1-451a-9c4e-9223d2bbcc2c"
390+
alt="photo ofRishab Kapoor" class="card-mentors">
391+
<img src="https://minio.codingblocks.com/amoeba/27d05ebd-4820-4abf-a5f5-0846676bac48"
392+
alt="photo ofGarima Chhikara" class="card-mentors"></div>
393+
<div class="pl-3">
394+
<div class="card-md font-normal">Instructors</div>
395+
<div class="bold">Rishab Kapoor, Garima Chhikara</div>
396+
</div>
397+
</div>
398+
<div class="divider-h my-4"></div>
399+
<div class="row no-gutters justify-content-around">
400+
<button class="button-solid button-orange">Register Now</button>
401+
<button class="button-dashed button-orange">Take Demo</button>
402+
</div>
403+
</div>
404+
</div>
405+
<div class="col-lg-4 col-md-6 mb-5">
406+
<div class="border-card p-4">
407+
<div class="row no-gutters justify-content-between">
408+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg"
409+
style="max-width: 85px !important;">
410+
<h4 class="gradient-text-orange">&#8377;&nbsp;15999</h4>
411+
</div>
412+
<h2 class="bold mt-4">DS and Algo in C++</h2>
413+
<div class="my-4 gradient-text-orange">
414+
<h5 class="bold">Starts 1st June</h5>
415+
<h6 class="bold mt-1">Mon Tue Wed Fri | 7PM - 10PM</h6>
416+
</div>
417+
<div class="card-mentor d-flex align-items-center">
418+
<div class="card-mentor-image">
419+
<img src="https://minio.codingblocks.com/amoeba/4078be4e-72e1-451a-9c4e-9223d2bbcc2c"
420+
alt="photo ofRishab Kapoor" class="card-mentors">
421+
<img src="https://minio.codingblocks.com/amoeba/27d05ebd-4820-4abf-a5f5-0846676bac48"
422+
alt="photo ofGarima Chhikara" class="card-mentors"></div>
423+
<div class="pl-3">
424+
<div class="card-md font-normal">Instructors</div>
425+
<div class="bold">Rishab Kapoor, Garima Chhikara</div>
426+
</div>
427+
</div>
428+
<div class="divider-h my-4"></div>
429+
<div class="row no-gutters justify-content-around">
430+
<button class="button-solid button-orange">Register Now</button>
431+
<button class="button-dashed button-orange">Take Demo</button>
432+
</div>
433+
</div>
434+
</div>
345435
<div class="col-lg-4 col-md-6 mb-5">
346436
{{!-- On Mobile Screens -
347437
When The Bigger column in the unerlying row is clicked -

0 commit comments

Comments
 (0)