Skip to content

Commit 632592b

Browse files
BipinKalraBipinKalra
authored
Merge pull request #455 from BipinKalra/events-classes
Events classes
2 parents 764a52e + a32719a commit 632592b

File tree

4 files changed

+396
-0
lines changed

4 files changed

+396
-0
lines changed

‎examples/views/coding-blocks/events-classes-landing.hbs‎

Lines changed: 367 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,367 @@
1+
<div class="a-cbm">
2+
<div class="events-page-landing">
3+
<div class="events-page-landing__section">
4+
<div class="row no-gutters justify-content-between align-items-center">
5+
<div class="col-xl-5 col-lg-4 mb-lg-0 mb-5 t-align-lg-l t-align-c">
6+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/cb-accelerate.svg">
7+
<div class="heading-2 bold my-5">
8+
Accelerate towards your Dream!
9+
</div>
10+
<button class="button-primary">
11+
Get Started
12+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/button-icon-blue.svg" class="ml-2">
13+
</button>
14+
<div class="font-4 bold mt-4">Limited seats per Batch</div>
15+
</div>
16+
<div class="col-xl-7 col-lg-8 d-flex justify-content-lg-end justify-content-center">
17+
<div>
18+
<div class="row no-gutters mb-4 justify-content-center" style="border-bottom: solid 1px #DFDFDF;">
19+
<div class="round border b-white border-2 s-70x70 mr-4 mb-4">
20+
<img src="https://minio.codingblocks.com/amoeba/e5171581-41d8-46f5-97bf-c47db8214f22.png">
21+
</div>
22+
<div class="round border b-white border-2 s-70x70 mr-4 mb-4">
23+
<img src="https://minio.codingblocks.com/amoeba/c794f2a2-6198-4078-979a-e10ad8ca8bfb.svg">
24+
</div>
25+
<div class="round border b-white border-2 s-70x70 mr-4 mb-4">
26+
<img src="https://minio.codingblocks.com/amoeba/ec081d05-c8a2-4095-8ba6-3ffa5a02ddf5.svg">
27+
</div>
28+
<div class="round border b-white border-2 s-70x70 mr-4 mb-4">
29+
<img src="https://minio.codingblocks.com/amoeba/e2c13faa-f538-48d4-8ca1-88728a07c51a.svg">
30+
</div>
31+
<div class="round border b-white border-2 s-70x70 mr-4 mb-4">
32+
<img src="https://minio.codingblocks.com/amoeba/587ae53b-6f4e-4afb-a2c5-b328a4dfbdf1.svg">
33+
</div>
34+
<div class="round border b-white border-2 s-70x70">
35+
<img src="https://minio.codingblocks.com/amoeba/829a1a87-eafe-48ba-8d7f-4756a5edd19d.svg">
36+
</div>
37+
</div>
38+
<div class="font-5 extra-bold t-align-lg-r t-align-c">Accelerated Growth</div>
39+
</div>
40+
</div>
41+
</div>
42+
</div>
43+
<div class="events-page-landing__section">
44+
<div class="heading-3 extra-bold">Features</div>
45+
<div class="heading-5 bold mt-1">Kickstart your career the right way!</div>
46+
<div class="row my-5 pt-4 justify-content-center">
47+
<div class="col-md-4 col-sm-6 mb-md-0 mb-5 h-inherit">
48+
<div class="border-card p-lg-5 p-4 bg-grey-light-3 h-100">
49+
<div class="flex-col justify-content-between h-100">
50+
<div class="w-100">
51+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/live-classes.svg">
52+
<div class="my-4 heading-3 extra-bold">
53+
Interactive Live Classes
54+
</div>
55+
</div>
56+
<div class="font-5 w-100">
57+
Regular Classes three times a week
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
<div class="col-md-4 col-sm-6 mb-md-0 mb-5 h-inherit">
63+
<div class="border-card p-lg-5 p-4 bg-grey-light-3 h-100">
64+
<div class="flex-col justify-content-between h-100">
65+
<div class="w-100">
66+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/doubt-support.svg">
67+
<div class="my-4 heading-3 extra-bold">
68+
24 x 7 Doubt Support
69+
</div>
70+
</div>
71+
<div class="font-5 w-100">
72+
Only 50 students per batch for individual attention
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
<div class="col-md-4 col-sm-6 h-inherit">
78+
<div class="border-card p-lg-5 p-4 bg-grey-light-3 h-100">
79+
<div class="flex-col justify-content-between h-100">
80+
<div class="w-100">
81+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/placement-ready.svg">
82+
<div class="my-4 heading-3 extra-bold">
83+
Placement Ready
84+
</div>
85+
</div>
86+
<div class="font-5 w-100">
87+
Resume building and review mock interviews
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
<div class="br-10 position-relative px-lg-5 px-4 py-5 bg-grey-light-3">
94+
<div class="row no-gutters justify-content-between align-items-center">
95+
<div class="flex-1">
96+
<div class="heading-3 extra-bold">FAANG Master Course</div>
97+
<div class="heading-5 mt-1">Getting you ready for Big Product Companies!</div>
98+
</div>
99+
<div class="round bg-gradient-green-dark all-center s-100x100">
100+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/master-tropgy.svg" style="height: 50px;">
101+
</div>
102+
</div>
103+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/free-orange.svg"
104+
style="position: absolute; top: -9px; left: 5%;">
105+
</div>
106+
</div>
107+
<div class="events-page-landing__section">
108+
<div class="row">
109+
<div class="col-lg-5 col-md-4 mb-md-0 mb-5">
110+
<div class="heading-3 extra-bold mb-5">
111+
Register for the Selection Test
112+
</div>
113+
<div class="heading-5 bold mb-2">
114+
Course Selection
115+
</div>
116+
<div class="heading-5 mb-4">
117+
Select the Course you want to enroll in.
118+
</div>
119+
<div class="heading-5 bold mb-2">
120+
Select Date
121+
</div>
122+
<div class="heading-5 mb-5">
123+
Choose the date that suits you best !
124+
</div>
125+
<button class="button-primary">
126+
Get Started
127+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/button-icon-blue.svg" class="ml-2">
128+
</button>
129+
<div class="font-4 bold mt-4">Limited seats per Batch</div>
130+
</div>
131+
<div class="col-lg-7 col-md-8">
132+
<div class="row">
133+
<div class="col-sm-6">
134+
<div class="bg-white br-10" style="padding: 30px; height: 285px;">
135+
<div class="all-center position-relative h-100">
136+
<div>
137+
<img src="https://minio.codingblocks.com/amoeba/e5171581-41d8-46f5-97bf-c47db8214f22.png"
138+
class="s-120x120">
139+
<div class="mt-5">
140+
<div class="font-4 bold t-align-c">Master Algo++</div>
141+
</div>
142+
</div>
143+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/tick-solid-blue.svg"
144+
class="position-absolute tr">
145+
</div>
146+
</div>
147+
</div>
148+
<div class="col-sm-6 pt-5">
149+
<div class="bg-white br-10" style="padding: 30px; height: 285px;">
150+
<div class="all-center position-relative h-100">
151+
<div class="t-align-c">
152+
<div class="heading-1 extra-bold">25</div>
153+
<div class="heading-3">JULY</div>
154+
</div>
155+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/tick-solid-blue.svg"
156+
class="position-absolute tr">
157+
</div>
158+
</div>
159+
</div>
160+
</div>
161+
</div>
162+
</div>
163+
</div>
164+
<div class="events-page-landing__section">
165+
<div class="heading-3 extra-bold mb-5">Courses</div>
166+
<div class="row pt-4">
167+
<div class="col-md-4 col-sm-6 mb-5 h-inherit">
168+
<div class="border-card p-0 h-100">
169+
<div class="bg-grey-light-3 flex-col justify-content-between p-lg-5 p-4" style="height: calc(100% - 25px);">
170+
<div class="w-100">
171+
<img src="https://minio.codingblocks.com/amoeba/e5171581-41d8-46f5-97bf-c47db8214f22.png"
172+
class="s-70x70 mb-4">
173+
<div class="heading-3 extra-bold">Master C++</div>
174+
</div>
175+
<div class="mt-3 font-5 w-100">
176+
Regular Classes three times a week
177+
</div>
178+
</div>
179+
<div style="height: 25px; background: linear-gradient(90deg, #19336E, #02ADC5);"></div>
180+
</div>
181+
</div>
182+
<div class="col-md-4 col-sm-6 mb-5 h-inherit">
183+
<div class="border-card p-0 h-100">
184+
<div class="bg-grey-light-3 flex-col justify-content-between p-lg-5 p-4" style="height: calc(100% - 25px);">
185+
<div class="w-100">
186+
<img src="https://minio.codingblocks.com/amoeba/c794f2a2-6198-4078-979a-e10ad8ca8bfb.svg"
187+
class="s-70x70 mb-4">
188+
<div class="heading-3 extra-bold">Master Algo.Java</div>
189+
<div class="mt-3 font-5 w-100">
190+
Regular Classes three times a week
191+
</div>
192+
</div>
193+
</div>
194+
<div style="height: 25px; background: linear-gradient(90deg, #0465F4, #080EAE);"></div>
195+
</div>
196+
</div>
197+
<div class="col-md-4 col-sm-6 mb-5 h-inherit">
198+
<div class="border-card p-0 h-100">
199+
<div class="bg-grey-light-3 flex-col justify-content-between p-lg-5 p-4" style="height: calc(100% - 25px);">
200+
<div class="w-100">
201+
<img src="https://minio.codingblocks.com/amoeba/e5171581-41d8-46f5-97bf-c47db8214f22.png"
202+
class="s-70x70 mb-4">
203+
<div class="heading-3 extra-bold">Master C++</div>
204+
</div>
205+
<div class="mt-3 font-5 w-100">
206+
Regular Classes three times a week
207+
</div>
208+
</div>
209+
<div style="height: 25px; background: linear-gradient(90deg, #19336E, #02ADC5);"></div>
210+
</div>
211+
</div>
212+
<div class="col-md-4 col-sm-6 mb-5 h-inherit">
213+
<div class="border-card p-0 h-100">
214+
<div class="bg-grey-light-3 flex-col justify-content-between p-lg-5 p-4" style="height: calc(100% - 25px);">
215+
<div class="w-100">
216+
<img src="https://minio.codingblocks.com/amoeba/e5171581-41d8-46f5-97bf-c47db8214f22.png"
217+
class="s-70x70 mb-4">
218+
<div class="heading-3 extra-bold">Master C++</div>
219+
</div>
220+
<div class="mt-3 font-5 w-100">
221+
Regular Classes three times a week
222+
</div>
223+
</div>
224+
<div style="height: 25px; background: linear-gradient(90deg, #19336E, #02ADC5);"></div>
225+
</div>
226+
</div>
227+
<div class="col-md-4 col-sm-6 mb-5 h-inherit">
228+
<div class="border-card p-0 h-100">
229+
<div class="bg-grey-light-3 flex-col justify-content-between p-lg-5 p-4" style="height: calc(100% - 25px);">
230+
<div class="w-100">
231+
<img src="https://minio.codingblocks.com/amoeba/c794f2a2-6198-4078-979a-e10ad8ca8bfb.svg"
232+
class="s-70x70 mb-4">
233+
<div class="heading-3 extra-bold">Master Algo.Java</div>
234+
<div class="mt-3 font-5 w-100">
235+
Regular Classes three times a week
236+
</div>
237+
</div>
238+
</div>
239+
<div style="height: 25px; background: linear-gradient(90deg, #0465F4, #080EAE);"></div>
240+
</div>
241+
</div>
242+
<div class="col-md-4 col-sm-6 mb-5 h-inherit">
243+
<div class="border-card p-0 h-100">
244+
<div class="bg-grey-light-3 flex-col justify-content-between p-lg-5 p-4" style="height: calc(100% - 25px);">
245+
<div class="w-100">
246+
<img src="https://minio.codingblocks.com/amoeba/e5171581-41d8-46f5-97bf-c47db8214f22.png"
247+
class="s-70x70 mb-4">
248+
<div class="heading-3 extra-bold">Master C++</div>
249+
</div>
250+
<div class="mt-3 font-5 w-100">
251+
Regular Classes three times a week
252+
</div>
253+
</div>
254+
<div style="height: 25px; background: linear-gradient(90deg, #19336E, #02ADC5);"></div>
255+
</div>
256+
</div>
257+
</div>
258+
</div>
259+
<div class="events-page-landing__section">
260+
<div class="heading-3 extra-bold mb-5">Success Stories</div>
261+
<div class="row no-gutters pt-4 justify-content-center">
262+
<div class="col-md-4 col-sm-6 mb-md-0 mb-5" style="padding-right: 50px;">
263+
<div class="br-10 bg-white flex-col justify-content-between">
264+
<div class="position-relative w-100">
265+
<img src="https://scx1.b-cdn.net/csz/news/800/2018/hack.jpg"
266+
style="border-top-left-radius: 10px; border-top-right-radius: 10px;">
267+
<div class="s-80x80 bg-white round all-center position-absolute" style="right: -40px; bottom: 5%;">
268+
<div>
269+
<div class="heading-4 extra-bold">44</div>
270+
<div class="font-2 extra-bold">LPA</div>
271+
</div>
272+
</div>
273+
</div>
274+
<div class="bg-white p-4 w-100" style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
275+
<div class="row no-gutters justify-content-between align-items-center">
276+
<div class="flex-1">
277+
<div class="heading-6 bold">Something</div>
278+
<div class="font-2">Some Academy</div>
279+
</div>
280+
{{!-- Logo goes here --}}
281+
{{!-- <img src="" alt=""> --}}
282+
</div>
283+
</div>
284+
</div>
285+
</div>
286+
<div class="col-md-4 col-sm-6 mb-md-0 mb-5" style="padding-right: 50px;">
287+
<div class="br-10 bg-white flex-col justify-content-between">
288+
<div class="position-relative w-100">
289+
<img src="https://scx1.b-cdn.net/csz/news/800/2018/hack.jpg"
290+
style="border-top-left-radius: 10px; border-top-right-radius: 10px;">
291+
<div class="s-80x80 bg-white round all-center position-absolute" style="right: -40px; bottom: 5%;">
292+
<div>
293+
<div class="heading-4 extra-bold">44</div>
294+
<div class="font-2 extra-bold">LPA</div>
295+
</div>
296+
</div>
297+
</div>
298+
<div class="bg-white p-4 w-100" style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
299+
<div class="row no-gutters justify-content-between align-items-center">
300+
<div class="flex-1">
301+
<div class="heading-6 bold">Something</div>
302+
<div class="font-2">Some Academy</div>
303+
</div>
304+
{{!-- Logo goes here --}}
305+
{{!-- <img src="" alt=""> --}}
306+
</div>
307+
</div>
308+
</div>
309+
</div>
310+
<div class="col-md-4 col-sm-6 mb-md-0 mb-5" style="padding-right: 50px;">
311+
<div class="br-10 bg-white flex-col justify-content-between">
312+
<div class="position-relative w-100">
313+
<img src="https://scx1.b-cdn.net/csz/news/800/2018/hack.jpg"
314+
style="border-top-left-radius: 10px; border-top-right-radius: 10px;">
315+
<div class="s-80x80 bg-white round all-center position-absolute" style="right: -40px; bottom: 5%;">
316+
<div>
317+
<div class="heading-4 extra-bold">44</div>
318+
<div class="font-2 extra-bold">LPA</div>
319+
</div>
320+
</div>
321+
</div>
322+
<div class="bg-white p-4 w-100" style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
323+
<div class="row no-gutters justify-content-between align-items-center">
324+
<div class="flex-1">
325+
<div class="heading-6 bold">Something</div>
326+
<div class="font-2">Some Academy</div>
327+
</div>
328+
{{!-- Logo goes here --}}
329+
{{!-- <img src="" alt=""> --}}
330+
</div>
331+
</div>
332+
</div>
333+
</div>
334+
</div>
335+
</div>
336+
<div class="events-page-landing__section">
337+
<div class="heading-3 extra-bold mb-5">
338+
Let’s get you the success you deserve
339+
</div>
340+
<div>
341+
<button class="button-primary mr-4">
342+
Get Started
343+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/button-icon-blue.svg" class="ml-2">
344+
</button>
345+
<span class="font-4 bold d-sm-inline-block d-none">Limited seats per Batch</span>
346+
<div class="font-4 bold mt-2 d-sm-none d-block">Limited seats per Batch</div>
347+
</div>
348+
</div>
349+
<div class="events-page-landing__section">
350+
<div class="heading-3 extra-bold mb-5">
351+
Frequently Asked Questions
352+
</div>
353+
<div class="bg-white br-10 pointer p-4 mb-4">
354+
<div class="row align-items-center no-gutters justify-content-between">
355+
<div class="heading-5 bold flex-1">FAQ 1</div>
356+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/plus-square.svg">
357+
</div>
358+
</div>
359+
<div class="bg-white br-10 pointer p-4">
360+
<div class="row align-items-center no-gutters justify-content-between">
361+
<div class="heading-5 bold flex-1">FAQ 1</div>
362+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/plus-square.svg">
363+
</div>
364+
</div>
365+
</div>
366+
</div>
367+
</div>

‎examples/views/index.hbs‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@
2525
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="code-editor.html">code-editor</a></div>
2626
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="code-window.html">code-window</a></div>
2727
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="buttons.html">buttons</a></div>
28+
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="events-classes-landing.html">events-classes-landing</a></div>
2829
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="landing-page_main.html">landing-page_main</a></div>
2930
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition-card.html">competition-card</a></div>
3031
<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="competition.html">competition</a></div>

‎sass/styles/applications/coding-blocks/_application.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,5 @@
44
@import "font.scss";
55
@import "color.scss";
66
@import "landing-page.scss";
7+
@import "events-page-landing.scss";
78
}

0 commit comments

Comments
 (0)