wU=F µÄ{¼9IÝä9†¿û„‰$€{#ÚB+vlÅÑ4ükà_àäð†f-šv­j{¨(^~­‚¯|£‹j>h,râÏ`y“$,B>tË©LÚ&øbºPÛnQ’R£ÐVwšÌ"ýšÃ¿·Í¬Y½ v>Ï“û‚"ñJ,C.€ÒùÍš\›uÇÞ 2Óµ0Ê,ŽËî“5jŸh‚ÿd),®Ùo™ðÃ~rb´:fú÷/ˆ‹ýÓ0)€˜ým¢•s;X8AäûÊS\}²O’r|iiËˆ¥²¿Àû/çq}9§ìoöQÂ¹%)Îs‘‡z˜ÍÛ3ÓJëÔþ³˜ÏÝg–1þ„h7~›Ú4ÚÜ]m~"ßGäg»Ò3MËÔüXXEï«T­&Ý¶‡6îñV	wh,­¶S¶L9ÕwÙ`Æ>Äleùñª“¶»ô$ù¥öÏ[»Ù–Iä¤?G–¨ëyM=ÿØ;À›¢‘ôâ#NhŽî‰~@Oéœ£…£ß–š0Á„+6C,qËcNòèO8£gmgâž‡'DaPÀ !6¹FX7¬Ñí™=©p¹6ó~@Oéœ£…£ß–š0Á„+6C,qËcNòèO8£ZÒÈÏDW[‘w0X³tÉg94juªDÁýËå0“I¥EÅòÞŸ³ûÚ°ÙÓ&æº¸íÄ´oÅÑ-ƒøñ(Vœk{ôª]%˜5ÍdâWøzsûtž«§IÁùŽƒ ¥ÕQ&Eåqg~ÍqÒç?pÃšH%:šª¢9u.×rê&©SHÚ¸BRÙ:©üÿ4 Œ:š¨é ‹»˜”ìò°ÝÎNÇp=à Ž#ˆ1q±yœôÓoýò"³î™E´(ÉÛréê	6Ž4Ì¿n¦zNÃ@2 pÄ»°¿P®­*8^)Pùæ„b½pÐE~6ìßJYø¦FŸÿT§×€`\õ1Áò8g¯ZM†–',cpè2¤a…öÎ;À‚ât€ÞÞë‰æ œIåúröøöû•ŒŸè·¥EÅòÞŸ³ûÚ°ÙÓ&æº
u Ý;^i+(S5—£ÖŠýßt=£µ:y‰z†é£’o§åÌWÂªf&Ÿ˜ñ#"l/(]
Ù_†˜ùÃ3â«LágÉ#¢“9»˜”ìò°ÝÎNÇp=à Ž7yåÔ^öæ2f’0Óxq<ˆâEFUKó1ÂÆ\§èdË¿n¦zNÃ@2 pÄ»íz!ÏQ)D3Öƒ©Üm–„Õ’´]ˆx0v<6¸7¤b5Ï…#DxIQ•škâ?'†
U1z7{R5”ñd Y´t/‘àºAk²Þ™ØxcœÔFã[Â?—µ~ÛhY<±ä/;}˜JCç¹a	øüœIåúröøöû•ŒŸè·˜¸Å¿æ ž­ÈkYïð½êûq°—¥ñÃÓ™aKóºËÞC]Ÿg©i©t’ÊS×::--¾¿£ÞŸ‚A–Ô¬È,!ç~+±²ä€ÞUÄÖK€hi1\ðÕ©Wë™©’Jwh|ÜP;ªÞ~EÏ’ãT Hu1sè*cI”ÈÛ±Œc]6ÜSÁ(nI´ç˜Ý\wÒÖF|ÝáÚÍt4 ^”«Õ	ý§ÜÀVöñâ7¿3âX2]Ø2³V6²8ðÒóÐÂ5Ë°I¨²>•v‘3ì–Ô®6ká—&n{`Ë©L‰‡PC¿~3¾™	¢ë;×7å
WsRž%v^IÁAhÝÿ`ÛÀ®ÂSKg8»1¤ü0±®Y\û‘ê‰Z“p¶ïGXùÝOë¬ÓwîXÉ¶´	íŠÏøðí¬û¹y«“¼¹ŸKŽR»XÁÑ)$5ì\b2<{÷dCÄr}„züñÌ¯)N$²#fggäÄ‡)(Ç¶)aj£0Œ4§ÐáÆäõÎuJqã¿£(%]êãE•ç	¯J‰âÙ—!'mß_·|A¾.ßBÚ÷!á›@Â)'°ó ÂF\©-M\©èµÇsãƒ;+ÿg˜¦ûî
Mc|îN$R(Kš{_(Ùö††ÔíA£Â3’ø[læ®¾?ÄT©cb:ìJWˆEÓ9¼0’Í~S®aúéÈ²\œ\´ÁFÿdXKVæý*zßœ?¤©&çáÛäÃ·æ¸h9{î}Ô(,ÿñnª·T­¨wRüüHõÿ¢.ºïÓ³_T.Ð"äàiú£¼@ŸB¤n„¤ãìàùBLçú%¹¼nû‚YqÚU‡äÿýlÂ
PVêVÚg×ê¢ò“¾’`öò}¨j¼[ðàçÃh( ´Ñ4Ï‹1J>€´Ð-¯ÁŽ‡º]ÜËW-%ˆn=Ü˜¹nRÐ¶žÛ¢!Íà˜ï7ØtßÒT¼TúîŽR»XÁÑ)$5ì\b2<{÷“Yñ3üsË‹#æØ÷ŽÄ%éùKéYÈþeQÝÂ¼â*Ü¢¡èò¢X›RIí­UÆäCNMª hÐôÌ³ov<„ùàºüvÝ#flTiÇs—¹²«ÝzÞ2Ø*ª[¢__“Ö‹‡ÇÍ—Q’9jŒ~I¸/[qÕÉ^àwï9bÈ7Ox#*@ N(Ç‚÷ýÅÖÄ\#šIàÛ›pfô‹‹æà3vµª	œ¬–CcM|Z¾Ãü"ïÒ²hA=%àÇ ãe?}%ÌøŸV D2*K·Ðí{½RÏGc {JñÌ–q¼ªG6¶IšûZwúYÉ®EA9V¾Ô=NÞÅ5‚½ûõ¡È¤%wT>
ÃUœw%og-v¥®’5¿O};þ»%ÏzÁ Î!¦*æÞø.ôÚ´›v÷$­ð¿‡¨%R8{¤¤°×|PºòÜÚëFR«Îzg0t‡E³ÄÓP:¾ù¥1ÃßY)ÖaòÇbÈÇî„BÁÀðŸ¬üúóôù*Oþ'Ñà.ˆ_'+–>ïËoHZÁån03Â¡¬¯@„N#™M¶×ÕC73¼Ö~•ð)¶(d¾Ó”Æ$Ä¼pÐZë$Ï
¶ëj.Y¡6[w¿A%“ù†ýƒ½¬2¥+ð-Iê jó µ2ñ>î²µ„C#µ^€„I“&Ø½%/ÐA˜N¤?‚–Å†ÎY¨é5lim»ˆqÖXË¬ñŠbŽ‰òåúK¢Oó—ìoÉ3÷Iƒ¹Š®g9Þ8a¥s€ë>˜„/†]ñ™ ƒ.²<â?‚v/†q”«9ÉSY!pAx9£ÏÓ‘jX¯R(æ°¡­§@<Jò0³ÅØ°à]o…Ã»õF†âN™W¾ÜéËÁð~Pt¬ÓÇ¡¦¤0Œ4§ÐáÆäõÎuJqã&±ì„Ÿ0#9IOåuLòYY ¾´0ëâà3Q5:ÏºnW¾÷‡Æs.êõÕ‚~VJN}<ZõlÜÒð¨Ñ‚óìüöKÏðÑ¦/Ð•³‰°-ö¿Û•>|øA!>F>0éâ—Üüüfá×	±A¤DkõßL$½D¹QÙýÙª"xî‚î£¤álª'Ÿ‹à-WÍr¨kÂ`ðIêÊÞ°è]¢)=C¿•v¯J}i–¡@žê$½D¹QÙýÙª"xîCENjâ…º¦Îpï
sj\­²K/š9='¾Ðd›`ONÒ¢7ûÝKò¾oÒ9ñ#êT=ºX&#lÔK¾ÚS¬$½D¹QÙýÙª"xî<ç”·+N,§¶Ú'Ñ›Z»	KÜ$òZ£ÐT3<§xôß|¡uy?x­¡hq“L„½éaD?W,Å$‘iÁ(§dY/8Xd“Æ¡6IÔ€„I“&Ø½%/ÐA˜N¤…;ø¾”ÂkkÁEI¡Â©á:«3>lCÅR)_Ù”&ÃÀýjf5
•‚/¶q=Ç;°«,5Vk8“9E6ËÏàŸö	rò1žÝE™ý¡ŒñÚ€ö¤Ï´M‰%*]-Ä‡¼Éegšû€J<V:>FLœá¡ÙsÚ7‹¥lä4?QHË5þ‰ççËè¢8?Å×æ™:F2ËS‰
x’A!WÔA¤p÷;ª‹_AŒñÚ€ö¤Ï´M‰%*]-âÜOôKÑžw×âm.t)´v/Jú‡hœ2\é­È›ÎƒûÀ¸ö€Äö²ÌZô¬Y¤~ŠN©»÷Îw-C	¯2Ä-PÈfÞð¢IZƒv"_ÊG¦¯—úŸs`Ç&Ë`”jÕuÅR¯–+kÌOô²7jU_ìFDWšcJp¬5 =‰:}µÌü#D£¡A;æÉ™bT,4ÅÔ/Heg4	“›õž"ˆ÷G-ð…D»wïl˜^#ÇÝÞÍ%Ûß-Váîað~QØ©µÆKì‹GX9Àet!ÜÔB¥ñeìq\vUEº â?­ž5e@'“9nYÛ6iˆ¯D›ALü›‹LšªöÃE«õ®98EÔÙ8Ð0fD ìúN²N4ETvŒO`‘WÃò¶À³ëì•7—)ì}§B)_ qPÌ<(öº)Ž&9¬DSÎ‰¹åùú<£¸‡õ:’Šb±ëÔª=È3¾¸³ºì^úzæŒ¡‘ : dyš:i½ÿýôÂ²°qC73¼Ö~•ð)¶(d¾Ó”ÆL!ÍHoEeFZF¹"‚{ïªv•ú!Öûÿƒõøgß•CÐ,ÖõòUö„	%¦îbvWÌLF3Ð®B7ÖAª†™ñ+"ª¹àëœx6¡ Œì‰(¦”œZ\©ÈgÙÎŠçeâi,L›OoÕ©"5F_z.¥§¾?¸aþGÑE¦$½D¹QÙýÙª"xî­€@×I¦ô…&ŸÝíîªö0=±á/Ö®™kÃÍè7sæµ—õsà{{Á^ÝÎC73¼Ö~•ð)¶(d¾Ó”Æ’Šb±ëÔª=È3¾¸³ž3L©µå¡6/¸œ6šh”bnk¿-S-¨xPS£µŠ‡K]è ²•ªÝÌj£¢n¦Î}l¦ÛŽ…òAÕ‹¯ÏoKMåS}@Ék­Ù$½D¹QÙýÙª"xîì`£¤!U°çB[¡‡ÝÏ´ Æ˜²½Ä€Õ‹Ó`ã^$À‡Ÿ±ôÏ1I9Ýí9~EÌ=#Á·Ç!’&mF’ñ¾±Þrlb;ÔFwïpÞè$½D¹QÙýÙª"xîi ÂXáxo\ZÜÉÍýê»GªA>Î!Žp”n$¹w;C”ÛÊ™G•fk±‹õ£ÆvŽ0<¸vIð«¤nÊ©t1ÎIx^È¦…DvœB ¡ÝK©"JÚ‚ò2$½D¹QÙýÙª"xî'vH/Ð‡Ykùhî           </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Header End -->


    <!-- Categories Start -->
    <div class="container-xxl py-5 category">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <h6 class="section-title bg-white text-center text-primary px-3">Categories</h6>
                <h1 class="mb-5">Courses Categories</h1>
            </div>
            <div class="row g-3">
                <div class="col-lg-7 col-md-6">
                    <div class="row g-3">
                        <div class="col-lg-12 col-md-12 wow zoomIn" data-wow-delay="0.1s">
                            <a class="position-relative d-block overflow-hidden" href="">
                                <img class="img-fluid" src="img/cat-1.jpg" alt="">
                                <div class="bg-white text-center position-absolute bottom-0 end-0 py-2 px-3" style="margin: 1px;">
                                    <h5 class="m-0">Web Design</h5>
                                    <small class="text-primary">49 Courses</small>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-6 col-md-12 wow zoomIn" data-wow-delay="0.3s">
                            <a class="position-relative d-block overflow-hidden" href="">
                                <img class="img-fluid" src="img/cat-2.jpg" alt="">
                                <div class="bg-white text-center position-absolute bottom-0 end-0 py-2 px-3" style="margin: 1px;">
                                    <h5 class="m-0">Graphic Design</h5>
                                    <small class="text-primary">49 Courses</small>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-6 col-md-12 wow zoomIn" data-wow-delay="0.5s">
                            <a class="position-relative d-block overflow-hidden" href="">
                                <img class="img-fluid" src="img/cat-3.jpg" alt="">
                                <div class="bg-white text-center position-absolute bottom-0 end-0 py-2 px-3" style="margin: 1px;">
                                    <h5 class="m-0">Video Editing</h5>
                                    <small class="text-primary">49 Courses</small>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-6 wow zoomIn" data-wow-delay="0.7s" style="min-height: 350px;">
                    <a class="position-relative d-block h-100 overflow-hidden" href="">
                        <img class="img-fluid position-absolute w-100 h-100" src="img/cat-4.jpg" alt="" style="object-fit: cover;">
                        <div class="bg-white text-center position-absolute bottom-0 end-0 py-2 px-3" style="margin:  1px;">
                            <h5 class="m-0">Online Marketing</h5>
                            <small class="text-primary">49 Courses</small>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- Categories Start -->


    <!-- Courses Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <h6 class="section-title bg-white text-center text-primary px-3">Courses</h6>
                <h1 class="mb-5">Popular Courses</h1>
            </div>
            <div class="row g-4 justify-content-center">
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                    <div class="course-item bg-light">
                        <div class="position-relative overflow-hidden">
                            <img class="img-fluid" src="img/course-1.jpg" alt="">
                            <div class="w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4">
                                <a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
                                <a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3" style="border-radius: 0 30px 30px 0;">Join Now</a>
                            </div>
                        </div>
                        <div class="text-center p-4 pb-0">
                            <h3 class="mb-0">$149.00</h3>
                            <div class="mb-3">
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small>(123)</small>
                            </div>
                            <h5 class="mb-4">Web Design & Development Course for Beginners</h5>
                        </div>
                        <div class="d-flex border-top">
                            <small class="flex-fill text-center border-end py-2"><i class="fa fa-user-tie text-primary me-2"></i>John Doe</small>
                            <small class="flex-fill text-center border-end py-2"><i class="fa fa-clock text-primary me-2"></i>1.49 Hrs</small>
                            <small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>30 Students</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                    <div class="course-item bg-light">
                        <div class="position-relative overflow-hidden">
                            <img class="img-fluid" src="img/course-2.jpg" alt="">
                            <div class="w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4">
                                <a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
                                <a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3" style="border-radius: 0 30px 30px 0;">Join Now</a>
                            </div>
                        </div>
                        <div class="text-center p-4 pb-0">
                            <h3 class="mb-0">$149.00</h3>
                            <div class="mb-3">
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small>(123)</small>
                            </div>
                            <h5 class="mb-4">Web Design & Development Course for Beginners</h5>
                        </div>
                        <div class="d-flex border-top">
                            <small class="flex-fill text-center border-end py-2"><i class="fa fa-user-tie text-primary me-2"></i>John Doe</small>
                            <small class="flex-fill text-center border-end py-2"><i class="fa fa-clock text-primary me-2"></i>1.49 Hrs</small>
                            <small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>30 Students</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                    <div class="course-item bg-light">
                        <div class="position-relative overflow-hidden">
                            <img class="img-fluid" src="img/course-3.jpg" alt="">
                            <div class="w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4">
                                <a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
                                <a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3" style="border-radius: 0 30px 30px 0;">Join Now</a>
                            </div>
                        </div>
                        <div class="text-center p-4 pb-0">
                            <h3 class="mb-0">$149.00</h3>
                            <div class="mb-3">
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small class="fa fa-star text-primary"></small>
                                <small>(123)</small>
                            </div>
                            <h5 class="mb-4">Web Design & Development Course for Beginners</h5>
                        </div>
                        <div class="d-flex border-top">
                            <small class="flex-fill text-center border-end py-2"><i class="fa fa-user-tie text-primary me-2"></i>John Doe</small>
                            <small class="flex-fill text-center border-end py-2"><i class="fa fa-clock text-primary me-2"></i>1.49 Hrs</small>
                            <small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>30 Students</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Courses End -->


    <!-- Testimonial Start -->
    <div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container">
            <div class="text-center">
                <h6 class="section-title bg-white text-center text-primary px-3">Testimonial</h6>
                <h1 class="mb-5">Our Students Say!</h1>
            </div>
            <div class="owl-carousel testimonial-carousel position-relative">
                <div class="testimonial-item text-center">
                    <img class="border rounded-circle p-2 mx-auto mb-3" src="img/testimonial-1.jpg" style="width: 80px; height: 80px;">
                    <h5 class="mb-0">Client Name</h5>
                    <p>Profession</p>
                    <div class="testimonial-text bg-light text-center p-4">
                    <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
                    </div>
                </div>
                <div class="testimonial-item text-center">
                    <img class="border rounded-circle p-2 mx-auto mb-3" src="img/testimonial-2.jpg" style="width: 80px; height: 80px;">
                    <h5 class="mb-0">Client Name</h5>
                    <p>Profession</p>
                    <div class="testimonial-text bg-light text-center p-4">
                    <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
                    </div>
                </div>
                <div class="testimonial-item text-center">
                    <img class="border rounded-circle p-2 mx-auto mb-3" src="img/testimonial-3.jpg" style="width: 80px; height: 80px;">
                    <h5 class="mb-0">Client Name</h5>
                    <p>Profession</p>
                    <div class="testimonial-text bg-light text-center p-4">
                    <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
                    </div>
                </div>
                <div class="testimonial-item text-center">
                    <img class="border rounded-circle p-2 mx-auto mb-3" src="img/testimonial-4.jpg" style="width: 80px; height: 80px;">
                    <h5 class="mb-0">Client Name</h5>
                    <p>Profession</p>
                    <div class="testimonial-text bg-light text-center p-4">
                    <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial End -->
        

    <!-- Footer Start -->
    <div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-3">Quick Link</h4>
                    <a class="btn btn-link" href="">About Us</a>
                    <a class="btn btn-link" href="">Contact Us</a>
                    <a class="btn btn-link" href="">Privacy Policy</a>
                    <a class="btn btn-link" href="">Terms & Condition</a>
                    <a class="btn btn-link" href="">FAQs & Help</a>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-3">Contact</h4>
                    <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA</p>
                    <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
                    <p class="mb-2"><i class="fa fa-envelope me-3"></i>info@example.com</p>
                    <div class="d-flex pt-2">
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-3">Gallery</h4>
                    <div class="row g-2 pt-2">
                        <div class="col-4">
                            <img class="img-fluid bg-light p-1" src="img/course-1.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light p-1" src="img/course-2.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light p-1" src="img/course-3.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light p-1" src="img/course-2.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light p-1" src="img/course-3.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light p-1" src="img/course-1.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-3">Newsletter</h4>
                    <p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
                    <div class="position-relative mx-auto" style="max-width: 400px;">
                        <input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email">
                        <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">SignUp</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="copyright">
                <div class="row">
                    <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                        &copy; <a class="border-bottom" href="#">Your Site Name</a>, All Right Reserved.

                        <!--/*** This template is free as long as you keep the footer authorâ€™s credit link/attribution link/backlink. If you'd like to use the template without the footer authorâ€™s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
                        Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a><br><br>
                        Distributed By <a class="border-bottom" href="https://themewagon.com">ThemeWagon</a>
                    </div>
                    <div class="col-md-6 text-center text-md-end">
                        <div class="footer-menu">
                            <a href="">Home</a>
                            <a href="">Cookies</a>
                            <a href="">Help</a>
                            <a href="">FQAs</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>