Skip to content

Commit b31dde0

Browse files
vaibhav-vemulavaibhav-vemula
committed
Minor Changes
1 parent 68cba72 commit b31dde0

File tree

8 files changed

+88
-85
lines changed

8 files changed

+88
-85
lines changed

‎src/components/Carousel.js

+6-6
Original file line numberDiff line numberDiff line change
@@ -37,13 +37,13 @@ const Carousel = () => {
3737
Elevate Your Learning Experience with Us
3838
</h1>
3939
<div className="hidden md:block">
40-
<NavLink to="/login">
41-
<button class="mr-8 ml-2 text-lg hover:bg-[#94d768] text-[#21811d] py-3 px-6 border-2 border-[#1f901c] rounded-full font-mono font-extrabold">
40+
<NavLink to="/courses">
41+
<button className="mr-8 ml-2 text-lg hover:bg-[#94d768] text-[#21811d] py-3 px-6 border-2 border-[#1f901c] rounded-full font-mono font-extrabold">
4242
Enroll Now
4343
</button>
4444
</NavLink>
45-
<NavLink to="/login">
46-
<button class="bg-[#94d768] text-lg hover:bg-[#94d76800] text-[#21811d] py-3 px-6 border-2 border-[#1f901c] rounded-full font-mono font-extrabold">
45+
<NavLink to="/courses">
46+
<button className="bg-[#94d768] text-lg hover:bg-[#94d76800] text-[#21811d] py-3 px-6 border-2 border-[#1f901c] rounded-full font-mono font-extrabold">
4747
Start Learning Today
4848
</button>
4949
</NavLink>
@@ -107,7 +107,7 @@ const Carousel = () => {
107107
</ul>
108108

109109
<NavLink to="/courses">
110-
<button class="mr-8 ml-2 text-lg hover:bg-[#94d768] text-[#21811d] py-3 px-6 border-2 border-[#1f901c] rounded-full font-serif font-extrabold">
110+
<button className="mr-8 ml-2 text-lg hover:bg-[#94d768] text-[#21811d] py-3 px-6 border-2 border-[#1f901c] rounded-full font-serif font-extrabold">
111111
Enroll Now
112112
</button>
113113
</NavLink>
@@ -155,7 +155,7 @@ const Carousel = () => {
155155
</ul>
156156

157157
<NavLink to="/courses">
158-
<button class="mr-8 ml-2 text-lg hover:bg-blue-400 text-blue-700 py-3 px-6 border-2 border-blue-700 rounded-full font-serif font-extrabold">
158+
<button className="mr-8 ml-2 text-lg hover:bg-blue-400 text-blue-700 py-3 px-6 border-2 border-blue-700 rounded-full font-serif font-extrabold">
159159
Enroll Now
160160
</button>
161161
</NavLink>

‎src/components/CourseCard2.js

+9-9
Original file line numberDiff line numberDiff line change
@@ -35,20 +35,20 @@ const CourseCard2 = (props) => {
3535

3636
return (
3737
<>
38-
<div class="flex flex-col h-[520px] w-96 border-[3px] border-[#21851d31] rounded-3xlshadow shadow-slate-950/5 rounded-2xl overflow-hidden">
38+
<div className="flex flex-col h-[520px] w-96 border-[3px] border-[#21851d31] rounded-3xlshadow shadow-slate-950/5 rounded-2xl overflow-hidden">
3939
<img
40-
class="object-cover h-48 w-full"
40+
className="object-cover h-48 w-full"
4141
src={require("../assets/courses/python.png")}
4242
width="304"
4343
height="192"
4444
alt="Course 01"
4545
/>
46-
<div class="flex-1 flex flex-col p-6">
47-
<div class="flex-1">
48-
<header class="mb-2">
49-
<h2 class="text-xl font-extrabold leading-snug">
46+
<div className="flex-1 flex flex-col p-6">
47+
<div className="flex-1">
48+
<header className="mb-2">
49+
<h2 className="text-xl font-extrabold leading-snug">
5050
<a
51-
class="text-slate-900 focus-visible:outline-none focus-visible:ring focus-visible:ring-indigo-300"
51+
className="text-slate-900 focus-visible:outline-none focus-visible:ring focus-visible:ring-indigo-300"
5252
href="#0"
5353
>
5454
2024 Summer{" "}
@@ -82,6 +82,7 @@ const CourseCard2 = (props) => {
8282
onAfterOpen={afterOpenModal}
8383
onRequestClose={closeModal}
8484
style={customStyles}
85+
ariaHideApp={false}
8586
contentLabel="Example Modal"
8687
>
8788
<div
@@ -105,9 +106,8 @@ const CourseCard2 = (props) => {
105106
<iframe
106107
src="https://www.youtube.com/embed/88kCqAB148U?si=oT-HdFpll7lDKW_"
107108
title="YouTube video player"
108-
frameborder="0"
109109
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
110-
referrerpolicy="strict-origin-when-cross-origin"
110+
referrerPolicy="strict-origin-when-cross-origin"
111111
className="rounded-2xl md:w-[750px] md:h-[450px] h-56 w-[350px]"
112112
></iframe>
113113
<div className="text-center mt-7 mb-10 md:mb-0">

‎src/components/CourseCard3.js

+13-13
Original file line numberDiff line numberDiff line change
@@ -35,26 +35,26 @@ const CourseCard3 = (props) => {
3535

3636
return (
3737
<>
38-
<div class="flex flex-col h-[520px] w-96 border-[3px] border-[#21851d31] rounded-3xlshadow shadow-slate-950/5 rounded-2xl overflow-hidden">
38+
<div className="flex flex-col h-[520px] w-96 border-[3px] border-[#21851d31] rounded-3xlshadow shadow-slate-950/5 rounded-2xl overflow-hidden">
3939
<img
40-
class="object-cover h-48 w-full"
40+
className="object-cover h-48 w-full"
4141
src={require("../assets/courses/py2.png")}
4242
width="304"
4343
height="192"
4444
alt="Course 01"
4545
/>
46-
<div class="flex-1 flex flex-col p-6">
47-
<div class="flex-1">
48-
<header class="mb-2">
49-
<h2 class="text-xl font-extrabold leading-snug">
46+
<div className="flex-1 flex flex-col p-6">
47+
<div className="flex-1">
48+
<header className="mb-2">
49+
<h2 className="text-xl font-extrabold leading-snug">
5050
<a
51-
class="text-slate-900 focus-visible:outline-none focus-visible:ring focus-visible:ring-indigo-300"
51+
className="text-slate-900 focus-visible:outline-none focus-visible:ring focus-visible:ring-indigo-300"
5252
href="#0"
5353
>
5454
2024 Summer{" "}
5555
<span className="text-[#37ae33]">Python + AI </span>{" "}
5656
<span className="underline underline-offset-2">
57-
Online Class
57+
Online className
5858
</span>{" "}
5959
(7-9th grade)
6060
</a>
@@ -83,6 +83,7 @@ const CourseCard3 = (props) => {
8383
onAfterOpen={afterOpenModal}
8484
onRequestClose={closeModal}
8585
style={customStyles}
86+
ariaHideApp={false}
8687
contentLabel="Example Modal"
8788
>
8889
<div
@@ -98,17 +99,16 @@ const CourseCard3 = (props) => {
9899
<h1 className="text-center md:text-4xl text-[#21811d] font-bold font-mono uppercase">
99100
2024 Summer{" "}
100101
<span className="underline underline-offset-4">Python + AI</span>{" "}
101-
Online Class (7-9th grade)
102+
Online className (7-9th grade)
102103
</h1>
103104
<div className="overflow-y-auto ttt">
104105
<div className="flex md:flex-row flex-col text-center mt-8 pb-3">
105106
<div className="basis-2/3 flex flex-col items-center justify-center">
106107
<iframe
107108
src="https://www.youtube.com/embed/88kCqAB148U?si=oT-HdFpll7lDKW_"
108109
title="YouTube video player"
109-
frameborder="0"
110110
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
111-
referrerpolicy="strict-origin-when-cross-origin"
111+
referrerPolicy="strict-origin-when-cross-origin"
112112
className="rounded-2xl md:w-[750px] md:h-[450px] h-56 w-[350px]"
113113
></iframe>
114114
<div className="text-center mt-7 mb-10 md:mb-0">
@@ -238,9 +238,9 @@ const CourseCard3 = (props) => {
238238
<li>2 students: $25 off.</li>
239239
<li> 3+ students: $50 off</li>
240240
</ul>
241-
<li> We will use Zoom for online class.</li>
241+
<li> We will use Zoom for online className.</li>
242242
<li>
243-
Beginner 2 class is the continuation of class beginner 1.
243+
Beginner 2 className is the continuation of className beginner 1.
244244
We suggest students register both two sessions, in order
245245
to have a full understanding of Python.
246246
</li>

‎src/components/CourseCard4.js

+13-13
Original file line numberDiff line numberDiff line change
@@ -35,25 +35,25 @@ const CourseCard4 = (props) => {
3535

3636
return (
3737
<>
38-
<div class="flex flex-col h-[520px] w-96 border-[3px] border-[#21851d31] rounded-3xlshadow shadow-slate-950/5 rounded-2xl overflow-hidden">
38+
<div className="flex flex-col h-[520px] w-96 border-[3px] border-[#21851d31] rounded-3xlshadow shadow-slate-950/5 rounded-2xl overflow-hidden">
3939
<img
40-
class="object-cover h-48 w-full"
40+
className="object-cover h-48 w-full"
4141
src={require("../assets/courses/py3.png")}
4242
width="304"
4343
height="192"
4444
alt="Course 01"
4545
/>
46-
<div class="flex-1 flex flex-col p-6">
47-
<div class="flex-1">
48-
<header class="mb-2">
49-
<h2 class="text-xl font-extrabold leading-snug">
46+
<div className="flex-1 flex flex-col p-6">
47+
<div className="flex-1">
48+
<header className="mb-2">
49+
<h2 className="text-xl font-extrabold leading-snug">
5050
<a
51-
class="text-slate-900 focus-visible:outline-none focus-visible:ring focus-visible:ring-indigo-300"
51+
className="text-slate-900 focus-visible:outline-none focus-visible:ring focus-visible:ring-indigo-300"
5252
href="#0"
5353
>
5454
2024 Summer <span className="text-[#37ae33]">Code Math{" "}</span>
5555
<span className="underline underline-offset-2">
56-
Online Class
56+
Online className
5757
</span>{" "}
5858
(4-6th grade)
5959
</a>
@@ -82,6 +82,7 @@ const CourseCard4 = (props) => {
8282
onRequestClose={closeModal}
8383
style={customStyles}
8484
contentLabel="Example Modal"
85+
ariaHideApp={false}
8586
>
8687
<div
8788
ref={(_subtitle) => (subtitle = _subtitle)}
@@ -94,17 +95,16 @@ const CourseCard4 = (props) => {
9495
x
9596
</h1>
9697
<h1 className="text-center md:text-4xl text-[#21811d] font-bold font-mono uppercase">
97-
2024 Summer <span className="underline underline-offset-4">Code Math</span> Online Class (4-6th grade)
98+
2024 Summer <span className="underline underline-offset-4">Code Math</span> Online className (4-6th grade)
9899
</h1>
99100
<div className="overflow-y-auto ttt">
100101
<div className="flex md:flex-row flex-col text-center mt-8 pb-3">
101102
<div className="basis-2/3 flex flex-col items-center justify-center">
102103
<iframe
103104
src="https://www.youtube.com/embed/88kCqAB148U?si=oT-HdFpll7lDKW_"
104105
title="YouTube video player"
105-
frameborder="0"
106106
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
107-
referrerpolicy="strict-origin-when-cross-origin"
107+
referrerPolicy="strict-origin-when-cross-origin"
108108
className="rounded-2xl md:w-[750px] md:h-[450px] h-56 w-[350px]"
109109
></iframe>
110110
<div className="text-center mt-7 mb-10 md:mb-0">
@@ -179,9 +179,9 @@ const CourseCard4 = (props) => {
179179
<li>2 students: $25 off.</li>
180180
<li> 3+ students: $50 off</li>
181181
</ul>
182-
<li> We will use Zoom for online class.</li>
182+
<li> We will use Zoom for online className.</li>
183183
<li>
184-
Beginner 2 class is the continuation of class beginner 1.
184+
Beginner 2 className is the continuation of className beginner 1.
185185
We suggest students register both two sessions, in order
186186
to have a full understanding of Python.
187187
</li>

‎src/components/CourseTile.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ const CourseTile = (props) => {
8686
onAfterOpen={afterOpenModal}
8787
onRequestClose={closeModal}
8888
style={customStyles}
89+
ariaHideApp={false}
8990
contentLabel="Example Modal"
9091
>
9192
<div
@@ -107,9 +108,8 @@ const CourseTile = (props) => {
107108
<iframe
108109
src="https://www.youtube.com/embed/88kCqAB148U?si=oT-HdFpll7lDKW_"
109110
title="YouTube video player"
110-
frameborder="0"
111111
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
112-
referrerpolicy="strict-origin-when-cross-origin"
112+
referrerPolicy="strict-origin-when-cross-origin"
113113
className="rounded-2xl md:w-[750px] md:h-[450px] h-56 w-[350px]"
114114
></iframe>
115115
<div className="text-center mt-7 mb-7">

‎src/components/NavBar.js

+12-7
Original file line numberDiff line numberDiff line change
@@ -86,11 +86,16 @@ const NavBar = () => {
8686
</NavLink>
8787
</>
8888
) : (
89-
<NavLink to="/login">
90-
<button className="mr-8 ml-8 bg-[#94d768] text-xl hover:bg-[#94d768] text-[#21811d] py-3 px-8 border-2 border-[#1f901c] rounded-full font-mono font-extrabold">
91-
Login
92-
</button>
93-
</NavLink>
89+
// <NavLink to="/login">
90+
// <button className="mr-8 ml-8 bg-[#94d768] text-xl hover:bg-[#94d768] text-[#21811d] py-3 px-8 border-2 border-[#1f901c] rounded-full font-mono font-extrabold">
91+
// Login
92+
// </button>
93+
// </NavLink>
94+
<p>
95+
<button className="mr-8 ml-8 bg-[#94d768] text-xl hover:bg-[#94d768] text-[#21811d] py-3 px-8 border-2 border-[#1f901c] rounded-full font-mono font-extrabold cursor-not-allowed">
96+
Login
97+
</button>
98+
</p>
9499
)}
95100
</div>
96101
</div>
@@ -212,7 +217,7 @@ const NavBar = () => {
212217
>
213218
Contact Us
214219
</NavLink>
215-
<NavLink
220+
{/* <NavLink
216221
onClick={() => setIsOpen(!isOpen)}
217222
style={({ isActive }) => {
218223
return {
@@ -224,7 +229,7 @@ const NavBar = () => {
224229
className="text-black hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium"
225230
>
226231
Login / Register
227-
</NavLink>
232+
</NavLink> */}
228233
</div>
229234
</div>
230235
)}

‎src/pages/Courses.js

+8-8
Original file line numberDiff line numberDiff line change
@@ -160,17 +160,17 @@ const Courses = () => {
160160
>
161161
<h1 className="text-[#21811d] font-bold">{level} </h1>
162162
<svg
163-
class="w-2.5 h-2.5 ml-2.5"
163+
className="w-2.5 h-2.5 ml-2.5"
164164
aria-hidden="true"
165165
xmlns="http://www.w3.org/2000/svg"
166166
fill="none"
167167
viewBox="0 0 10 6"
168168
>
169169
<path
170170
stroke="currentColor"
171-
stroke-linecap="round"
172-
stroke-linejoin="round"
173-
stroke-width="2"
171+
strokeLinecap="round"
172+
strokeLinejoin="round"
173+
strokeWidth="2"
174174
d="m1 1 4 4 4-4"
175175
/>
176176
</svg>
@@ -272,7 +272,7 @@ const Courses = () => {
272272
<div className="pb-10 mb-10">
273273
<div className="lg:w-11/12 mx-auto grid lg:grid-cols-1 ttt">
274274
{courses.map((cat, ind) => (
275-
<>
275+
<div key={ind}>
276276
{level === "Show All" ? (
277277
<h1 className="lg:pl-4 pb-4 mt-12 text-4xl text-[#21811d] font-serif uppercase font-extrabold underline underline-offset-[5px]">
278278
{Levels[ind + 2]}
@@ -286,7 +286,7 @@ const Courses = () => {
286286
{cat.map((cou, ind) => (
287287
<CourseTile key={ind} data={cou} />
288288
))}
289-
</>
289+
</div>
290290
))}
291291
</div>
292292
</div>
@@ -310,7 +310,7 @@ const Courses = () => {
310310
<div className="pb-10 mb-10">
311311
<div className="lg:w-11/12 mx-auto grid lg:grid-cols-1 ttt">
312312
{Object.keys(FallCourses).map((cat, ind) => (
313-
<>
313+
<div key={ind}>
314314
<h1
315315
key={ind}
316316
className="lg:pl-4 pb-4 mt-12 text-4xl text-[#21811d] font-serif uppercase font-extrabold underline underline-offset-[5px]"
@@ -320,7 +320,7 @@ const Courses = () => {
320320
{FallCourses[cat].map((cour, idx) => (
321321
<CourseTile key={idx} data={cour} />
322322
))}
323-
</>
323+
</div>
324324
))}
325325
</div>
326326
</div>

0 commit comments

Comments
 (0)