ShofiqulShuvo
/
studypress-new-design


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- font awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- pico css -->
    <link rel="stylesheet" href="./css/pico.min.css">

    <!-- Pico css Bootstrap grid -->
    <link rel="stylesheet" href="css/pico-bootstrap-grid.min.css" />

    <!-- swiper slider css -->
    <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
    />


    <!-- style css -->
    <link rel="stylesheet" href="./css/index.css">


    <title>Studypress</title>
</head>
<body>
    
    <nav id="navbar" class="navbar navbar-expand-lg">

        <div class="container-fluid">

            <!-- navbar brand -->
            <div class="nav-icons">
                <a class="navbar-brand" href="#">
                    <img src="./images/studypress-main-logo.svg" alt="">
                </a>

                <button id="res-btn" class="res-btn">
                    <i class="fa-solid fa-bars"></i>
                </button>
            </div>

            <ul class="nav-links">
                <li>
                    <a href="#" class="link-item active">Home</a>
                </li>
                <li>
                    <a href="#" class="link-item">About</a>
                </li>
                <li>
                    <a href="#" class="link-item">Blog</a>
                </li>
                <li>
                    <a href="#" class="link-item">News</a>
                </li>
                <li>
                    <a href="#" class="link-item">Contact</a>
                </li>
                <li>
                    <a class="link-btn" href="#" role="button">
                        Join for free
                    </a>
                </li>
            </ul>


        </div>

    </nav>

    <main>


        <section id="hero-banner">

            <div class="container">

                <div class="row g-5 hero-content">

                    <div class="col-12 col-lg-7 hero-desc">

                        <h2 class="hero-title">
                            পরিবর্তনশীল চাকরির বাজারের জন্য নিজেকে প্রস্তুত করুন
                        </h2>

                        <p class="hero-paragraph">
                            Studypress এর AI ব্যবহার করে সহজতম উপায়ে আপনার প্রস্তুতি নিন।আপনার পছন্দের ক্যারিয়ার গড়ে তুলতে আজই ডাউনলোড করুন আমাদের অ্যাপ।
                        </p>

                        <div class="statistics">

                            <div class="single-statistics">
                                <h5 class="count">150 Million+ </h5>
                                <p class="">Learners</p>
                            </div>

                            <div class="single-statistics">
                                <h5 class="count">150 Million+ </h5>
                                <p class="">Learners</p>
                            </div>

                            <div class="single-statistics">
                                <h5 class="count">150 Million+ </h5>
                                <p class="">Learners</p>
                            </div>

                        </div>

                        <div class="hero-links">

                            <a class="link-btn" href="#" role="button">
                                Join for free
                            </a>

                            <a class="link-btn-outline" href="#" role="button">
                                Learn more
                            </a>

                        </div>

                    </div>

                    <div class="col-12 col-lg-5 hero-image">
                        <img src="./images/hero-img.svg" alt="">
                    </div>

                </div>

            </div>
        
        </section>

        <section id="feature">

            <div class="container">

                <h2 class="section-title">
                    পরিপূর্ণ প্রস্তুতির জন্য সকল Feature এক অ্যাপ এই
                </h2>

                <p class="section-sub-title">
                    আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
                </p>

                <div class="infography">
                    <img src="./images/infography.svg" alt="">
                </div>

            </div>

        </section>

        <section id="course-catagory">

            <div class="container">

                <h2 class="section-title">
                    যেকোনো চাকরীর প্রস্তুতিতে আমরা আছি আপনার পাশে
                </h2>

                <p class="section-sub-title">
                    আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
                </p>

                <!-- course short desc slider -->
                <div class="swiper courses-short-desc">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                BCS Preliminary
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                Primary School Teacher
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                Bangladesh Bank AD
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                BCS Preliminary
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                Primary School Teacher
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                Bangladesh Bank AD
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                BCS Preliminary
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                Primary School Teacher
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                        <div class="swiper-slide single-course-short-desc">
                            <h6>
                                Bangladesh Bank AD
                            </h6>
                            <p class="desc">
                                <span>12 Courses</span>
                                <span>800 Enrolled</span>
                            </p>
                        </div>

                    </div>
                </div>

                <!-- course container -->
                <div class="course-container row g-4">

                    <!-- single course -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <div class="single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-1.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- single course -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <div class="single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-2.png" alt="">
                                </div>

                                <div class="tag">
                                    Popular
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- single course -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <div class="single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-3.png" alt="">
                                </div>

                                <!-- <div class="tag">
                                    New
                                </div> -->

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- single course -->
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <div class="single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-4.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>
                    </div>


                </div>

                <a href="" class="link-btn"  role="button">
                    সব কোর্স 
                </a>

            </div>

        </section>

        <section id="why-studypress">

            <div class="container-fluid">

                <div class="row g-4">

                    <!-- slideer -->
                    <div class="col-12 col-md-6 col-lg-6 slider">

                        <!-- slide 1 -->
                        <div class="swiper why-slider-1">
                            <div class="swiper-wrapper">

                              <div class="swiper-slide">
                                <img src="./images/quiz-1.svg" alt="">
                              </div>

                              <div class="swiper-slide">
                                <img src="./images/quiz-2.svg" alt="">
                              </div>

                              <div class="swiper-slide">
                                <img src="./images/quiz-1.svg" alt="">
                              </div>

                              <div class="swiper-slide">
                                <img src="./images/quiz-2.svg" alt="">
                              </div>

                              <div class="swiper-slide">
                                <img src="./images/quiz-1.svg" alt="">
                              </div>

                              <div class="swiper-slide">
                                <img src="./images/quiz-2.svg" alt="">
                              </div>

                            </div>
                        </div>

                        <!-- slide 2 -->
                        <div class="swiper why-slider-2">
                            <div class="swiper-wrapper">

                                <div class="swiper-slide">
                                    <img src="./images/quiz-1.svg" alt="">
                                </div>
    
                                <div class="swiper-slide">
                                    <img src="./images/quiz-2.svg" alt="">
                                </div>
    
                                <div class="swiper-slide">
                                    <img src="./images/quiz-1.svg" alt="">
                                </div>
    
                                <div class="swiper-slide">
                                    <img src="./images/quiz-2.svg" alt="">
                                </div>
    
                                <div class="swiper-slide">
                                    <img src="./images/quiz-1.svg" alt="">
                                </div>
    
                                <div class="swiper-slide">
                                    <img src="./images/quiz-2.svg" alt="">
                                </div>
                                
                            </div>
                        </div>
                        
                    </div>
                    

                    <!-- details -->
                    <div class="col-12 col-md-6 col-lg-6 details">

                        <h2 class="section-title">
                            কেন Studypress শিক্ষার্থীদের প্রথম পছন্দ ?
                        </h2>

                        <ul>

                            <li>
                                Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন 
                            </li>

                            <li>
                                Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন 
                            </li>

                            <li>
                                Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন 
                            </li>
                            
                            <li>
                                Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন 
                            </li>

                        </ul>

                    </div>

                </div>

            </div>

        </section>

        <section id="new-course">
            <div class="container">
                
                <h2 class="section-title">
                    চলে এসেছে নতুন ক্র্যাশ কোর্স
                </h2>

                <p class="section-sub-title">
                    আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
                </p>

                <!-- new-course-slider slider -->
                <div class="swiper new-course-slider">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-1.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>

                        <div class="swiper-slide single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-2.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>

                        <div class="swiper-slide single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-3.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>

                        <div class="swiper-slide single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-4.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>

                        <div class="swiper-slide single-course">

                            <div class="top-part">
                                <div class="img-container">
                                    <img src="./images/course-1.png" alt="">
                                </div>

                                <div class="tag">
                                    New
                                </div>

                            </div>

                            <div class="details">

                                <p class="level">
                                    <small>Beginner level</small>
                                </p>

                                <a href="#" class="title">
                                    Primary School Teacher
                                </a href="#">

                                <div class="stats">
                                    <span>40 Days,</span>
                                    <span>4200 Enrolled</span>
                                </div>

                                <div class="price">
                                    <span>
                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
                                    </span>
                                    <span>
                                        500
                                    </span>
                                </div>

                            </div>

                        </div>


                    </div>
                </div>

            </div>
        </section>

        <section id="app-download">

            <div class="container">

                <div class="row g-5 ">

                    <div class="col-12 col-md-6 col-lg-4 feature-img">
                        <img src="./images/phone-app.svg" alt="">
                    </div>

                    <div class="col-12 col-md-6 col-lg-8 details">

                        <h2 class="section-title">
                            ডাউনলোড করুণ আমাদের Mobile App
                        </h2>

                        <p class="section-sub-title">
                            Start or schedule lessons anytime, anywhere with our Android and iPhone apps.
                        </p>

                        <div class="download-btns">

                            <a href="#">
                                <img src="./images/app-store.svg.png" alt="">
                            </a>

                            <a href="#">
                                <img src="./images/google-play.svg.svg" alt="">
                            </a>

                        </div>

                    </div>

                </div>

            </div>

        </section>

        <section id="our-blog">

            <div class="container">

                                
                <h2 class="section-title">
                    পড়ুন আমাদের ব্লগ
                </h2>

                <p class="section-sub-title">
                    আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
                </p>

                <div class="blog-container">

                    <div class="blog-single">
                        
                        <div class="img-container">
                            <img src="./images/blog-1.svg" alt="">
                        </div>

                        <div class="details">
                            <a href="#" class="title">
                                English Learning
                            </a>

                            <p>
                                We are shocked to learn that at least 23 people were killed and 9 others injured in car crash How to keep up with the world Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt .....
                            </p>

                        </div>

                    </div>

                    <div class="blog-single">
                        
                        <div class="img-container">
                            <img src="./images/blog-2.svg" alt="">
                        </div>

                        <div class="details">
                            <a href="#" class="title">
                                How to keep up with the world
                            </a>

                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. . .
                            </p>

                        </div>

                    </div>

                    <div class="blog-single">
                        
                        <div class="img-container">
                            <img src="./images/blog-3.svg" alt="">
                        </div>

                        <div class="details">
                            <a href="#" class="title">
                                How to keep up with the world
                            </a>

                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. . .
                            </p>

                        </div>

                    </div>

                    <div class="blog-single">
                        
                        <div class="img-container">
                            <img src="./images/blog-4.svg" alt="">
                        </div>

                        <div class="details">
                            <a href="#" class="title">
                                Ace your Exams
                            </a>

                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim. . .
                            </p>

                        </div>

                    </div>

                </div>

                <a href="#" class="link-btn" role="button">
                    সকল ব্লগ
                </a>

            </div>

        </section>

        <section id="current-news">

            <div class="container">

                                
                <h2 class="section-title">
                    সাম্প্রতিক খবর
                </h2>

                <div class="row g-4 all-news">

                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="single-news">
    
                            <div class="img-container">
                                <img src="./images/news-1.png" alt="">
                            </div>
    
                            <div class="details">

                                <h5 class="title">
                                    ডিএসসিসি তে চাকরি, পদ ৯২
                                </h5>

                                <p>
                                    ধাকা দক্ষিণ সিটি করপোরেশন (ডিএসসিসি) জনবল নিয়োগের জন বিজ্ঞপ্তি প্রকাশ করেছে। এই প্রতিষ্ঠানে ৩ পদে মোট ৯২ জন নেওয় হবে। আগ্রহী প্রার্থীদের অনলাইনে আবেদন করতে হবে। আবেদনের ফর চনফিরমাতিওন পাথান হবে প্রারথিদের নিজ নিজ ফোন এ ।আবেডোণেড় ষেষ ষোমোয় নভেম্বর পর্যন্ত ...
                                </p>

                                <a href="#" class="link">
                                    <span>
                                        বিস্তারিত
                                    </span>
                                    <span>
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </span>
                                </a>

                            </div>
    
                        </div>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="single-news">
    
                            <div class="img-container">
                                <img src="./images/news-2.png" alt="">
                            </div>
    
                            <div class="details">
                                <h5 class="title">
                                    ডিএসসিসি তে চাকরি, পদ ৯২
                                </h5>
                                <p>
                                    ধাকা দক্ষিণ সিটি করপোরেশন (ডিএসসিসি) জনবল নিয়োগের জন বিজ্ঞপ্তি প্রকাশ করেছে। এই প্রতিষ্ঠানে ৩ পদে মোট ৯২ জন নেওয় হবে। আগ্রহী প্রার্থীদের অনলাইনে আবেদন করতে হবে। আবেদনের ফর চনফিরমাতিওন পাথান হবে প্রারথিদের নিজ নিজ ফোন এ ।আবেডোণেড় ষেষ ষোমোয় নভেম্বর পর্যন্ত ...
                                </p>

                                
                                <a href="#" class="link">
                                    <span>
                                        বিস্তারিত
                                    </span>
                                    <span>
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </span>
                                </a>

                            </div>
    
                        </div>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="single-news">
    
                            <div class="img-container">
                                <img src="./images/news-3.png" alt="">
                            </div>
    
                            <div class="details">
                                <h5 class="title">
                                    ডিএসসিসি তে চাকরি, পদ ৯২
                                </h5>
                                <p>
                                    ধাকা দক্ষিণ সিটি করপোরেশন (ডিএসসিসি) জনবল নিয়োগের জন বিজ্ঞপ্তি প্রকাশ করেছে। এই প্রতিষ্ঠানে ৩ পদে মোট ৯২ জন নেওয় হবে। আগ্রহী প্রার্থীদের অনলাইনে আবেদন করতে হবে। আবেদনের ফর চনফিরমাতিওন পাথান হবে প্রারথিদের নিজ নিজ ফোন এ ।আবেডোণেড় ষেষ ষোমোয় নভেম্বর পর্যন্ত ...
                                </p>
                                
                                <a href="#" class="link">
                                    <span>
                                        বিস্তারিত
                                    </span>
                                    <span>
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </span>
                                </a>

                            </div>
    
                        </div>
                    </div>

                </div>

                <a href="#" class="link-btn-outline" role="button">
                    আরও পড়ুন
                </a>

            </div>

        </section>

        <section id="feature-sec">

            <div class="all-feature">

                <!-- word of the day -->
                <div class="word-day">

                    <p class="sub-heading">প্রতিদিন নতুন শব্দ শিখে নিন</p>

                    <div class="heading">
                        <img src="./images/word-of-day.svg" alt="">
                    </div>

                    <div class="word-container">

                        <div class="word">
                            Eulogy
                        </div>

                        <div class="meaning">
                            রশংসাত্মক উক্তি বা লেখা, প্রশংসা
                        </div>

                        <div class="synonyms">
                            <strong>Synonyms:</strong> panegyric, salutation, tribute
                        </div>

                        <div class="antonyms">
                            <strong>Antonyms:</strong>  Criticism
                        </div>

                        <p class="desc">
                            Several eulogies were given at the special assembly marking the retirement of the company's longtime president
                        </p>

                        <div class="realated-image">
                            <img src="./images/reading-book.svg" alt="">
                        </div>
                    </div>

                </div>
                    
                <!-- memory -->
                <div class="memory">

                    <div class="title">
                        জেনে নিন আজকের ঘটে যাওয়া স্মরণীয় বিষয়গুলো
                    </div>

                    <div class="date">
                        <span>--</span>
                        <span> 06 Aug </span>
                        <span>--</span>
                    </div>

                    <div class="swiper memory-slider">

                        <div class="swiper-wrapper">
    
                            <div class="swiper-slide ">
                                <div class="single-memory">
                                    <div class="img-container">
                                        <img src="./images/hiroshima.svg" alt="">
                                    </div>

                                    <div class="detail">
    
                                        <h6 class="title">
                                            হিরোশিমা দিবস
                                        </h6>
    
                                        <p>
                                            আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
                                        </p>
                                    </div>
                                </div>
                            </div>
    
                            <div class="swiper-slide ">
                                <div class="single-memory">
                                    <div class="img-container">
                                        <img src="./images/hiroshima.svg" alt="">
                                    </div>

                                    <div class="detail">
    
                                        <h6 class="title">
                                            হিরোশিমা দিবস
                                        </h6>
    
                                        <p>
                                            আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
                                        </p>
                                    </div>
                                </div>
                            </div>
    
                            <div class="swiper-slide ">
                                <div class="single-memory">
                                    <div class="img-container">
                                        <img src="./images/hiroshima.svg" alt="">
                                    </div>

                                    <div class="detail">
    
                                        <h6 class="title">
                                            হিরোশিমা দিবস
                                        </h6>
    
                                        <p>
                                            আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
                                        </p>
                                    </div>
                                </div>
                            </div>
    
                            <div class="swiper-slide ">
                                <div class="single-memory">
                                    <div class="img-container">
                                        <img src="./images/hiroshima.svg" alt="">
                                    </div>
                                    
                                    <div class="detail">
    
                                        <h6 class="title">
                                            হিরোশিমা দিবস
                                        </h6>
    
                                        <p>
                                            আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
                                        </p>
                                    </div>
                                </div>
                            </div>
    
                        </div>

                        <div class="swiper-button-next memory-slider-next"></div>
                        <div class="swiper-button-prev memory-slider-prev"></div>

                    </div>

                </div>

            </div>

        </section>
        
    </main>


    <footer id="footer">

        <div class="container">

            <div class="top-part">
                <ul>

                    <li>
                        <img class="short-icon" src="./images/logo-short.svg" alt="">
                    </li>
                    
                    <li>
                        <a href="#" class="active">Home</a>
                    </li>

                    <li>
                        <a href="#" >About</a>
                    </li>

                    <li>
                        <a href="#" >Blog</a>
                    </li>

                    <li>
                        <a href="#" >News</a>
                    </li>
                    
                    <li>
                        <a href="#" >Contact</a>
                    </li>

                </ul>
            </div>

            <div class="bottom-part row g-5">

                <div class="col-12 col-md-6">
                    <ul class="address">

                        <li>
                            <span>
                                <i class="fa-solid fa-phone"></i>
                            </span>
                            <span>
                                01624-595959
                            </span>
                        </li>

                        <li>
                            <span>
                                <i class="fa-solid fa-envelope"></i>
                            </span>
                            <span>
                                studypressbd@gmail.com
                            </span>
                        </li>

                        <li>
                            <span>
                                <i class="fa-solid fa-globe"></i>
                            </span>
                            <span>
                                www.studypress.org
                            </span>
                        </li>

                        <li>
                            <span>
                                <i class="fa-solid fa-location-dot"></i>
                            </span>
                            <span>
                                House 37, Road 3, Sector 9, Uttara, Dhaka-1230
                            </span>
                        </li>

                    </ul>

                </div>

                <div class="col-12 col-md-6">

                    <div class="other-link">

                        <p>আমাদের সম্পর্কে আরো জানতে</p>

                        <div class="social-link">

                            <a href="#" class="single-link">
                                <img src="./images/facebook.svg.svg" alt="">
                            </a>

                            <a href="#" class="single-link">
                                <img src="./images/Linkedin_.svg.svg" alt="">
                            </a>

                            <a href="#" class="single-link">
                                <img src="./images/Instagram.svg.svg" alt="">
                            </a>

                            <a href="#" class="single-link">
                                <img src="./images/youtube.svg.svg" alt="">
                            </a>

                        </div>

                        <div class="privacy-links">
                            <a href="#">Terms & Conditions</a>
                            <a href="#">Refund Policy</a>
                            <a href="#">Privacy Policy</a>
                        </div>

                        <div class="app-download">

                            <a href="#">
                                <img src="./images/app-store.svg.png" alt="">
                                <img src="./images/google-play.svg.svg" alt="">
                            </a>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </footer>


    <!-- swiper slider js -->
    <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

    <!-- custom js -->
    <script src="./js/custom.js"></script>


</body>
</html>