index.html 50 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <!-- font awesome -->
  7. <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" />
  8. <!-- pico css -->
  9. <link rel="stylesheet" href="./css/pico.min.css">
  10. <!-- Pico css Bootstrap grid -->
  11. <link rel="stylesheet" href="css/pico-bootstrap-grid.min.css" />
  12. <!-- swiper slider css -->
  13. <link
  14. rel="stylesheet"
  15. href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
  16. />
  17. <!-- style css -->
  18. <link rel="stylesheet" href="./css/index.css">
  19. <title>Studypress</title>
  20. </head>
  21. <body>
  22. <nav id="navbar" class="navbar navbar-expand-lg">
  23. <div class="container-fluid">
  24. <!-- navbar brand -->
  25. <div class="nav-icons">
  26. <a class="navbar-brand" href="#">
  27. <img src="./images/studypress-main-logo.svg" alt="">
  28. </a>
  29. <button id="res-btn" class="res-btn">
  30. <i class="fa-solid fa-bars"></i>
  31. </button>
  32. </div>
  33. <ul class="nav-links">
  34. <li>
  35. <a href="#" class="link-item active">Home</a>
  36. </li>
  37. <li>
  38. <a href="./about.html" class="link-item">About</a>
  39. </li>
  40. <li>
  41. <a href="./blog-archive.html" class="link-item">Blogs</a>
  42. </li>
  43. <li>
  44. <a href="./news-archive.html" class="link-item">News</a>
  45. </li>
  46. <li>
  47. <a href="./contact.html" class="link-item">Contact</a>
  48. </li>
  49. <li>
  50. <a class="link-btn" href="#" role="button">
  51. Join for free
  52. </a>
  53. </li>
  54. </ul>
  55. </div>
  56. </nav>
  57. <main>
  58. <section id="hero-banner">
  59. <div class="container">
  60. <div class="row g-5 hero-content">
  61. <div class="col-12 col-lg-7 hero-desc">
  62. <h2 class="hero-title">
  63. পরিবর্তনশীল চাকরির বাজারের জন্য নিজেকে প্রস্তুত করুন
  64. </h2>
  65. <p class="hero-paragraph">
  66. Studypress এর AI ব্যবহার করে সহজতম উপায়ে আপনার প্রস্তুতি নিন।আপনার পছন্দের ক্যারিয়ার গড়ে তুলতে আজই ডাউনলোড করুন আমাদের অ্যাপ।
  67. </p>
  68. <div class="statistics">
  69. <div class="single-statistics">
  70. <h5 class="count">150 Million+ </h5>
  71. <p class="">Learners</p>
  72. </div>
  73. <div class="single-statistics">
  74. <h5 class="count">50+ </h5>
  75. <p class="">Countries</p>
  76. </div>
  77. <div class="single-statistics">
  78. <h5 class="count">200+ </h5>
  79. <p class="">Teachers</p>
  80. </div>
  81. </div>
  82. <div class="hero-links">
  83. <a class="link-btn" href="#" role="button">
  84. Join for free
  85. </a>
  86. <a class="link-btn-outline" href="#" role="button">
  87. Learn more
  88. </a>
  89. </div>
  90. </div>
  91. <div class="col-12 col-lg-5 hero-image">
  92. <img src="./images/hero-img.svg" alt="">
  93. </div>
  94. </div>
  95. </div>
  96. </section>
  97. <section id="feature">
  98. <div class="container">
  99. <h2 class="section-title">
  100. পরিপূর্ণ প্রস্তুতির জন্য সকল Feature এক অ্যাপ এই
  101. </h2>
  102. <p class="section-sub-title">
  103. আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
  104. </p>
  105. <div class="infography">
  106. <img src="./images/infography.svg" alt="">
  107. </div>
  108. </div>
  109. </section>
  110. <section id="course-catagory">
  111. <div class="container">
  112. <h2 class="section-title">
  113. যেকোনো চাকরীর প্রস্তুতিতে আমরা আছি আপনার পাশে
  114. </h2>
  115. <p class="section-sub-title">
  116. আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
  117. </p>
  118. <!-- course short desc slider -->
  119. <div class="swiper courses-short-desc">
  120. <div class="swiper-wrapper">
  121. <div class="swiper-slide single-course-short-desc">
  122. <h6>
  123. BCS Preliminary
  124. </h6>
  125. <p class="desc">
  126. <span>12 Courses</span>
  127. <span>800 Enrolled</span>
  128. </p>
  129. </div>
  130. <div class="swiper-slide single-course-short-desc">
  131. <h6>
  132. Primary School Teacher
  133. </h6>
  134. <p class="desc">
  135. <span>12 Courses</span>
  136. <span>800 Enrolled</span>
  137. </p>
  138. </div>
  139. <div class="swiper-slide single-course-short-desc">
  140. <h6>
  141. Bangladesh Bank AD
  142. </h6>
  143. <p class="desc">
  144. <span>12 Courses</span>
  145. <span>800 Enrolled</span>
  146. </p>
  147. </div>
  148. <div class="swiper-slide single-course-short-desc">
  149. <h6>
  150. BCS Preliminary
  151. </h6>
  152. <p class="desc">
  153. <span>12 Courses</span>
  154. <span>800 Enrolled</span>
  155. </p>
  156. </div>
  157. <div class="swiper-slide single-course-short-desc">
  158. <h6>
  159. Primary School Teacher
  160. </h6>
  161. <p class="desc">
  162. <span>12 Courses</span>
  163. <span>800 Enrolled</span>
  164. </p>
  165. </div>
  166. <div class="swiper-slide single-course-short-desc">
  167. <h6>
  168. Bangladesh Bank AD
  169. </h6>
  170. <p class="desc">
  171. <span>12 Courses</span>
  172. <span>800 Enrolled</span>
  173. </p>
  174. </div>
  175. <div class="swiper-slide single-course-short-desc">
  176. <h6>
  177. BCS Preliminary
  178. </h6>
  179. <p class="desc">
  180. <span>12 Courses</span>
  181. <span>800 Enrolled</span>
  182. </p>
  183. </div>
  184. <div class="swiper-slide single-course-short-desc">
  185. <h6>
  186. Primary School Teacher
  187. </h6>
  188. <p class="desc">
  189. <span>12 Courses</span>
  190. <span>800 Enrolled</span>
  191. </p>
  192. </div>
  193. <div class="swiper-slide single-course-short-desc">
  194. <h6>
  195. Bangladesh Bank AD
  196. </h6>
  197. <p class="desc">
  198. <span>12 Courses</span>
  199. <span>800 Enrolled</span>
  200. </p>
  201. </div>
  202. </div>
  203. </div>
  204. <!-- course container -->
  205. <div class="course-container row g-4">
  206. <!-- single course -->
  207. <div class="col-xl-3 col-lg-4 col-md-6 col-12">
  208. <div class="single-course">
  209. <div class="top-part">
  210. <div class="img-container">
  211. <img src="./images/course-1.png" alt="">
  212. </div>
  213. <div class="tag">
  214. New
  215. </div>
  216. </div>
  217. <div class="details">
  218. <p class="level">
  219. <small>Beginner level</small>
  220. </p>
  221. <a href="#" class="title">
  222. Primary School Teacher
  223. </a href="#">
  224. <div class="stats">
  225. <span>40 Days,</span>
  226. <span>4200 Enrolled</span>
  227. </div>
  228. <div class="price">
  229. <span>
  230. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  231. </span>
  232. <span>
  233. 500
  234. </span>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <!-- single course -->
  240. <div class="col-xl-3 col-lg-4 col-md-6 col-12">
  241. <div class="single-course">
  242. <div class="top-part">
  243. <div class="img-container">
  244. <img src="./images/course-2.png" alt="">
  245. </div>
  246. <div class="tag">
  247. Popular
  248. </div>
  249. </div>
  250. <div class="details">
  251. <p class="level">
  252. <small>Beginner level</small>
  253. </p>
  254. <a href="#" class="title">
  255. Primary School Teacher
  256. </a href="#">
  257. <div class="stats">
  258. <span>40 Days,</span>
  259. <span>4200 Enrolled</span>
  260. </div>
  261. <div class="price">
  262. <span>
  263. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  264. </span>
  265. <span>
  266. 500
  267. </span>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. <!-- single course -->
  273. <div class="col-xl-3 col-lg-4 col-md-6 col-12">
  274. <div class="single-course">
  275. <div class="top-part">
  276. <div class="img-container">
  277. <img src="./images/course-3.png" alt="">
  278. </div>
  279. <!-- <div class="tag">
  280. New
  281. </div> -->
  282. </div>
  283. <div class="details">
  284. <p class="level">
  285. <small>Beginner level</small>
  286. </p>
  287. <a href="#" class="title">
  288. Primary School Teacher
  289. </a href="#">
  290. <div class="stats">
  291. <span>40 Days,</span>
  292. <span>4200 Enrolled</span>
  293. </div>
  294. <div class="price">
  295. <span>
  296. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  297. </span>
  298. <span>
  299. 500
  300. </span>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. <!-- single course -->
  306. <div class="col-xl-3 col-lg-4 col-md-6 col-12">
  307. <div class="single-course">
  308. <div class="top-part">
  309. <div class="img-container">
  310. <img src="./images/course-4.png" alt="">
  311. </div>
  312. <div class="tag">
  313. New
  314. </div>
  315. </div>
  316. <div class="details">
  317. <p class="level">
  318. <small>Beginner level</small>
  319. </p>
  320. <a href="#" class="title">
  321. Primary School Teacher
  322. </a href="#">
  323. <div class="stats">
  324. <span>40 Days,</span>
  325. <span>4200 Enrolled</span>
  326. </div>
  327. <div class="price">
  328. <span>
  329. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  330. </span>
  331. <span>
  332. 500
  333. </span>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. <a href="" class="link-btn" role="button">
  340. সব কোর্স
  341. </a>
  342. </div>
  343. </section>
  344. <section id="why-studypress">
  345. <div class="container">
  346. <div class="row g-1">
  347. <!-- slideer -->
  348. <div class="col-12 col-md-6 col-lg-6 slider">
  349. <!-- slide 1 -->
  350. <div class="swiper why-slider-1">
  351. <div class="swiper-wrapper">
  352. <div class="swiper-slide">
  353. <img src="./images/quiz-1.svg" alt="">
  354. </div>
  355. <div class="swiper-slide">
  356. <img src="./images/quiz-2.svg" alt="">
  357. </div>
  358. <div class="swiper-slide">
  359. <img src="./images/quiz-1.svg" alt="">
  360. </div>
  361. <div class="swiper-slide">
  362. <img src="./images/quiz-2.svg" alt="">
  363. </div>
  364. <div class="swiper-slide">
  365. <img src="./images/quiz-1.svg" alt="">
  366. </div>
  367. <div class="swiper-slide">
  368. <img src="./images/quiz-2.svg" alt="">
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. <!-- details -->
  374. <div class="col-12 col-md-6 col-lg-6 details">
  375. <h2 class="section-title">
  376. কেন Studypress শিক্ষার্থীদের প্রথম পছন্দ ?
  377. </h2>
  378. <ul>
  379. <li>
  380. Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন
  381. </li>
  382. <li>
  383. Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন
  384. </li>
  385. <li>
  386. Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন
  387. </li>
  388. <li>
  389. Current affairs এর তত্থশমুহ জানুন এবং কুইজ এ অংশগ্রহণ করুন
  390. </li>
  391. </ul>
  392. </div>
  393. </div>
  394. </div>
  395. </section>
  396. <section id="new-course">
  397. <div class="container">
  398. <h2 class="section-title">
  399. চলে এসেছে নতুন ক্র্যাশ কোর্স
  400. </h2>
  401. <p class="section-sub-title">
  402. আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
  403. </p>
  404. <!-- new-course-slider slider -->
  405. <div class="swiper new-course">
  406. <div class="swiper-wrapper">
  407. <div class="swiper-slide single-course">
  408. <div class="top-part">
  409. <div class="img-container">
  410. <img src="./images/course-1.png" alt="">
  411. </div>
  412. <div class="tag">
  413. New
  414. </div>
  415. </div>
  416. <div class="details">
  417. <p class="level">
  418. <small>Beginner level</small>
  419. </p>
  420. <a href="#" class="title">
  421. Primary School Teacher
  422. </a href="#">
  423. <div class="stats">
  424. <span>40 Days,</span>
  425. <span>4200 Enrolled</span>
  426. </div>
  427. <div class="price">
  428. <span>
  429. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  430. </span>
  431. <span>
  432. 500
  433. </span>
  434. </div>
  435. </div>
  436. </div>
  437. <div class="swiper-slide single-course">
  438. <div class="top-part">
  439. <div class="img-container">
  440. <img src="./images/course-2.png" alt="">
  441. </div>
  442. <div class="tag">
  443. New
  444. </div>
  445. </div>
  446. <div class="details">
  447. <p class="level">
  448. <small>Beginner level</small>
  449. </p>
  450. <a href="#" class="title">
  451. Primary School Teacher
  452. </a href="#">
  453. <div class="stats">
  454. <span>40 Days,</span>
  455. <span>4200 Enrolled</span>
  456. </div>
  457. <div class="price">
  458. <span>
  459. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  460. </span>
  461. <span>
  462. 500
  463. </span>
  464. </div>
  465. </div>
  466. </div>
  467. <div class="swiper-slide single-course">
  468. <div class="top-part">
  469. <div class="img-container">
  470. <img src="./images/course-3.png" alt="">
  471. </div>
  472. <div class="tag">
  473. New
  474. </div>
  475. </div>
  476. <div class="details">
  477. <p class="level">
  478. <small>Beginner level</small>
  479. </p>
  480. <a href="#" class="title">
  481. Primary School Teacher
  482. </a href="#">
  483. <div class="stats">
  484. <span>40 Days,</span>
  485. <span>4200 Enrolled</span>
  486. </div>
  487. <div class="price">
  488. <span>
  489. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  490. </span>
  491. <span>
  492. 500
  493. </span>
  494. </div>
  495. </div>
  496. </div>
  497. <div class="swiper-slide single-course">
  498. <div class="top-part">
  499. <div class="img-container">
  500. <img src="./images/course-4.png" alt="">
  501. </div>
  502. <div class="tag">
  503. New
  504. </div>
  505. </div>
  506. <div class="details">
  507. <p class="level">
  508. <small>Beginner level</small>
  509. </p>
  510. <a href="#" class="title">
  511. Primary School Teacher
  512. </a href="#">
  513. <div class="stats">
  514. <span>40 Days,</span>
  515. <span>4200 Enrolled</span>
  516. </div>
  517. <div class="price">
  518. <span>
  519. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  520. </span>
  521. <span>
  522. 500
  523. </span>
  524. </div>
  525. </div>
  526. </div>
  527. <div class="swiper-slide single-course">
  528. <div class="top-part">
  529. <div class="img-container">
  530. <img src="./images/course-1.png" alt="">
  531. </div>
  532. <div class="tag">
  533. New
  534. </div>
  535. </div>
  536. <div class="details">
  537. <p class="level">
  538. <small>Beginner level</small>
  539. </p>
  540. <a href="#" class="title">
  541. Primary School Teacher
  542. </a href="#">
  543. <div class="stats">
  544. <span>40 Days,</span>
  545. <span>4200 Enrolled</span>
  546. </div>
  547. <div class="price">
  548. <span>
  549. <i class="fa-solid fa-bangladeshi-taka-sign"></i>
  550. </span>
  551. <span>
  552. 500
  553. </span>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558. </div>
  559. <div class="slider-buttons">
  560. <div class="new-course-prev">
  561. <i class="fa-solid fa-chevron-left"></i>
  562. </div>
  563. <div class="new-course-next">
  564. <i class="fa-solid fa-chevron-right"></i>
  565. </div>
  566. </div>
  567. </div>
  568. </section>
  569. <section id="app-download">
  570. <div class="container">
  571. <div class="row g-5 ">
  572. <div class="col-12 col-md-6 col-lg-4 feature-img">
  573. <img src="./images/phone-app.svg" alt="">
  574. </div>
  575. <div class="col-12 col-md-6 col-lg-8 details">
  576. <h2 class="section-title">
  577. ডাউনলোড করুণ আমাদের Mobile App
  578. </h2>
  579. <p class="section-sub-title">
  580. Start or schedule lessons anytime, anywhere with our Android and iPhone apps.
  581. </p>
  582. <div class="download-btns">
  583. <a href="#">
  584. <img src="./images/app-store.svg.png" alt="">
  585. </a>
  586. <a href="#">
  587. <img src="./images/google-play.svg.svg" alt="">
  588. </a>
  589. </div>
  590. </div>
  591. </div>
  592. </div>
  593. </section>
  594. <section id="our-blog">
  595. <div class="container">
  596. <h2 class="section-title">
  597. পড়ুন আমাদের ব্লগ
  598. </h2>
  599. <p class="section-sub-title">
  600. আপনার স্বপ্নের চাকরীর সেরা প্রস্তুতি নিন Studypress এ
  601. </p>
  602. <div class="blog-container">
  603. <div class="blog-single">
  604. <div class="img-container">
  605. <img src="./images/blog-1.svg" alt="">
  606. </div>
  607. <div class="details">
  608. <a href="#" class="title">
  609. English Learning
  610. </a>
  611. <p>
  612. 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 .....
  613. </p>
  614. </div>
  615. </div>
  616. <div class="blog-single">
  617. <div class="img-container">
  618. <img src="./images/blog-2.svg" alt="">
  619. </div>
  620. <div class="details">
  621. <a href="#" class="title">
  622. How to keep up with the world
  623. </a>
  624. <p>
  625. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. . .
  626. </p>
  627. </div>
  628. </div>
  629. <div class="blog-single">
  630. <div class="img-container">
  631. <img src="./images/blog-3.svg" alt="">
  632. </div>
  633. <div class="details">
  634. <a href="#" class="title">
  635. How to keep up with the world
  636. </a>
  637. <p>
  638. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. . .
  639. </p>
  640. </div>
  641. </div>
  642. <div class="blog-single">
  643. <div class="img-container">
  644. <img src="./images/blog-4.svg" alt="">
  645. </div>
  646. <div class="details">
  647. <a href="#" class="title">
  648. Ace your Exams
  649. </a>
  650. <p>
  651. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim. . .
  652. </p>
  653. </div>
  654. </div>
  655. </div>
  656. <a href="#" class="link-btn" role="button">
  657. সকল ব্লগ
  658. </a>
  659. </div>
  660. </section>
  661. <section id="current-news">
  662. <div class="container">
  663. <h2 class="section-title">
  664. সাম্প্রতিক খবর
  665. </h2>
  666. <div class="row g-4 all-news">
  667. <div class="col-12 col-md-6 col-lg-4">
  668. <div class="single-news">
  669. <div class="img-container">
  670. <img src="./images/news-1.png" alt="">
  671. </div>
  672. <div class="details">
  673. <h5 class="title">
  674. ডিএসসিসি তে চাকরি, পদ ৯২
  675. </h5>
  676. <p>
  677. ধাকা দক্ষিণ সিটি করপোরেশন (ডিএসসিসি) জনবল নিয়োগের জন বিজ্ঞপ্তি প্রকাশ করেছে। এই প্রতিষ্ঠানে ৩ পদে মোট ৯২ জন নেওয় হবে। আগ্রহী প্রার্থীদের অনলাইনে আবেদন করতে হবে। আবেদনের ফর চনফিরমাতিওন পাথান হবে প্রারথিদের নিজ নিজ ফোন এ ।আবেডোণেড় ষেষ ষোমোয় নভেম্বর পর্যন্ত ...
  678. </p>
  679. <a href="#" class="link">
  680. <span>
  681. বিস্তারিত
  682. </span>
  683. <span>
  684. <i class="fa-solid fa-arrow-right"></i>
  685. </span>
  686. </a>
  687. </div>
  688. </div>
  689. </div>
  690. <div class="col-12 col-md-6 col-lg-4">
  691. <div class="single-news">
  692. <div class="img-container">
  693. <img src="./images/news-2.png" alt="">
  694. </div>
  695. <div class="details">
  696. <h5 class="title">
  697. ডিএসসিসি তে চাকরি, পদ ৯২
  698. </h5>
  699. <p>
  700. ধাকা দক্ষিণ সিটি করপোরেশন (ডিএসসিসি) জনবল নিয়োগের জন বিজ্ঞপ্তি প্রকাশ করেছে। এই প্রতিষ্ঠানে ৩ পদে মোট ৯২ জন নেওয় হবে। আগ্রহী প্রার্থীদের অনলাইনে আবেদন করতে হবে। আবেদনের ফর চনফিরমাতিওন পাথান হবে প্রারথিদের নিজ নিজ ফোন এ ।আবেডোণেড় ষেষ ষোমোয় নভেম্বর পর্যন্ত ...
  701. </p>
  702. <a href="#" class="link">
  703. <span>
  704. বিস্তারিত
  705. </span>
  706. <span>
  707. <i class="fa-solid fa-arrow-right"></i>
  708. </span>
  709. </a>
  710. </div>
  711. </div>
  712. </div>
  713. <div class="col-12 col-md-6 col-lg-4">
  714. <div class="single-news">
  715. <div class="img-container">
  716. <img src="./images/news-3.png" alt="">
  717. </div>
  718. <div class="details">
  719. <h5 class="title">
  720. ডিএসসিসি তে চাকরি, পদ ৯২
  721. </h5>
  722. <p>
  723. ধাকা দক্ষিণ সিটি করপোরেশন (ডিএসসিসি) জনবল নিয়োগের জন বিজ্ঞপ্তি প্রকাশ করেছে। এই প্রতিষ্ঠানে ৩ পদে মোট ৯২ জন নেওয় হবে। আগ্রহী প্রার্থীদের অনলাইনে আবেদন করতে হবে। আবেদনের ফর চনফিরমাতিওন পাথান হবে প্রারথিদের নিজ নিজ ফোন এ ।আবেডোণেড় ষেষ ষোমোয় নভেম্বর পর্যন্ত ...
  724. </p>
  725. <a href="#" class="link">
  726. <span>
  727. বিস্তারিত
  728. </span>
  729. <span>
  730. <i class="fa-solid fa-arrow-right"></i>
  731. </span>
  732. </a>
  733. </div>
  734. </div>
  735. </div>
  736. </div>
  737. <a href="#" class="link-btn-outline" role="button">
  738. আরও পড়ুন
  739. </a>
  740. </div>
  741. </section>
  742. <section id="feature-sec">
  743. <div class="all-feature">
  744. <!-- word of the day -->
  745. <div class="word-day">
  746. <p class="sub-heading">প্রতিদিন নতুন শব্দ শিখে নিন</p>
  747. <div class="heading">
  748. <img src="./images/word-of-day.svg" alt="">
  749. </div>
  750. <div class="word-container">
  751. <div class="word">
  752. Eulogy
  753. </div>
  754. <div class="meaning">
  755. রশংসাত্মক উক্তি বা লেখা, প্রশংসা
  756. </div>
  757. <div class="synonyms">
  758. <strong>Synonyms:</strong> panegyric, salutation, tribute
  759. </div>
  760. <div class="antonyms">
  761. <strong>Antonyms:</strong> Criticism
  762. </div>
  763. <p class="desc">
  764. Several eulogies were given at the special assembly marking the retirement of the company's longtime president
  765. </p>
  766. <div class="realated-image">
  767. <img src="./images/reading-book.svg" alt="">
  768. </div>
  769. </div>
  770. </div>
  771. <!-- memory -->
  772. <div class="memory">
  773. <div class="title">
  774. জেনে নিন আজকের ঘটে যাওয়া স্মরণীয় বিষয়গুলো
  775. </div>
  776. <div class="date">
  777. <span>--</span>
  778. <span> 06 Aug </span>
  779. <span>--</span>
  780. </div>
  781. <div class="swiper memory-slider">
  782. <div class="swiper-wrapper">
  783. <div class="swiper-slide ">
  784. <div class="single-memory">
  785. <div class="img-container">
  786. <img src="./images/hiroshima.svg" alt="">
  787. </div>
  788. <div class="detail">
  789. <h6 class="title">
  790. হিরোশিমা দিবস
  791. </h6>
  792. <p>
  793. আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
  794. </p>
  795. </div>
  796. </div>
  797. </div>
  798. <div class="swiper-slide ">
  799. <div class="single-memory">
  800. <div class="img-container">
  801. <img src="./images/hiroshima.svg" alt="">
  802. </div>
  803. <div class="detail">
  804. <h6 class="title">
  805. হিরোশিমা দিবস
  806. </h6>
  807. <p>
  808. আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
  809. </p>
  810. </div>
  811. </div>
  812. </div>
  813. <div class="swiper-slide ">
  814. <div class="single-memory">
  815. <div class="img-container">
  816. <img src="./images/hiroshima.svg" alt="">
  817. </div>
  818. <div class="detail">
  819. <h6 class="title">
  820. হিরোশিমা দিবস
  821. </h6>
  822. <p>
  823. আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
  824. </p>
  825. </div>
  826. </div>
  827. </div>
  828. <div class="swiper-slide ">
  829. <div class="single-memory">
  830. <div class="img-container">
  831. <img src="./images/hiroshima.svg" alt="">
  832. </div>
  833. <div class="detail">
  834. <h6 class="title">
  835. হিরোশিমা দিবস
  836. </h6>
  837. <p>
  838. আজ হিরোশিমা দিবস। দ্বিতীয় বিশ্বযুদ্ধ চলাকালে ১৯৪৫ সালের এই দিনে জাপানের হিরোশিমায় পারমাণবিক বোমা ফেলে যুক্তরাষ্ট্র। এট বিশ্বের প্রথম পরমাণু বোমা হামলা, লিটল বয় নামের এই পারমাণবিক োমা হামলায় কমপক্ষে এক লাখ ৪০ হাজার মানুষ নিহত হয়।
  839. </p>
  840. </div>
  841. </div>
  842. </div>
  843. </div>
  844. <div class="swiper-button-next memory-slider-next"></div>
  845. <div class="swiper-button-prev memory-slider-prev"></div>
  846. </div>
  847. </div>
  848. </div>
  849. </section>
  850. </main>
  851. <footer id="footer">
  852. <div class="container">
  853. <div class="top-part">
  854. <ul>
  855. <li>
  856. <img class="short-icon" src="./images/logo-short.svg" alt="">
  857. </li>
  858. <li>
  859. <a href="#" class="active">Home</a>
  860. </li>
  861. <li>
  862. <a href="./about.html" >About</a>
  863. </li>
  864. <li>
  865. <a href="./blog-archive.html" >Blogs</a>
  866. </li>
  867. <li>
  868. <a href="./news-archive.html" >News</a>
  869. </li>
  870. <li>
  871. <a href="./contact.html" >Contact</a>
  872. </li>
  873. </ul>
  874. </div>
  875. <div class="bottom-part row g-5">
  876. <div class="col-12 col-md-6">
  877. <ul class="address">
  878. <li>
  879. <span>
  880. <i class="fa-solid fa-phone"></i>
  881. </span>
  882. <span>
  883. 01624-595959
  884. </span>
  885. </li>
  886. <li>
  887. <span>
  888. <i class="fa-solid fa-envelope"></i>
  889. </span>
  890. <span>
  891. studypressbd@gmail.com
  892. </span>
  893. </li>
  894. <li>
  895. <span>
  896. <i class="fa-solid fa-globe"></i>
  897. </span>
  898. <span>
  899. www.studypress.org
  900. </span>
  901. </li>
  902. <li>
  903. <span>
  904. <i class="fa-solid fa-location-dot"></i>
  905. </span>
  906. <span>
  907. House 37, Road 3, Sector 9, Uttara, Dhaka-1230
  908. </span>
  909. </li>
  910. </ul>
  911. </div>
  912. <div class="col-12 col-md-6">
  913. <div class="other-link">
  914. <p>আমাদের সম্পর্কে আরো জানতে</p>
  915. <div class="social-link">
  916. <a href="#" class="single-link">
  917. <img src="./images/facebook.svg.svg" alt="">
  918. </a>
  919. <a href="#" class="single-link">
  920. <img src="./images/Linkedin_.svg.svg" alt="">
  921. </a>
  922. <a href="#" class="single-link">
  923. <img src="./images/Instagram.svg.svg" alt="">
  924. </a>
  925. <a href="#" class="single-link">
  926. <img src="./images/youtube.svg.svg" alt="">
  927. </a>
  928. </div>
  929. <div class="privacy-links">
  930. <a href="#">Terms & Conditions</a>
  931. <a href="#">Refund Policy</a>
  932. <a href="#">Privacy Policy</a>
  933. </div>
  934. <div class="app-download">
  935. <a href="#">
  936. <img src="./images/app-store.svg.png" alt="">
  937. <img src="./images/google-play.svg.svg" alt="">
  938. </a>
  939. </div>
  940. </div>
  941. </div>
  942. </div>
  943. </div>
  944. </footer>
  945. <!-- swiper slider js -->
  946. <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
  947. <!-- custom js -->
  948. <script src="./js/custom.js"></script>
  949. </body>
  950. </html>