Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit e480635

Browse files
jatinkatyal13jatinkatyal13
committed
2 parents ffddaad + fea6cc6 commit e480635

File tree

12 files changed

+618
-188
lines changed

12 files changed

+618
-188
lines changed

‎src/assets/images/cb/cover/classroom.jpg‎

133 KB
Loading

‎src/assets/images/cb/cover/indst.jpg‎

191 KB
Loading

‎src/assets/images/cb/cover/live.jpg‎

230 KB
Loading

‎src/assets/scripts/slider.js‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
document.addEventListener("DOMContentLoaded", function(event) {
2+
var sliderContainer = document.getElementById("slider-container");
3+
var slideIndex = 1;
4+
5+
showSlides(slideIndex);
6+
7+
function plusSlides(n) {
8+
showSlides(slideIndex += n);
9+
}
10+
11+
function currentSlide(n) {
12+
showSlides(slideIndex = n + 1);
13+
}
14+
15+
function showSlides(n) {
16+
var i;
17+
var slides = document.getElementsByClassName("slideshow-container__slide");
18+
var dots = document.getElementsByClassName("dot");
19+
if (n > slides.length) {slideIndex = 1}
20+
if (n < 1) {slideIndex = slides.length}
21+
for (i = 0; i < slides.length; i++) {
22+
slides[i].style.display = "none";
23+
}
24+
for (i = 0; i < dots.length; i++) {
25+
dots[i].className = dots[i].className.replace(" active", "");
26+
}
27+
slides[slideIndex-1].style.display = "block";
28+
// dots[slideIndex-1].className += " active";
29+
}
30+
31+
var prev = sliderContainer.getElementsByClassName("slideshow-container__prev")[0];
32+
var next = sliderContainer.getElementsByClassName("slideshow-container__next")[0];
33+
34+
prev.addEventListener('click', function () {
35+
plusSlides(-1);
36+
});
37+
next.addEventListener('click', function () {
38+
plusSlides(1);
39+
});
40+
41+
new Array(sliderContainer.getElementsByClassName("dot")).forEach(function (dot, i) {
42+
dot.addEventListener('click', function () {
43+
currentSlide(i)
44+
});
45+
})
46+
});

‎src/classroom-program.hbs‎

Lines changed: 313 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,313 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>{{title}}</title>
6+
{{> meta}}
7+
{{> head}}
8+
<style>
9+
body {
10+
padding: 0;
11+
}
12+
13+
h1,
14+
h2,
15+
h3,
16+
h4,
17+
h5,
18+
h6 {
19+
font-family: "Gilroy", "Nunito Sans", sans-serif;
20+
}
21+
</style>
22+
23+
<script>
24+
window.scrollNow = function (target) {
25+
var scrollContainer = target;
26+
do { //find scroll container
27+
scrollContainer = scrollContainer.parentNode;
28+
if (!scrollContainer) return;
29+
scrollContainer.scrollTop += 1;
30+
} while (scrollContainer.scrollTop == 0);
31+
32+
var targetY = 0;
33+
do {
34+
// Find the top of target relatively to the container
35+
if (target == scrollContainer) break;
36+
targetY += target.offsetTop;
37+
} while (target = target.offsetParent);
38+
39+
scroll = function (c, a, b, i) {
40+
i++; if (i > 30) return;
41+
c.scrollTop = a + (b - a) / 30 * i;
42+
setTimeout(function () { scroll(c, a, b, i); }, 20);
43+
}
44+
// Scroll to target
45+
scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
46+
}
47+
</script>
48+
</head>
49+
50+
<body class="scroll-assist" style="line-height: unset;">
51+
{{> navbar}}
52+
</br>
53+
</br>
54+
</br>
55+
</br>
56+
<div class="a-cbm">
57+
<div class="classroom-courses-page">
58+
<div style="background: #007DFE;" class="py-50 white">
59+
<div class="container">
60+
<div class="row no-gutters align-items-center justify-content-between">
61+
<div class="col-lg-6 col-md-4">
62+
<div class="heading-3 mb-20">Much Awaited</div>
63+
<div class="bold mb-20" style="font-size: 4rem;">Classroom Courses are back</div>
64+
<div class="heading-6 bold v-align-ma mb-20">
65+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/map-pin.svg">
66+
<span>Noida</span>
67+
</div>
68+
<button class="button-primary button-primary--white mb-20" type="button"
69+
onclick="scrollNow(document.getElementById('courses'))">Enroll Now</button>
70+
<div class="heading-6">
71+
Only limited seats as a precautionary measure
72+
</div>
73+
</div>
74+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-vector-final.svg"
75+
style="margin-right: -75px;">
76+
</div>
77+
</div>
78+
</div>
79+
<div class="container pt-50 pb-25" id="courses">
80+
<div class="heading-3 bold t-align-c mb-30">Courses</div>
81+
<div class="row justify-content-center">
82+
<div class="col-md-4 col-sm-10 col-12 h-inherit mb-25">
83+
<div class="card card--theme-blue t-align-c h-100">
84+
<div class="flex-col h-100 w-100 justify-content-between">
85+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-cpp.svg" class="mb-25">
86+
<div class="w-100">
87+
<div class="heading-6 bold mb-10">C++ Classroom Program</div>
88+
<div class="mb-20 font-3">
89+
Learn in-depth the algorithms of one of the most powerful and portable programming languages C++
90+
</div>
91+
<div class="round s-80x80 mb-10 mx-auto">
92+
<img src="https://images.codingblocks.com/img/pandey.jpeg">
93+
</div>
94+
<div class="font-3 mb-20">
95+
Mentor <br />
96+
<strong>Mohit Pandey</strong>
97+
</div>
98+
<div class="mb-10">
99+
Starting on
100+
<strong>31th Jan</strong>
101+
</div>
102+
<div class="font-3 highlight-text mb-20">Weekend Batch</div>
103+
<div class="mb-10 row no-gutters align-items-center justify-content-center">
104+
<div class="text-grey bold heading-6 mr-10">&#8377; 12750</div>
105+
<div class="text-grey-light-1 bold heading-6">&#8377; 16999</div>
106+
</div>
107+
<a href="https://dukaan.codingblocks.com/buy?productId=4476" class="button-primary mb-10">Enroll
108+
Now</a>
109+
</div>
110+
</div>
111+
</div>
112+
</div>
113+
<div class="col-md-4 col-sm-10 col-12 h-inherit mb-25">
114+
<div class="card card--theme-purple t-align-c h-100">
115+
<div class="flex-col w-100 h-100 justify-content-between">
116+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-java.svg" class="mb-25">
117+
<div class="w-100">
118+
<div class="heading-6 bold mb-10">Java Classroom Program</div>
119+
<div class="mb-20 font-3">
120+
This course offers concepts of DS and Algorithms with the right grasp of the rich API and powerful
121+
development tools of programming
122+
</div>
123+
<div class="round s-80x80 mb-10 mx-auto">
124+
<img src="https://images.codingblocks.com/img/momu.jpeg">
125+
</div>
126+
<div class="font-3 mb-20">
127+
Mentor <br />
128+
<strong>Monu Kumar</strong>
129+
</div>
130+
<div class="mb-10">
131+
Starting on
132+
<strong>31th Jan</strong>
133+
</div>
134+
<div class="font-3 highlight-text mb-20">Weekend Batch</div>
135+
<div class="mb-10 row no-gutters align-items-center justify-content-center">
136+
<div class="text-grey bold heading-6 mr-10">&#8377; 12750</div>
137+
<div class="text-grey-light-1 bold heading-6">&#8377; 16999</div>
138+
</div>
139+
<a href="https://dukaan.codingblocks.com/buy?productId=4477" class="button-primary mb-10">Enroll
140+
Now</a>
141+
</div>
142+
</div>
143+
</div>
144+
</div>
145+
<div class="col-md-4 col-sm-10 col-12 h-inherit mb-25">
146+
<div class="card card--theme-orange t-align-c h-100">
147+
<div class="flex-col h-100 w-100 justify-content-between">
148+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-ml.svg" class="mb-25">
149+
<div class="w-100">
150+
<div class="heading-6 bold mb-10">Data Science Classroom Program</div>
151+
<div class="mb-20 font-3">
152+
This course will revolve around the concepts of Python, Machine Learning, Data Cleaning and Data
153+
Analysis.
154+
</div>
155+
<div class="round s-80x80 mb-10 mx-auto">
156+
<img src="https://minio.codingblocks.com/amoeba/3efe881b-87ca-411e-a83b-671343eab041">
157+
</div>
158+
<div class="font-3 mb-20">
159+
Mentor <br />
160+
<strong>Manu S Pilai</strong>
161+
</div>
162+
<div class="mb-10">
163+
Starting on
164+
<strong>31th Jan</strong>
165+
</div>
166+
<div class="font-3 highlight-text mb-20">Weekend Batch</div>
167+
<div class="mb-10 row no-gutters align-items-center justify-content-center">
168+
<div class="text-grey bold heading-6 mr-10">&#8377; 18750</div>
169+
<div class="text-grey-light-1 bold heading-6">&#8377; 25000</div>
170+
</div>
171+
<a href="https://dukaan.codingblocks.com/buy?productId=4480" class="button-primary mb-10">Enroll
172+
Now</a>
173+
</div>
174+
</div>
175+
</div>
176+
</div>
177+
<div class="col-md-4 col-sm-10 col-12 h-inherit mb-25">
178+
<div class="card card--theme-blue t-align-c h-100">
179+
<div class="flex-col h-100 w-100 justify-content-between">
180+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-cpp.svg" class="mb-25">
181+
<div class="w-100">
182+
<div class="heading-6 bold mb-10">Algo++ Data Structures & Algorithms-</div>
183+
<div class="mb-20 font-3">
184+
The course provides a firm base for students to excel in all their programming interviews by
185+
building an efficient approach to finding optimized solutions
186+
</div>
187+
<div class="round s-80x80 mb-10 mx-auto">
188+
<img src="https://images.codingblocks.com/img/pandey.jpeg">
189+
</div>
190+
<div class="font-3 mb-20">
191+
Mentor <br />
192+
<strong>Mohit Pandey</strong>
193+
</div>
194+
<div class="mb-10">
195+
Starting on
196+
<strong>31th Jan</strong>
197+
</div>
198+
<div class="font-3 highlight-text mb-20">Weekend Batch</div>
199+
<div class="mb-10 row no-gutters align-items-center justify-content-center">
200+
<div class="text-grey bold heading-6 mr-10">&#8377; 8999</div>
201+
<div class="text-grey-light-1 bold heading-6">&#8377; 11999</div>
202+
</div>
203+
<a href="https://dukaan.codingblocks.com/buy?productId=4478" class="button-primary mb-10">Enroll
204+
Now</a>
205+
</div>
206+
</div>
207+
</div>
208+
</div>
209+
<div class="col-md-4 col-sm-10 col-12 h-inherit mb-25">
210+
<div class="card card--theme-purple t-align-c h-100">
211+
<div class="flex-col h-100 w-100 justify-content-between">
212+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-java.svg" class="mb-25">
213+
<div class="w-100">
214+
<div class="heading-6 bold mb-10">Algo.Java | Data Structures and Algorithms</div>
215+
<div class="mb-20 font-3">
216+
A complete package for all the budding programmers who aspire to gain expertise in Data Structures
217+
and Algorithms or are appearing for their internship/placement interviews.
218+
</div>
219+
<div class="round s-80x80 mb-10 mx-auto">
220+
<img src="https://images.codingblocks.com/img/momu.jpeg">
221+
</div>
222+
<div class="font-3 mb-20">
223+
Mentor <br />
224+
<strong>Monu Kumar</strong>
225+
</div>
226+
<div class="mb-10">
227+
Starting on
228+
<strong>31th Jan</strong>
229+
</div>
230+
<div class="font-3 highlight-text mb-20">Weekend Batch</div>
231+
<div class="mb-10 row no-gutters align-items-center justify-content-center">
232+
<div class="text-grey bold heading-6 mr-10">&#8377; 8999</div>
233+
<div class="text-grey-light-1 bold heading-6">&#8377; 11999</div>
234+
</div>
235+
<a href="https://dukaan.codingblocks.com/buy?productId=4479" class="button-primary mb-10">Enroll
236+
Now</a>
237+
</div>
238+
</div>
239+
</div>
240+
</div>
241+
</div>
242+
<div class="t-align-c my-50">
243+
<div class="heading-3 bold mb-15">With the ultimate safety measures</div>
244+
<div class="heading-6">
245+
Keeping in mind the current <strong>COVID - 19</strong> scenario, we have made sure that we provide the
246+
safest
247+
environment for students
248+
</div>
249+
</div>
250+
<div class="position-relative class-flow">
251+
<div class="class-flow__text-1 position-absolute">
252+
<div>Classroom sanitized</div>
253+
<div>before every class!</div>
254+
</div>
255+
<div class="class-flow__text-2 position-absolute">
256+
<div>Temperature</div>
257+
<div>Monitoring</div>
258+
</div>
259+
<div class="class-flow__text-3 position-absolute">
260+
<div>Mandatory sanitizing</div>
261+
<div>before entering the classroom</div>
262+
</div>
263+
<div class="class-flow__text-4 position-absolute">
264+
<div>Maintaining the</div>
265+
<div>6 - feet apart rule</div>
266+
</div>
267+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-class-flow.svg" class="w-100">
268+
</div>
269+
</div>
270+
<div style="background: #007DFE;" class="py-50 white">
271+
<div class="container">
272+
<div class="heading-3 bold t-align-c">Were you missing the classroom experience?</div>
273+
<div class="row align-items-center my-50">
274+
<div class="col-sm-4 col-12 mb-sm-none mb-25">
275+
<div class="card bg-white all-center t-align-c">
276+
<div>
277+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-hands-on.svg" class="mb-15">
278+
<div class="heading-6 bold black">Hands on Coding sessions</div>
279+
</div>
280+
</div>
281+
</div>
282+
<div class="col-sm-4 col-12 mb-sm-none mb-25">
283+
<div class="card bg-white all-center t-align-c">
284+
<div>
285+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-atmosphere.svg" class="mb-15">
286+
<div class="heading-6 bold black">Competetive Atmosphere</div>
287+
</div>
288+
</div>
289+
</div>
290+
<div class="col-sm-4 col-12">
291+
<div class="card bg-white all-center t-align-c">
292+
<div>
293+
<img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/classroom-doubts.svg" class="mb-15">
294+
<div class="heading-6 bold black">After Class Doubt Sessions</div>
295+
</div>
296+
</div>
297+
</div>
298+
</div>
299+
<div class="t-align-c">
300+
<button class="button-primary button-primary--white mb-20" type="button"
301+
onclick="scrollNow(document.getElementById('courses'))">Enroll Now</button>
302+
<div class="font-2">Only limited seats available<br />as a precautionary measure</div>
303+
</div>
304+
</div>
305+
</div>
306+
</div>
307+
</div>
308+
{{> footer}}
309+
{{> scripts}}
310+
311+
</body>
312+
313+
</html>

‎src/data/team.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
{
9292
"name": "Kartik Mathur",
9393
"role": "Mentor",
94-
"imgSrc": "/assets/images/cb/team/Kartik.JPG",
94+
"imgSrc": "/assets/images/cb/team/Kartik.jpg",
9595
"imgAlt": "Kartik Mathur",
9696
"bio":
9797
"Kartik Mathur is an NSIT graduate and extremely popular amongst his students for his engaging ways of teaching. His students are topping the charts in cracking Interviews across Top Tech and Product companies around the world with whooping packages. He is a Competitive programmer, a full stack Web developer and also contributes to many Start-ups in India and abroad. Known for his humour and memes, he can be usually located in Coding Blocks during the day or Starbucks in the evening."

0 commit comments

Comments
 (0)