Skip to content

Commit e4eb62c

Browse files
abhishek97abhishek97
committed
Merge branch 'master' of github.com:coding-blocks/motley
2 parents 5e060a6 + bd1fbee commit e4eb62c

23 files changed

+7368
-24
lines changed

‎examples/views/img-review-card.hbs

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="row no-gutters">
2+
<div class="col-4">
3+
<div class="border-card img-review-card p-md-5 p-4">
4+
<div class="author">
5+
<div class="img-ring s-100x100">
6+
<img class="round img"
7+
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmL43mSCo0MAu3fCgV8t6QRsNzyiatE_Har4TjE8M6NZ-i0tKDzA">
8+
</div>
9+
</div>
10+
<div class="icon">
11+
<i class="fas fa-quote-left fa-3x orange"></i>
12+
</div>
13+
14+
<h5 class="bold t-align-c mb-4">Yashvardhan, Jss</h5>
15+
<div class="review-body">
16+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
17+
magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
18+
facilisis.
19+
</div>
20+
</div>
21+
</div>
22+
</div>

‎examples/views/index.hbs

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,10 +89,15 @@
8989
<div class="row p-3"><a target="preview" href="applicant-profile-editor.html">applicant-profile-editor</a></div>
9090
<div class="row p-3"><a target="preview" href="applicant-profile.html">applicant-profile</a></div>
9191
<div class="row p-3"><a target="preview" href="horizontal-border-list.html">horizontal-border-list</a></div>
92+
<div class="row p-3"><a target="preview" href="img-review-card.html">img-review-card</a></div>
9293
<div class="row p-3"><a target="preview" href="img-ring.html">img-ring</a></div>
9394
<div class="row p-3"><a target="preview" href="index.html">index</a></div>
9495
<div class="row p-3"><a target="preview" href="default.html">default</a></div>
9596
<div class="row p-3"><a target="preview" href="list.html">list</a></div>
97+
<div class="row p-3"><a target="preview" href="live-classes-course-page.html">live-classes-course-page</a></div>
98+
<div class="row p-3"><a target="preview" href="live-classes-original.html">live-classes-original</a></div>
99+
<div class="row p-3"><a target="preview" href="live-classes.html">live-classes</a></div>
100+
<div class="row p-3"><a target="preview" href="live-course-popup-card.html">live-course-popup-card</a></div>
96101
<div class="row p-3"><a target="preview" href="loader.html">loader</a></div>
97102
<div class="row p-3"><a target="preview" href="about-accordion.html">about-accordion</a></div>
98103
<div class="row p-3"><a target="preview" href="about-course.html">about-course</a></div>
@@ -107,6 +112,7 @@
107112
<div class="row p-3"><a target="preview" href="content-csv.html">content-csv</a></div>
108113
<div class="row p-3"><a target="preview" href="content-icon.html">content-icon</a></div>
109114
<div class="row p-3"><a target="preview" href="course-card-buycourse.html">course-card-buycourse</a></div>
115+
<div class="row p-3"><a target="preview" href="course-card-mini.html">course-card-mini</a></div>
110116
<div class="row p-3"><a target="preview" href="course-content-card.html">course-content-card</a></div>
111117
<div class="row p-3"><a target="preview" href="course-dashboard-progress-card.html">course-dashboard-progress-card</a></div>
112118
<div class="row p-3"><a target="preview" href="course-review.html">course-review</a></div>
@@ -172,6 +178,7 @@
172178
<div class="row p-3"><a target="preview" href="tab-nav.html">tab-nav</a></div>
173179
<div class="row p-3"><a target="preview" href="test-cases-card.html">test-cases-card</a></div>
174180
<div class="row p-3"><a target="preview" href="timer-clock.html">timer-clock</a></div>
181+
<div class="row p-3"><a target="preview" href="unordered-list.html">unordered-list</a></div>
175182
<div class="row p-3"><a target="preview" href="up-competition-card.html">up-competition-card</a></div>
176183
</div>
177184
<div class="col-sm-9">

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

Lines changed: 229 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,229 @@
1+
<div class="p-md-5 p-4">
2+
<div class="row no-gutters justify-content-between align-items-center pb-5 border-bottom mb-5">
3+
<div class="col-md-8 col-12 mb-md-0 mb-4">
4+
<div class="row no-gutters align-items-center d-sm-flex d-none">
5+
<div class="round border p-5 all-center" style="height: 150px; width: 150px;">
6+
<img src="https://image.flaticon.com/icons/svg/61/61120.svg">
7+
</div>
8+
<div class="flex-1 pl-5">
9+
<h1>Android Development</h1>
10+
<h2 class="gradient-text-orange">&#8377; 15999</h2>
11+
</div>
12+
</div>
13+
<div class="row no-gutters align-items-center d-sm-none d-flex">
14+
<div class="round border p-4 all-center" style="height: 100px; width: 100px;">
15+
<img src="https://image.flaticon.com/icons/svg/61/61120.svg">
16+
</div>
17+
<div class="flex-1 pl-4">
18+
<h2>Android Development</h2>
19+
<h4 class="gradient-text-orange">&#8377; 15999</h4>
20+
</div>
21+
</div>
22+
</div>
23+
<div class="row no-gutters justify-content-center flex-1">
24+
<div class="button-solid button-orange mr-4">Register Now</div>
25+
<div class="button-dashed button-orange">Take Demo</div>
26+
</div>
27+
</div>
28+
29+
<div class="row">
30+
<div class="col-sm-6 mb-5">
31+
<div class="border-card p-md-5 p-4 h-100">
32+
<div class="flex-col justify-content-between h-100">
33+
<div class="row no-gutters align-items-center justify-content-between mb-4 w-100">
34+
<h5 class="bold flex-1">Fundamentals</h5>
35+
<i class="fas fa-play-circle fa-2x"></i>
36+
</div>
37+
38+
<ul class="list-style-gradient-bullet w-100">
39+
<li>Something random in this placeholder!</li>
40+
<li>Something random in this placeholder!</li>
41+
<li>Something random in this placeholder!</li>
42+
<li>Something random in this placeholder!</li>
43+
</ul>
44+
</div>
45+
</div>
46+
</div>
47+
<div class="col-sm-6 mb-5">
48+
<div class="border-card p-md-5 p-4 h-100">
49+
<div class="flex-col justify-content-between h-100">
50+
<div class="row no-gutters align-items-center justify-content-between mb-4 w-100">
51+
<h5 class="bold flex-1">Problem Solving</h5>
52+
<i class="fas fa-play-circle fa-2x"></i>
53+
</div>
54+
55+
<div class="card-md">
56+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
57+
dolore
58+
magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
59+
facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
60+
labore
61+
et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan
62+
lacus
63+
vel facilisis. et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra
64+
maecenas accumsan
65+
lacus vel facilisis.
66+
</div>
67+
</div>
68+
</div>
69+
</div>
70+
<div class="col-sm-6 mb-5">
71+
<div class="border-card p-md-5 p-4 h-100">
72+
<div class="flex-col justify-content-between h-100">
73+
<div class="row no-gutters align-items-center justify-content-between mb-4 w-100">
74+
<h5 class="bold flex-1">Fundamentals</h5>
75+
<i class="fas fa-play-circle fa-2x"></i>
76+
</div>
77+
78+
<div class="card-md">
79+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
80+
dolore
81+
magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
82+
facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
83+
labore
84+
et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan
85+
lacus
86+
vel facilisis.
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
<div class="col-sm-6 mb-5">
92+
<div class="border-card p-md-5 p-4 h-100">
93+
<div class="flex-col justify-content-between h-100">
94+
<div class="row no-gutters align-items-center justify-content-between mb-4 w-100">
95+
<h5 class="bold flex-1">Problem Solving</h5>
96+
<i class="fas fa-play-circle fa-2x"></i>
97+
</div>
98+
99+
<div class="card-md">
100+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
101+
dolore
102+
magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
103+
facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
104+
labore
105+
et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan
106+
lacus
107+
vel facilisis. et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra
108+
maecenas accumsan
109+
lacus vel facilisis.
110+
</div>
111+
</div>
112+
</div>
113+
</div>
114+
</div>
115+
116+
<div class="row no-gutters align-items-center justify-content-between mb-5">
117+
<div class="flex-1 pr-4">
118+
<h2 class="bold">Lectures Schedule</h2>
119+
<h4 class="gradient-text-orange mt-2">Mon Tue Wed Fri | 7PM - 10PM</h4>
120+
</div>
121+
<a href="#" class="bg-gradient-orange white br-10 p-3 t-align-c">
122+
<i class="far fa-file-pdf fa-lg"></i>
123+
<div class="card-md mt-2">Syllabus</div>
124+
</a>
125+
</div>
126+
127+
<div class="row">
128+
<div class="col-md-6 border-right">
129+
<div class="row align-items-center mb-2">
130+
<div class="col-4">
131+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
132+
</div>
133+
<div class="col-8">
134+
<div class="font-mds bold text-ellipses">Lecture 1</div>
135+
</div>
136+
</div>
137+
<div class="row align-items-center mb-2">
138+
<div class="col-4">
139+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
140+
</div>
141+
<div class="col-8">
142+
<div class="font-mds bold text-ellipses">Lecture 1</div>
143+
</div>
144+
</div>
145+
<div class="row align-items-center mb-2">
146+
<div class="col-4">
147+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
148+
</div>
149+
<div class="col-8">
150+
<div class="font-mds bold text-ellipses">Lecture 1</div>
151+
</div>
152+
</div>
153+
<div class="row align-items-center mb-2">
154+
<div class="col-4">
155+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
156+
</div>
157+
<div class="col-8">
158+
<div class="font-mds bold text-ellipses">Lecture 1</div>
159+
</div>
160+
</div>
161+
<div class="row align-items-center mb-2">
162+
<div class="col-4">
163+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
164+
</div>
165+
<div class="col-8">
166+
<div class="font-mds bold text-ellipses">Lecture 1</div>
167+
</div>
168+
</div>
169+
<div class="row align-items-center mb-2">
170+
<div class="col-4">
171+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
172+
</div>
173+
<div class="col-8">
174+
<div class="font-mds bold text-ellipses">Lecture 1</div>
175+
</div>
176+
</div>
177+
</div>
178+
<div class="col-md-6">
179+
<div class="row align-items-center mb-2">
180+
<div class="col-4">
181+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
182+
</div>
183+
<div class="col-8">
184+
<div class="font-mds bold text-ellipses">Lecture 1</div>
185+
</div>
186+
</div>
187+
<div class="row align-items-center mb-2">
188+
<div class="col-4">
189+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
190+
</div>
191+
<div class="col-8">
192+
<div class="font-mds bold text-ellipses">Lecture 1</div>
193+
</div>
194+
</div>
195+
<div class="row align-items-center mb-2">
196+
<div class="col-4">
197+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
198+
</div>
199+
<div class="col-8">
200+
<div class="font-mds bold text-ellipses">Lecture 1</div>
201+
</div>
202+
</div>
203+
<div class="row align-items-center mb-2">
204+
<div class="col-4">
205+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
206+
</div>
207+
<div class="col-8">
208+
<div class="font-mds bold text-ellipses">Lecture 1</div>
209+
</div>
210+
</div>
211+
<div class="row align-items-center mb-2">
212+
<div class="col-4">
213+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
214+
</div>
215+
<div class="col-8">
216+
<div class="font-mds bold text-ellipses">Lecture 1</div>
217+
</div>
218+
</div>
219+
<div class="row align-items-center mb-2">
220+
<div class="col-4">
221+
<div class="font-mds gradient-text-orange text-ellipses">Lecture 1</div>
222+
</div>
223+
<div class="col-8">
224+
<div class="font-mds bold text-ellipses">Lecture 1</div>
225+
</div>
226+
</div>
227+
</div>
228+
</div>
229+
</div>

0 commit comments

Comments
 (0)