1 year ago · 6fce9c10a1
--- a/about.html
+++ b/about.html
@@ -0,0 +1,288 @@
 
															+<!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" />
														
 
															+
														
 
															+
														
 
															+    <!-- style css -->
														
 
															+    <link rel="stylesheet" href="./css/about.css">
														
 
															+
														
 
															+
														
 
															+    <title>Studypress | About</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="./index.html">
														
 
															+                    <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="./index.html" class="link-item">Home</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="#" class="link-item active">About</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./blog-archive.html" class="link-item">Blogs</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./news-archive.html" class="link-item">News</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./contact.html" 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="about">
														
 
															+
														
 
															+        <div class="container">
														
 
															+
														
 
															+            <div class="section-title">
														
 
															+                আমাদের সম্পর্কে জানুন
														
 
															+            </div>
														
 
															+
														
 
															+
														
 
															+            <!-- why studypress -->
														
 
															+            <div class="row g-5 why-studypress">
														
 
															+
														
 
															+                <!-- feature image -->
														
 
															+                <div class="col-12 col-lg-6 feature-image">
														
 
															+                    <div class="img-container">
														
 
															+                        <img src="./images/6198115_2176.jpg" alt="">
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+
														
 
															+                <!-- details -->
														
 
															+                <div class="col-12 col-lg-6">
														
 
															+
														
 
															+                        <h3>স্টাডিপ্রেস কি এবং কেন</h3>
														
 
															+
														
 
															+                        <p>
														
 
															+                          স্টাডিপ্রেস হল একটি ব্যতিক্রমী অনলাইন অধ্যয়ন প্ল্যাটফর্ম যা বিশেষত যারা সরকারি অথবা বেসরকারি চাকরি এবং বিশ্ববিদ্যালয়ে ভর্তির ক্ষেত্রে উচ্চাকাঙ্ক্ষী তাদের জন্য ডিজাইন করা হয়েছে৷
														
 
															+                        </p>
														
 
															+
														
 
															+                        <p>
														
 
															+                           স্টাডিপ্রেসের সাহায্যে, আপনি আপনার কম্পিউটারে আমাদের ওয়েবসাইটে লগ ইন করে বা আপনার মোবাইল অ্যাপস ডাউনলোড করে আপনার অধ্যয়নের উপকরণগুলি সহজেই অ্যাক্সেস করতে পারেন।  
														
 
															+                        </p>
														
 
															+
														
 
															+                        <p>
														
 
															+                          স্টাডিপ্রেস সরকারি চাকরির পরীক্ষা এবং বিশ্ববিদ্যালয়ের ভর্তি পরীক্ষার জন্য উপযোগী তথ্যের একটি বিস্তৃত এবং ব্যাপক ডাটাবেস। স্টাডিপ্রেসের সাথে নিয়মিত সংযুক্ত  থাকার মাধ্যমে, আপনি নিজেকে সফল প্রার্থীদের একজন হিসাবে তৈরী  করতে পারেন। আমাদের বিষয়ভিত্তিক প্রশ্নপত্র ব্যবহার করে প্রতিযোগিতামূলক পরীক্ষার জন্য প্রস্তুতি নিন এবং অসংখ্য প্রতিযোগীদের মধ্যে আপনার অবস্থান মূল্যায়ন করুন।
														
 
															+                        </p>
														
 
															+                </div>
														
 
															+
														
 
															+            </div>
														
 
															+
														
 
															+            <!-- motive studypress -->
														
 
															+            <div class="row g-5 motive">
														
 
															+
														
 
															+
														
 
															+                <!-- feature image -->
														
 
															+                <div class="col-12 col-lg-6 feature-image">
														
 
															+                    <div class="img-container">
														
 
															+                        <img src="./images/choosing-lunch-dark-haired-young-businessman-checking-menu-choosing-lunch.jpg" alt="">
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+
														
 
															+                
														
 
															+                <!-- details -->
														
 
															+                <div class="col-12 col-lg-6 details">
														
 
															+
														
 
															+                    <h3>আমাদের লক্ষ্য</h3>
														
 
															+                    <p>
														
 
															+                        স্টাডিপ্রেস হল একটি ব্যতিক্রমী অনলাইন অধ্যয়ন প্ল্যাটফর্ম যা বিশেষত যারা সরকারি অথবা বেসরকারি চাকরি এবং বিশ্ববিদ্যালয়ে ভর্তির ক্ষেত্রে উচ্চাকাঙ্ক্ষী তাদের জন্য ডিজাইন করা হয়েছে৷
														
 
															+                    </p>
														
 
															+                    <p>
														
 
															+                        স্টাডিপ্রেসের সাহায্যে, আপনি আপনার কম্পিউটারে আমাদের ওয়েবসাইটে লগ ইন করে বা আপনার মোবাইল অ্যাপস ডাউনলোড করে আপনার অধ্যয়নের উপকরণগুলি সহজেই অ্যাক্সেস করতে পারেন।  আমাদের একমাত্র লক্ষ্য হল এই প্রতিযোগিতামূলক পরীক্ষায় সফল হওয়ার জন্য আপনাকে প্রয়োজনীয় দক্ষতা এবং জ্ঞান দিয়ে শক্তিশালী করা।
														
 
															+                    </p>
														
 
															+                    <p>
														
 
															+                        স্টাডিপ্রেস সরকারি চাকরির পরীক্ষা এবং বিশ্ববিদ্যালয়ের ভর্তি পরীক্ষার জন্য উপযোগী তথ্যের একটি বিস্তৃত এবং ব্যাপক ডাটাবেস। স্টাডিপ্রেসের সাথে নিয়মিত সংযুক্ত  থাকার মাধ্যমে, আপনি নিজেকে সফল প্রার্থীদের একজন হিসাবে তৈরী  করতে পারেন। আমাদের বিষয়ভিত্তিক প্রশ্নপত্র ব্যবহার করে প্রতিযোগিতামূলক পরীক্ষার জন্য প্রস্তুতি নিন এবং অসংখ্য প্রতিযোগীদের মধ্যে আপনার অবস্থান মূল্যায়ন করুন।
														
 
															+                    </p>
														
 
															+                </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="./index.html">Home</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="#"   class="active">About</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./blog-archive.html">Blogs</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./news-archive.html" >News</a>
														
 
															+                    </li>
														
 
															+                    
														
 
															+                    <li>
														
 
															+                        <a href="./contact.html" >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>
														
--- a/blog-archive.html
+++ b/blog-archive.html
@@ -0,0 +1,1077 @@
 
															+<!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" />
														
 
															+
														
 
															+    <!-- style css -->
														
 
															+    <link rel="stylesheet" href="./css/blog-archive.css">
														
 
															+
														
 
															+
														
 
															+    <title>Studypress | Blogs</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="./index.html">
														
 
															+                    <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="./index.html" class="link-item">Home</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./about.html" class="link-item">About</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="#" class="link-item active">Blogs</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./news-archive.html" class="link-item">News</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./contact.html" class="link-item">Contact</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a class="link-btn" href="#" role="button">
														
 
															+                        Join for free
														
 
															+                    </a>
														
 
															+                </li>
														
 
															+            </ul>
														
 
															+
														
 
															+
														
 
															+            
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+    </nav>
														
 
															+
														
 
															+    <main>
														
 
															+
														
 
															+        <div class="container">
														
 
															+
														
 
															+                
														
 
															+            <h2 class="page-title">
														
 
															+                Studypress <strong>Blog</strong>
														
 
															+            </h2>
														
 
															+    
														
 
															+            <div class="archive-wraper row g-5">
														
 
															+    
														
 
															+                <!-- main section -->
														
 
															+                <div class="col-12 col-lg-8">
														
 
															+    
														
 
															+                    <!-- archive hero -->
														
 
															+                    <div id="archive-hero">
														
 
															+    
														
 
															+                        <div class="single-item">
														
 
															+    
														
 
															+                            <div class="img-container">
														
 
															+                                <img src="./images/blog-1.svg" alt="">
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="details">
														
 
															+                                <a href="./blog-single.html" class="title">
														
 
															+                                    English Learning Tips and Tricks for Beginners to Advanced Learners
														
 
															+                                </a>
														
 
															+                            </div>
														
 
															+    
														
 
															+                        </div>
														
 
															+    
														
 
															+                        <div class="single-item">
														
 
															+    
														
 
															+                            <div class="img-container">
														
 
															+                                <img src="./images/blog-2.svg" alt="">
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="details">
														
 
															+                                <a href="./blog-single.html" class="title">
														
 
															+                                    English Learning Tips and Tricks for Beginners to Advanced Learners
														
 
															+                                </a>
														
 
															+                            </div>
														
 
															+    
														
 
															+                        </div>
														
 
															+    
														
 
															+                        <div class="single-item">
														
 
															+    
														
 
															+                            <div class="img-container">
														
 
															+                                <img src="./images/blog-3.svg" alt="">
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="details">
														
 
															+                                <a href="./blog-single.html" class="title">
														
 
															+                                    English Learning Tips and Tricks for Beginners to Advanced Learners
														
 
															+                                </a>
														
 
															+                            </div>
														
 
															+    
														
 
															+                        </div>
														
 
															+    
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                    <!-- latest -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            Latest Posts
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+                    <!-- Did You Know? -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            Did You Know?
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+                    <!-- Top Picks for You -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            Top Picks for You
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+                    <!-- All Blogs -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            All Blogs
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                        <a href="#" class="link-btn" role="button">
														
 
															+                            আরো দেখুন
														
 
															+                        </a>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+    
														
 
															+                </div>
														
 
															+    
														
 
															+                <!-- side section -->
														
 
															+                <section id="side-section" class="col-12 col-lg-4">
														
 
															+
														
 
															+                    <!-- top stories -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Top Stories
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    
														
 
															+                    <!-- Testimonial -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Testimonial
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-testimonial-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- New Products -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            New Products
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                </section>
														
 
															+    
														
 
															+            </div>
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+        
														
 
															+    </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="./index.html">Home</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./about.html" >About</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="#"  class="active">Blogs</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./news-archive.html" >News</a>
														
 
															+                    </li>
														
 
															+                    
														
 
															+                    <li>
														
 
															+                        <a href="./contact.html" >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>
														
--- a/blog-single.html
+++ b/blog-single.html
@@ -0,0 +1,656 @@
 
															+<!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" />
														
 
															+
														
 
															+
														
 
															+    <!-- style css -->
														
 
															+    <link rel="stylesheet" href="./css/blog-single.css">
														
 
															+
														
 
															+
														
 
															+    <title>Studypress | Blog</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="./index.html">
														
 
															+                    <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="./index.html" class="link-item">Home</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./about.html" class="link-item">About</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./blog-archive.html" class="link-item">Blogs</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./news-archive.html" class="link-item">News</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./contact.html" class="link-item">Contact</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a class="link-btn" href="#" role="button">
														
 
															+                        Join for free
														
 
															+                    </a>
														
 
															+                </li>
														
 
															+            </ul>
														
 
															+
														
 
															+
														
 
															+            
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+    </nav>
														
 
															+
														
 
															+    <main>
														
 
															+
														
 
															+        <div class="container">
														
 
															+
														
 
															+                
														
 
															+            <h2 class="page-title">
														
 
															+                Studypress <strong>Blog</strong>
														
 
															+            </h2>
														
 
															+    
														
 
															+            <div class="archive-wraper row g-5">
														
 
															+    
														
 
															+                <!-- main section -->
														
 
															+                <div class="col-12 col-lg-8">
														
 
															+    
														
 
															+
														
 
															+                    <div class="item-details">
														
 
															+
														
 
															+                        <h2 class="item-title">
														
 
															+                            Kim Jong Un steps off famed armored train, shakes hands with Putin at Russian space center
														
 
															+                        </h2>
														
 
															+
														
 
															+                        <h6 class="item-date">
														
 
															+                            Wed September 13, 2023
														
 
															+                        </h6>
														
 
															+
														
 
															+                        <div class="social-links">
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-brands fa-square-facebook"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-brands fa-twitter"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-brands fa-linkedin"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-solid fa-message"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-solid fa-link"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                        <div class="img-container">
														
 
															+                            <img src="./images/kim.png" alt="">
														
 
															+                        </div>
														
 
															+
														
 
															+                        <p class="item-details">
														
 
															+                            On Sunday afternoon, North Korean leader Kim Jong Un stepped onto an old-fashioned green train that has by now become an enduring symbol of the hermit nation’s isolation and secrecy. 
														
 
															+                            <br><br>
														
 
															+                            Russian President Vladimir Putin and North Korean leader Kim Jong Un are meeting at a remote space center in Russia's Far East, where they're expected to discuss a potential arms deal that could see Pyongyang supply weapons for Moscow's use in the Ukraine war. 
														
 
															+                            <br>
														
 
															+                            Both leaders arrived at the Vostochny Cosmodrome, Russia's space rocket launch site, on Wednesday afternoon, shaking hands and speaking briefly before disappearing into the building. The location itself is significant, said Leif-Eric Easley, a professor at Ewha University in Seoul. What's on the table: Moscow is in need of fresh supplies of ammunition and shells after more than 18 months of war in Ukraine has left its military battered, while North Korea, which has faced years of international sanctions over its nuclear weapons program, is short of everything from hard cash and food to missile technology.
														
 
															+                            <br><br>
														
 
															+                            Space technology is also a priority for North Korea, which has tried and failed to launch a spy satellite into orbit. Kim has also stressed the role of military satellites as a means to protect national safety and territorial stability and has spoken of their strategic value when deploying military force preemptively, KCNA said in April. Missile fired: Shortly before their meeting, North Korea fired two short-range ballistic missiles, according to South Korean authorities. Experts told CNN it was highly unusual for North Korea to launch missiles with Kim out of the country -- though Easley said Pyongyang could be trying to show "that the military maintains readiness with uninterrupted command and control.” "Beginning in 2019, Kim started to generally grow more hands-off on testing and exercises, with many launches taking place without his apparent presence. 
														
 
															+                            <br><br>
														
 
															+                            This launch could have been carried out under standing orders,” said Ankit Panda, a senior fellow with the Nuclear Policy Program at the Carnegie Endowment for International Peace.
														
 
															+                        </p>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                    <!-- related item -->
														
 
															+                    <div id="related-items">
														
 
															+
														
 
															+                        <h3 class="sec-title">More on this Topic</h3>
														
 
															+
														
 
															+                        <div class="row g-4">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+    
														
 
															+                </div>
														
 
															+    
														
 
															+                <!-- side section -->
														
 
															+                <section id="side-section" class="col-12 col-lg-4">
														
 
															+
														
 
															+                    <!-- top stories -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Top Stories
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    
														
 
															+                    <!-- Testimonial -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Testimonial
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-testimonial-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-testimonial">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/human.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <p class="testimonial">
														
 
															+                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
														
 
															+                                        </p>
														
 
															+
														
 
															+                                        <div class="name">
														
 
															+                                            <span>- </span> <span>- Saju Ahmed</span>
														
 
															+                                        </div>
														
 
															+
														
 
															+                                        <div class="ocupation">
														
 
															+                                            Primary School Teacher
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- New Products -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            New Products
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                </section>
														
 
															+    
														
 
															+            </div>
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+        
														
 
															+    </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="./index.html">Home</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./about.html" >About</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./blog-archive.html" >Blogs</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./news-archive.html" >News</a>
														
 
															+                    </li>
														
 
															+                    
														
 
															+                    <li>
														
 
															+                        <a href="./contact.html" >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>
														
--- a/contact.html
+++ b/contact.html
@@ -0,0 +1,314 @@
 
															+<!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" />
														
 
															+
														
 
															+
														
 
															+    <!-- style css -->
														
 
															+    <link rel="stylesheet" href="./css/contact.css">
														
 
															+
														
 
															+
														
 
															+    <title>Studypress | Contact</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="./index.html">
														
 
															+                    <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="./index.html" class="link-item ">Home</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./about.html" class="link-item">About</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./blog-archive.html" class="link-item">Blogs</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./news-archive.html" class="link-item">News</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="#" class="link-item active">Contact</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a class="link-btn" href="#" role="button">
														
 
															+                        Join for free
														
 
															+                    </a>
														
 
															+                </li>
														
 
															+            </ul>
														
 
															+
														
 
															+
														
 
															+            
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+    </nav>
														
 
															+
														
 
															+    <main>
														
 
															+
														
 
															+       <section id="contact">
														
 
															+
														
 
															+        <div class="container">
														
 
															+
														
 
															+            <div class="section-title">
														
 
															+                যোগাযোগ করুন
														
 
															+            </div>
														
 
															+
														
 
															+            <div class="row g-5">
														
 
															+
														
 
															+                <!-- contact form -->
														
 
															+                <div class="col-12 col-md-6">
														
 
															+
														
 
															+                    <div id="contact-forms">
														
 
															+
														
 
															+                        <h5 class="title">
														
 
															+                            আপনার ম্যাসেজ পাঠান
														
 
															+                        </h5>
														
 
															+
														
 
															+                        <form>
														
 
															+
														
 
															+                            <label for="neme" >
														
 
															+                                আপনার নাম <span class="required">*</span>
														
 
															+                                <input type="text" id="name" name="neme" placeholder="আপনার নাম লিখুন" required>
														
 
															+                            </label>
														
 
															+
														
 
															+                            <label for="email" >
														
 
															+                                ইমেইল অ্যাড্রেস <span class="required">*</span>
														
 
															+                                <input type="email" id="email" name="email" placeholder="ইমেঈল অ্যাড্রেস লিখুন" required>
														
 
															+                            </label>
														
 
															+
														
 
															+                            <label for="phnumber" >
														
 
															+                                মোবাইল নাম্বার <span class="required">*</span>
														
 
															+                                <input type="text" id="phnumber" name="phnumber" placeholder="01XXXXXXXXX" required>
														
 
															+                            </label>
														
 
															+
														
 
															+                            <label for="message" >
														
 
															+                                মেসেজ 
														
 
															+                                <textarea name="message" id="message" cols="30" rows="5" placeholder="আপনার মেসেজ লিখুন"></textarea>
														
 
															+                            </label>
														
 
															+
														
 
															+                            <button class="link-btn" type="submit">মেসেজ পাঠান</button>
														
 
															+
														
 
															+                        </form>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                </div>
														
 
															+
														
 
															+                <!-- contact location -->
														
 
															+                <div class="col-12 col-md-6">
														
 
															+
														
 
															+                    <div id="location">
														
 
															+                        
														
 
															+                        <h5 class="title">
														
 
															+                            আমাদের ঠিকানা:
														
 
															+                        </h5>
														
 
															+
														
 
															+                        <div class="live-address">
														
 
															+                            <p>
														
 
															+                                হাঊজ : ৩৭, রোড : ৩, সেক্টর : ৯
														
 
															+                            </p>
														
 
															+
														
 
															+                            <p>
														
 
															+                                উত্তরা , ঢাকা ১২৩০
														
 
															+                            </p>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                        <div class="virtual-address">
														
 
															+                            <a href="tel:+8801624595959"><strong>ফোন :</strong> 01624-595959(24/7)</a>
														
 
															+
														
 
															+                            <a href="">
														
 
															+                                <strong>ইমেইল :</strong> studypressbd@gmail.com
														
 
															+                            </a>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                        <h5 class="title">
														
 
															+                            ম্যাপে দেখুন:
														
 
															+                        </h5>
														
 
															+
														
 
															+                        <div class="map">
														
 
															+
														
 
															+                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3648.593289811399!2d90.39338968024158!3d23.86857182904574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c541c78a69d7%3A0xe938569bb6b351bd!2sStudypress!5e0!3m2!1sen!2sbd!4v1695897274091!5m2!1sen!2sbd" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </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="#">Home</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="#" >About</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="#"  class="active">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>
														
--- a/css/about.css
+++ b/css/about.css
@@ -0,0 +1,410 @@
 
															+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+* {
														
 
															+  list-style: none;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+a {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+
														
 
															+main {
														
 
															+  padding-top: 4rem;
														
 
															+  padding-bottom: 0 !important;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															+  margin: unset;
														
 
															+}
														
 
															+
														
 
															+h1, h2, h3, h4, h5, h6, p {
														
 
															+  color: inherit;
														
 
															+  font-family: inherit;
														
 
															+  margin: unset;
														
 
															+  text-shadow: unset;
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  margin-top: unset;
														
 
															+}
														
 
															+
														
 
															+@media screen and (min-width: 1400px) {
														
 
															+  .container {
														
 
															+    max-width: 1360px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.section-title {
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 1rem;
														
 
															+  font-size: 2.2rem;
														
 
															+}
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.section-sub-title {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  text-align: center;
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 2rem;
														
 
															+}
														
 
															+
														
 
															+.img-container {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.img-container img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+  -o-object-fit: cover;
														
 
															+     object-fit: cover;
														
 
															+  -o-object-position: center;
														
 
															+     object-position: center;
														
 
															+}
														
 
															+
														
 
															+.link-btn {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  display: block;
														
 
															+  height: unset;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+}
														
 
															+.link-btn:hover {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.link-btn-outline {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  height: unset;
														
 
															+}
														
 
															+.link-btn-outline:hover {
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+
														
 
															+.single-course {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+.single-course .top-part {
														
 
															+  height: 200px;
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.single-course .top-part .img-container {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.single-course .top-part .tag {
														
 
															+  position: absolute;
														
 
															+  left: 4%;
														
 
															+  bottom: 4%;
														
 
															+  padding: 0.1rem 1rem;
														
 
															+  background: rgb(203, 236, 71);
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 15px;
														
 
															+}
														
 
															+.single-course .details {
														
 
															+  height: calc(100% - 180px);
														
 
															+  padding: 1rem;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.75rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  line-height: 1.2;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+}
														
 
															+.single-course .details .level {
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-course .details .title {
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  text-decoration: none;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.single-course .details .stats {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+.single-course .details .price {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  font-weight: 600;
														
 
															+  font-size: 1rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+#navbar {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  width: 100%;
														
 
															+  padding: 0.75rem 0;
														
 
															+  font-family: "Poppins", sans-serif;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  z-index: 999;
														
 
															+}
														
 
															+#navbar .container-fluid {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .container-fluid {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-icons {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-icons {
														
 
															+    position: fixed;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    justify-content: space-between;
														
 
															+    width: 100%;
														
 
															+    padding: 0 1rem;
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    height: 4rem;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .navbar-brand {
														
 
															+  height: 3.5rem;
														
 
															+}
														
 
															+#navbar .navbar-brand img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+#navbar .res-btn {
														
 
															+  font-size: 1.2rem;
														
 
															+  padding: 0.25rem;
														
 
															+  background: unset;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  border: none;
														
 
															+  margin: 0;
														
 
															+  width: unset;
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  display: none;
														
 
															+}
														
 
															+#navbar .res-btn:focus {
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .res-btn {
														
 
															+    display: block;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-links {
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    display: block;
														
 
															+    position: fixed;
														
 
															+    top: 4rem;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    min-height: calc(100vh - 4rem);
														
 
															+    padding: 1rem;
														
 
															+    overflow-y: auto;
														
 
															+    transform: translateX(-200vw);
														
 
															+    transition: 0.75s;
														
 
															+  }
														
 
															+  #navbar .nav-links li {
														
 
															+    display: block;
														
 
															+    color: #fff;
														
 
															+    margin-top: 1rem !important;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links li {
														
 
															+  margin: unset;
														
 
															+  padding: unset;
														
 
															+}
														
 
															+#navbar .link-item {
														
 
															+  padding: 0.25rem 0.5rem;
														
 
															+  margin: unset;
														
 
															+  color: rgba(0, 0, 0, 0.8);
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  background: transparent;
														
 
															+}
														
 
															+#navbar .link-item:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-item.active {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-btn {
														
 
															+  padding: 0.25rem 0.75rem !important;
														
 
															+}
														
 
															+
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  body.show-mobile-menu #navbar .nav-links {
														
 
															+    transform: translateX(0px);
														
 
															+  }
														
 
															+  body.show-mobile-menu main {
														
 
															+    overflow-y: none;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#footer {
														
 
															+  background: #151E37;
														
 
															+  padding: 2rem 0;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+#footer .top-part {
														
 
															+  padding-bottom: 2rem;
														
 
															+  border-bottom: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .top-part ul {
														
 
															+  display: flex;
														
 
															+  justify-content: space-around;
														
 
															+  align-items: flex-end;
														
 
															+  flex-direction: row;
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul li {
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul .short-icon {
														
 
															+  width: 4rem;
														
 
															+}
														
 
															+#footer .top-part ul a {
														
 
															+  font-size: 1.2rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+@media screen and (max-width: 767px) {
														
 
															+  #footer .top-part ul a {
														
 
															+    font-size: 0.85rem;
														
 
															+  }
														
 
															+}
														
 
															+#footer .top-part ul a.active {
														
 
															+  color: #ADBCFF;
														
 
															+}
														
 
															+#footer .address {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.5rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .address li {
														
 
															+  list-style: none;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+  font-weight: 300;
														
 
															+}
														
 
															+#footer .other-link {
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+#footer .social-link {
														
 
															+  display: flex;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+#footer .social-link img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#footer .privacy-links {
														
 
															+  display: flex;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#footer .privacy-links a {
														
 
															+  padding: 0.1rem 0.5rem;
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  border-right: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .privacy-links a:last-child {
														
 
															+  border-right: none;
														
 
															+}
														
 
															+#footer .app-download {
														
 
															+  margin-top: 0.5rem;
														
 
															+  display: flex;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#footer .app-download a {
														
 
															+  height: 2.2rem;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#footer .app-download a img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+#about {
														
 
															+  padding-top: 2.5rem;
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+}
														
 
															+#about .section-title {
														
 
															+  font-weight: 400;
														
 
															+}
														
 
															+#about h3 {
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 1rem;
														
 
															+}
														
 
															+#about p {
														
 
															+  font-size: 1rem;
														
 
															+  margin-bottom: 0.5rem;
														
 
															+  line-height: 1.7;
														
 
															+}
														
 
															+@media screen and (max-width: 992px) {
														
 
															+  #about .why-studypress .feature-image {
														
 
															+    order: 0;
														
 
															+  }
														
 
															+}
														
 
															+#about .motive .feature-image {
														
 
															+  order: 1;
														
 
															+}
														
 
															+@media screen and (max-width: 992px) {
														
 
															+  #about .motive .feature-image {
														
 
															+    order: 0;
														
 
															+  }
														
 
															+}/*# sourceMappingURL=about.css.map */
														
--- a/css/about.css.map
+++ b/css/about.css.map
--- a/css/about.sass
+++ b/css/about.sass
@@ -0,0 +1,33 @@
 
															+@import ./themeStyle
														
 
															+
														
 
															+
														
 
															+// about
														
 
															+#about
														
 
															+    padding-top: 2.5rem
														
 
															+    font-family: $fontNotoBangla
														
 
															+
														
 
															+    .section-title
														
 
															+        font-weight: 400
														
 
															+
														
 
															+    h3
														
 
															+        font-size: 1.4rem
														
 
															+        margin-bottom: 1rem
														
 
															+
														
 
															+    p
														
 
															+        font-size: 1rem
														
 
															+        margin-bottom: .5rem
														
 
															+        line-height: 1.7
														
 
															+
														
 
															+    .why-studypress
														
 
															+        @media screen and ( max-width: 992px )
														
 
															+            .feature-image
														
 
															+                order: 0
														
 
															+
														
 
															+    .motive
														
 
															+        .feature-image
														
 
															+            order: 1
														
 
															+            @media screen and ( max-width: 992px )
														
 
															+                order: 0
														
 
															+
														
 
															+
														
 
															+            
														
--- a/css/blog-archive.css
+++ b/css/blog-archive.css
@@ -0,0 +1,592 @@
 
															+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+* {
														
 
															+  list-style: none;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+a {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+
														
 
															+main {
														
 
															+  padding-top: 4rem;
														
 
															+  padding-bottom: 0 !important;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															+  margin: unset;
														
 
															+}
														
 
															+
														
 
															+h1, h2, h3, h4, h5, h6, p {
														
 
															+  color: inherit;
														
 
															+  font-family: inherit;
														
 
															+  margin: unset;
														
 
															+  text-shadow: unset;
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  margin-top: unset;
														
 
															+}
														
 
															+
														
 
															+@media screen and (min-width: 1400px) {
														
 
															+  .container {
														
 
															+    max-width: 1360px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.section-title {
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 1rem;
														
 
															+  font-size: 2.2rem;
														
 
															+}
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.section-sub-title {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  text-align: center;
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 2rem;
														
 
															+}
														
 
															+
														
 
															+.img-container {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.img-container img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+  -o-object-fit: cover;
														
 
															+     object-fit: cover;
														
 
															+  -o-object-position: center;
														
 
															+     object-position: center;
														
 
															+}
														
 
															+
														
 
															+.link-btn {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  display: block;
														
 
															+  height: unset;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+}
														
 
															+.link-btn:hover {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.link-btn-outline {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  height: unset;
														
 
															+}
														
 
															+.link-btn-outline:hover {
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+
														
 
															+.single-course {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+.single-course .top-part {
														
 
															+  height: 200px;
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.single-course .top-part .img-container {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.single-course .top-part .tag {
														
 
															+  position: absolute;
														
 
															+  left: 4%;
														
 
															+  bottom: 4%;
														
 
															+  padding: 0.1rem 1rem;
														
 
															+  background: rgb(203, 236, 71);
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 15px;
														
 
															+}
														
 
															+.single-course .details {
														
 
															+  height: calc(100% - 180px);
														
 
															+  padding: 1rem;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.75rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  line-height: 1.2;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+}
														
 
															+.single-course .details .level {
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-course .details .title {
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  text-decoration: none;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.single-course .details .stats {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+.single-course .details .price {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  font-weight: 600;
														
 
															+  font-size: 1rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+#navbar {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  width: 100%;
														
 
															+  padding: 0.75rem 0;
														
 
															+  font-family: "Poppins", sans-serif;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  z-index: 999;
														
 
															+}
														
 
															+#navbar .container-fluid {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .container-fluid {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-icons {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-icons {
														
 
															+    position: fixed;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    justify-content: space-between;
														
 
															+    width: 100%;
														
 
															+    padding: 0 1rem;
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    height: 4rem;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .navbar-brand {
														
 
															+  height: 3.5rem;
														
 
															+}
														
 
															+#navbar .navbar-brand img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+#navbar .res-btn {
														
 
															+  font-size: 1.2rem;
														
 
															+  padding: 0.25rem;
														
 
															+  background: unset;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  border: none;
														
 
															+  margin: 0;
														
 
															+  width: unset;
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  display: none;
														
 
															+}
														
 
															+#navbar .res-btn:focus {
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .res-btn {
														
 
															+    display: block;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-links {
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    display: block;
														
 
															+    position: fixed;
														
 
															+    top: 4rem;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    min-height: calc(100vh - 4rem);
														
 
															+    padding: 1rem;
														
 
															+    overflow-y: auto;
														
 
															+    transform: translateX(-200vw);
														
 
															+    transition: 0.75s;
														
 
															+  }
														
 
															+  #navbar .nav-links li {
														
 
															+    display: block;
														
 
															+    color: #fff;
														
 
															+    margin-top: 1rem !important;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links li {
														
 
															+  margin: unset;
														
 
															+  padding: unset;
														
 
															+}
														
 
															+#navbar .link-item {
														
 
															+  padding: 0.25rem 0.5rem;
														
 
															+  margin: unset;
														
 
															+  color: rgba(0, 0, 0, 0.8);
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  background: transparent;
														
 
															+}
														
 
															+#navbar .link-item:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-item.active {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-btn {
														
 
															+  padding: 0.25rem 0.75rem !important;
														
 
															+}
														
 
															+
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  body.show-mobile-menu #navbar .nav-links {
														
 
															+    transform: translateX(0px);
														
 
															+  }
														
 
															+  body.show-mobile-menu main {
														
 
															+    overflow-y: none;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#footer {
														
 
															+  background: #151E37;
														
 
															+  padding: 2rem 0;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+#footer .top-part {
														
 
															+  padding-bottom: 2rem;
														
 
															+  border-bottom: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .top-part ul {
														
 
															+  display: flex;
														
 
															+  justify-content: space-around;
														
 
															+  align-items: flex-end;
														
 
															+  flex-direction: row;
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul li {
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul .short-icon {
														
 
															+  width: 4rem;
														
 
															+}
														
 
															+#footer .top-part ul a {
														
 
															+  font-size: 1.2rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+@media screen and (max-width: 767px) {
														
 
															+  #footer .top-part ul a {
														
 
															+    font-size: 0.85rem;
														
 
															+  }
														
 
															+}
														
 
															+#footer .top-part ul a.active {
														
 
															+  color: #ADBCFF;
														
 
															+}
														
 
															+#footer .address {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.5rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .address li {
														
 
															+  list-style: none;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+  font-weight: 300;
														
 
															+}
														
 
															+#footer .other-link {
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+#footer .social-link {
														
 
															+  display: flex;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+#footer .social-link img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#footer .privacy-links {
														
 
															+  display: flex;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#footer .privacy-links a {
														
 
															+  padding: 0.1rem 0.5rem;
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  border-right: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .privacy-links a:last-child {
														
 
															+  border-right: none;
														
 
															+}
														
 
															+#footer .app-download {
														
 
															+  margin-top: 0.5rem;
														
 
															+  display: flex;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#footer .app-download a {
														
 
															+  height: 2.2rem;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#footer .app-download a img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 2rem 0 1.5rem;
														
 
															+}
														
 
															+
														
 
															+.page-title {
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  margin-top: 2.5rem;
														
 
															+  text-align: left;
														
 
															+  font-weight: 600;
														
 
															+  padding-bottom: 1.5rem;
														
 
															+  border-bottom: 3px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+.page-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+#archive-hero {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: repeat(3, 1fr);
														
 
															+  padding: 0 0 2rem;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #archive-hero {
														
 
															+    grid-template-columns: repeat(1, 1fr);
														
 
															+  }
														
 
															+}
														
 
															+#archive-hero .single-item {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+#archive-hero .single-item .img-container {
														
 
															+  flex: auto;
														
 
															+}
														
 
															+#archive-hero .single-item .details {
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  padding: 0.75rem;
														
 
															+}
														
 
															+#archive-hero .single-item .details .title {
														
 
															+  line-height: 1.4;
														
 
															+  font-size: 0.85rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#archive-hero .single-item .details .title:hover {
														
 
															+  opacity: 0.7;
														
 
															+}
														
 
															+#archive-hero .single-item:first-child {
														
 
															+  grid-column: span 2;
														
 
															+  grid-row: span 2;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #archive-hero .single-item:first-child {
														
 
															+    grid-column: unset;
														
 
															+    grid-row: unset;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.single-item-archive-wraper .archive-title {
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+.single-item-archive-wraper .archive-title::after {
														
 
															+  content: "";
														
 
															+  background: rgb(173, 188, 255);
														
 
															+  flex: auto;
														
 
															+  padding: 0.1rem;
														
 
															+}
														
 
															+.single-item-archive-wraper .link-btn {
														
 
															+  display: block;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  margin: 2rem auto;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container {
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  margin-top: 1rem;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .single-item {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  height: 100%;
														
 
															+  border-radius: 3px;
														
 
															+  overflow: hidden;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .img-container {
														
 
															+  height: 180px;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  .single-item-archive-wraper #single-item-container .img-container {
														
 
															+    height: 220px;
														
 
															+  }
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .details {
														
 
															+  flex: auto;
														
 
															+  padding: 0.75rem 0.75rem 1rem;
														
 
															+  line-height: 1.4;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .tags {
														
 
															+  font-size: 0.6rem;
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .title {
														
 
															+  font-size: 0.8rem;
														
 
															+  line-height: 1.2;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-weight: 700;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .title:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .item-date {
														
 
															+  font-size: 0.55rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .desc {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-size: 0.65rem;
														
 
															+}
														
 
															+
														
 
															+#side-section {
														
 
															+  padding-top: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#side-section .side-item-title {
														
 
															+  background-color: rgb(173, 188, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: left;
														
 
															+  margin-bottom: 0.5rem;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+}
														
 
															+#side-section .single-item {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-item .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-item .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-item .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-item .details .title {
														
 
															+  display: block;
														
 
															+  font-size: 0.8rem;
														
 
															+  line-height: 1.4;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-item .details .title:hover {
														
 
															+  opacity: 0.8;
														
 
															+}
														
 
															+#side-section .single-testimonial {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-testimonial .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .testimonial {
														
 
															+  display: block;
														
 
															+  font-size: 0.65rem;
														
 
															+  line-height: 1.2;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .name, #side-section .single-testimonial .details .ocupation {
														
 
															+  margin: unset;
														
 
															+  margin-top: 0.15rem;
														
 
															+  font-weight: 500;
														
 
															+  font-size: 0.7rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+.add-container {
														
 
															+  width: 100%;
														
 
															+}/*# sourceMappingURL=blog-archive.css.map */
														
--- a/css/blog-archive.css.map
+++ b/css/blog-archive.css.map
--- a/css/blog-archive.sass
+++ b/css/blog-archive.sass
@@ -0,0 +1,204 @@
 
															+@import ./themeStyle
														
 
															+
														
 
															+section
														
 
															+    padding: 2rem 0 1.5rem
														
 
															+
														
 
															+
														
 
															+.page-title
														
 
															+    font-family: $fontInter
														
 
															+    margin-top: 2.5rem
														
 
															+    text-align: left
														
 
															+    font-weight: 600
														
 
															+    padding-bottom: 1.5rem
														
 
															+    border-bottom: 3px solid $thirdColor
														
 
															+    strong
														
 
															+        color: $primaryColor
														
 
															+
														
 
															+// archive-hero
														
 
															+#archive-hero
														
 
															+    display: grid
														
 
															+    grid-template-columns: repeat(3, 1fr)
														
 
															+    padding: 0 0 2rem
														
 
															+    gap: 1rem
														
 
															+    @media screen and ( max-width: 768px )
														
 
															+        grid-template-columns: repeat(1, 1fr)
														
 
															+
														
 
															+
														
 
															+    .single-item
														
 
															+        box-shadow: $shadow-1
														
 
															+        display: flex
														
 
															+        flex-direction: column
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: auto
														
 
															+        
														
 
															+        .details
														
 
															+            height: fit-content
														
 
															+            background: $whiteColor
														
 
															+            padding: .75rem
														
 
															+            .title
														
 
															+                line-height: 1.4
														
 
															+                font-size: .85rem
														
 
															+                font-weight: 500
														
 
															+                color: $blackColor
														
 
															+                font-family: $fontNotoBangla
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .7
														
 
															+
														
 
															+        &:first-child
														
 
															+            grid-column: span 2
														
 
															+            grid-row: span 2
														
 
															+            @media screen and ( max-width: 768px )
														
 
															+                grid-column: unset
														
 
															+                grid-row: unset
														
 
															+
														
 
															+
														
 
															+
														
 
															+// single-item-container
														
 
															+.single-item-archive-wraper
														
 
															+
														
 
															+    .archive-title
														
 
															+        color: $blackColor
														
 
															+        display: flex
														
 
															+        align-items: center
														
 
															+        gap: 1rem
														
 
															+        font-family: $fontInter
														
 
															+        font-weight: 600
														
 
															+        &::after
														
 
															+            content: ""
														
 
															+            background: $thirdColor
														
 
															+            flex: auto
														
 
															+            padding: .1rem
														
 
															+
														
 
															+    .link-btn
														
 
															+        display: block
														
 
															+        width: fit-content
														
 
															+        margin: 2rem auto
														
 
															+
														
 
															+    #single-item-container
														
 
															+        font-family: $fontNotoBangla
														
 
															+        font-family: $fontInter
														
 
															+        margin-top: 1rem
														
 
															+
														
 
															+        .single-item
														
 
															+            box-shadow: $shadow-1
														
 
															+            height: 100%
														
 
															+            border-radius: 3px
														
 
															+            overflow: hidden
														
 
															+            display: flex
														
 
															+            flex-direction: column
														
 
															+
														
 
															+        .img-container
														
 
															+            height: 180px
														
 
															+            @media screen and ( max-width: 768px )
														
 
															+                height: 220px
														
 
															+
														
 
															+        .details
														
 
															+            flex: auto
														
 
															+            padding: .75rem .75rem 1rem
														
 
															+            line-height: 1.4
														
 
															+            display: flex
														
 
															+            flex-direction: column
														
 
															+            gap: .25rem
														
 
															+
														
 
															+        .tags
														
 
															+            font-size: .6rem
														
 
															+            font-weight: 600
														
 
															+            color: $primaryColor
														
 
															+
														
 
															+        .title
														
 
															+            font-size: .8rem
														
 
															+            line-height: 1.2
														
 
															+            color: $blackColor
														
 
															+            font-weight: 700
														
 
															+            text-decoration: none
														
 
															+            &:hover
														
 
															+                color: $primaryColor
														
 
															+
														
 
															+        .item-date
														
 
															+            font-size: .55rem
														
 
															+            color: $greyColor
														
 
															+            font-weight: 600
														
 
															+
														
 
															+        .desc
														
 
															+            color: $greyColor
														
 
															+            font-size: .65rem
														
 
															+
														
 
															+
														
 
															+// side-section
														
 
															+#side-section
														
 
															+    padding-top: 0
														
 
															+    display: flex
														
 
															+    flex-direction: column
														
 
															+    gap: 1.5rem
														
 
															+
														
 
															+    .side-item-title
														
 
															+        background-color: $thirdColor
														
 
															+        color: $blackColor
														
 
															+        text-align: left
														
 
															+        margin-bottom: .5rem
														
 
															+        padding: .25rem .75rem
														
 
															+        font-size: 1rem
														
 
															+
														
 
															+    .single-item
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .title
														
 
															+                display: block
														
 
															+                font-size: .8rem
														
 
															+                line-height: 1.4
														
 
															+                color: $blackColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .8
														
 
															+
														
 
															+
														
 
															+    .single-testimonial
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .testimonial
														
 
															+                display: block
														
 
															+                font-size: .65rem
														
 
															+                line-height: 1.2
														
 
															+                color: $greyColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+            
														
 
															+            .name, .ocupation
														
 
															+                margin: unset
														
 
															+                margin-top: .15rem
														
 
															+                font-weight: 500
														
 
															+                font-size: .7rem
														
 
															+                text-align: right
														
 
															+
														
 
															+
														
 
															+
														
 
															+// add container
														
 
															+.add-container
														
 
															+    width: 100%
														
--- a/css/blog-single.css
+++ b/css/blog-single.css
@@ -0,0 +1,535 @@
 
															+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+* {
														
 
															+  list-style: none;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+a {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+
														
 
															+main {
														
 
															+  padding-top: 4rem;
														
 
															+  padding-bottom: 0 !important;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															+  margin: unset;
														
 
															+}
														
 
															+
														
 
															+h1, h2, h3, h4, h5, h6, p {
														
 
															+  color: inherit;
														
 
															+  font-family: inherit;
														
 
															+  margin: unset;
														
 
															+  text-shadow: unset;
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  margin-top: unset;
														
 
															+}
														
 
															+
														
 
															+@media screen and (min-width: 1400px) {
														
 
															+  .container {
														
 
															+    max-width: 1360px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.section-title {
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 1rem;
														
 
															+  font-size: 2.2rem;
														
 
															+}
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.section-sub-title {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  text-align: center;
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 2rem;
														
 
															+}
														
 
															+
														
 
															+.img-container {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.img-container img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+  -o-object-fit: cover;
														
 
															+     object-fit: cover;
														
 
															+  -o-object-position: center;
														
 
															+     object-position: center;
														
 
															+}
														
 
															+
														
 
															+.link-btn {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  display: block;
														
 
															+  height: unset;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+}
														
 
															+.link-btn:hover {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.link-btn-outline {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  height: unset;
														
 
															+}
														
 
															+.link-btn-outline:hover {
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+
														
 
															+.single-course {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+.single-course .top-part {
														
 
															+  height: 200px;
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.single-course .top-part .img-container {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.single-course .top-part .tag {
														
 
															+  position: absolute;
														
 
															+  left: 4%;
														
 
															+  bottom: 4%;
														
 
															+  padding: 0.1rem 1rem;
														
 
															+  background: rgb(203, 236, 71);
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 15px;
														
 
															+}
														
 
															+.single-course .details {
														
 
															+  height: calc(100% - 180px);
														
 
															+  padding: 1rem;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.75rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  line-height: 1.2;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+}
														
 
															+.single-course .details .level {
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-course .details .title {
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  text-decoration: none;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.single-course .details .stats {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+.single-course .details .price {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  font-weight: 600;
														
 
															+  font-size: 1rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+#navbar {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  width: 100%;
														
 
															+  padding: 0.75rem 0;
														
 
															+  font-family: "Poppins", sans-serif;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  z-index: 999;
														
 
															+}
														
 
															+#navbar .container-fluid {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .container-fluid {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-icons {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-icons {
														
 
															+    position: fixed;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    justify-content: space-between;
														
 
															+    width: 100%;
														
 
															+    padding: 0 1rem;
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    height: 4rem;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .navbar-brand {
														
 
															+  height: 3.5rem;
														
 
															+}
														
 
															+#navbar .navbar-brand img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+#navbar .res-btn {
														
 
															+  font-size: 1.2rem;
														
 
															+  padding: 0.25rem;
														
 
															+  background: unset;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  border: none;
														
 
															+  margin: 0;
														
 
															+  width: unset;
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  display: none;
														
 
															+}
														
 
															+#navbar .res-btn:focus {
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .res-btn {
														
 
															+    display: block;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-links {
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    display: block;
														
 
															+    position: fixed;
														
 
															+    top: 4rem;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    min-height: calc(100vh - 4rem);
														
 
															+    padding: 1rem;
														
 
															+    overflow-y: auto;
														
 
															+    transform: translateX(-200vw);
														
 
															+    transition: 0.75s;
														
 
															+  }
														
 
															+  #navbar .nav-links li {
														
 
															+    display: block;
														
 
															+    color: #fff;
														
 
															+    margin-top: 1rem !important;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links li {
														
 
															+  margin: unset;
														
 
															+  padding: unset;
														
 
															+}
														
 
															+#navbar .link-item {
														
 
															+  padding: 0.25rem 0.5rem;
														
 
															+  margin: unset;
														
 
															+  color: rgba(0, 0, 0, 0.8);
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  background: transparent;
														
 
															+}
														
 
															+#navbar .link-item:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-item.active {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-btn {
														
 
															+  padding: 0.25rem 0.75rem !important;
														
 
															+}
														
 
															+
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  body.show-mobile-menu #navbar .nav-links {
														
 
															+    transform: translateX(0px);
														
 
															+  }
														
 
															+  body.show-mobile-menu main {
														
 
															+    overflow-y: none;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#footer {
														
 
															+  background: #151E37;
														
 
															+  padding: 2rem 0;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+#footer .top-part {
														
 
															+  padding-bottom: 2rem;
														
 
															+  border-bottom: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .top-part ul {
														
 
															+  display: flex;
														
 
															+  justify-content: space-around;
														
 
															+  align-items: flex-end;
														
 
															+  flex-direction: row;
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul li {
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul .short-icon {
														
 
															+  width: 4rem;
														
 
															+}
														
 
															+#footer .top-part ul a {
														
 
															+  font-size: 1.2rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+@media screen and (max-width: 767px) {
														
 
															+  #footer .top-part ul a {
														
 
															+    font-size: 0.85rem;
														
 
															+  }
														
 
															+}
														
 
															+#footer .top-part ul a.active {
														
 
															+  color: #ADBCFF;
														
 
															+}
														
 
															+#footer .address {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.5rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .address li {
														
 
															+  list-style: none;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+  font-weight: 300;
														
 
															+}
														
 
															+#footer .other-link {
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+#footer .social-link {
														
 
															+  display: flex;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+#footer .social-link img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#footer .privacy-links {
														
 
															+  display: flex;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#footer .privacy-links a {
														
 
															+  padding: 0.1rem 0.5rem;
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  border-right: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .privacy-links a:last-child {
														
 
															+  border-right: none;
														
 
															+}
														
 
															+#footer .app-download {
														
 
															+  margin-top: 0.5rem;
														
 
															+  display: flex;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#footer .app-download a {
														
 
															+  height: 2.2rem;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#footer .app-download a img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 2rem 0 1.5rem;
														
 
															+}
														
 
															+
														
 
															+.page-title {
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  margin-top: 2.5rem;
														
 
															+  text-align: left;
														
 
															+  font-weight: 600;
														
 
															+  padding-bottom: 1.5rem;
														
 
															+  border-bottom: 3px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+.page-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.item-details {
														
 
															+  padding-bottom: 2rem;
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+}
														
 
															+.item-details .item-title {
														
 
															+  font-size: 1.5rem;
														
 
															+  font-weight: 500;
														
 
															+  margin-bottom: 0.25rem;
														
 
															+  line-height: 1.4;
														
 
															+}
														
 
															+.item-details .item-date {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  margin-bottom: 0.5rem;
														
 
															+}
														
 
															+.item-details .social-links {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+.item-details .social-links a {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-size: 1rem;
														
 
															+}
														
 
															+.item-details .social-links a:hover {
														
 
															+  transform: scale(1.1);
														
 
															+}
														
 
															+.item-details .img-container {
														
 
															+  margin: 1.5rem 0;
														
 
															+}
														
 
															+.item-details .item-details {
														
 
															+  line-height: 1.7;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+
														
 
															+#related-items {
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+}
														
 
															+#related-items .sec-title {
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+#related-items .single-item {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#related-items .single-item .img-container {
														
 
															+  height: 150px;
														
 
															+}
														
 
															+#related-items .single-item .details {
														
 
															+  padding-top: 0.35rem;
														
 
															+}
														
 
															+#related-items .single-item .details .title {
														
 
															+  display: block;
														
 
															+  font-size: 0.8rem;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 1.4;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#related-items .single-item .details .title:hover {
														
 
															+  opacity: 0.7;
														
 
															+}
														
 
															+
														
 
															+#side-section {
														
 
															+  padding-top: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#side-section .side-item-title {
														
 
															+  background-color: rgb(173, 188, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: left;
														
 
															+  margin-bottom: 0.5rem;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+}
														
 
															+#side-section .single-item {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-item .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-item .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-item .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-item .details .title {
														
 
															+  display: block;
														
 
															+  font-size: 0.8rem;
														
 
															+  line-height: 1.4;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-item .details .title:hover {
														
 
															+  opacity: 0.8;
														
 
															+}
														
 
															+#side-section .single-testimonial {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-testimonial .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .testimonial {
														
 
															+  display: block;
														
 
															+  font-size: 0.65rem;
														
 
															+  line-height: 1.2;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .name, #side-section .single-testimonial .details .ocupation {
														
 
															+  margin: unset;
														
 
															+  margin-top: 0.15rem;
														
 
															+  font-weight: 500;
														
 
															+  font-size: 0.7rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+.add-container {
														
 
															+  width: 100%;
														
 
															+}/*# sourceMappingURL=blog-single.css.map */
														
--- a/css/blog-single.css.map
+++ b/css/blog-single.css.map
--- a/css/blog-single.sass
+++ b/css/blog-single.sass
@@ -0,0 +1,160 @@
 
															+@import ./themeStyle
														
 
															+
														
 
															+section
														
 
															+    padding: 2rem 0 1.5rem
														
 
															+
														
 
															+
														
 
															+.page-title
														
 
															+    font-family: $fontInter
														
 
															+    margin-top: 2.5rem
														
 
															+    text-align: left
														
 
															+    font-weight: 600
														
 
															+    padding-bottom: 1.5rem
														
 
															+    border-bottom: 3px solid $thirdColor
														
 
															+    strong
														
 
															+        color: $primaryColor
														
 
															+
														
 
															+
														
 
															+// item-details
														
 
															+.item-details
														
 
															+    padding-bottom: 2rem
														
 
															+    font-family: $fontNotoBangla
														
 
															+
														
 
															+    .item-title
														
 
															+        font-size: 1.5rem 
														
 
															+        font-weight: 500 
														
 
															+        margin-bottom: .25rem
														
 
															+        line-height: 1.4
														
 
															+
														
 
															+    .item-date
														
 
															+        font-size: .7rem
														
 
															+        color: $greyColor
														
 
															+        margin-bottom: .5rem
														
 
															+
														
 
															+    .social-links
														
 
															+        display: flex
														
 
															+        align-items: center
														
 
															+        gap: .5rem
														
 
															+
														
 
															+        a
														
 
															+            color: $greyColor
														
 
															+            font-size: 1rem
														
 
															+            &:hover
														
 
															+                transform: scale(1.1)
														
 
															+
														
 
															+    .img-container
														
 
															+        margin: 1.5rem 0
														
 
															+
														
 
															+    .item-details
														
 
															+        line-height: 1.7
														
 
															+        color: $greyColor
														
 
															+
														
 
															+
														
 
															+// related-items
														
 
															+#related-items
														
 
															+    font-family: $fontNotoBangla
														
 
															+
														
 
															+    .sec-title
														
 
															+        font-weight: 500
														
 
															+
														
 
															+    .single-item
														
 
															+        display: flex
														
 
															+        flex-direction: column
														
 
															+        gap: .25rem
														
 
															+
														
 
															+        .img-container
														
 
															+            height: 150px
														
 
															+
														
 
															+        .details
														
 
															+            padding-top: .35rem
														
 
															+            
														
 
															+            .title
														
 
															+                display: block
														
 
															+                font-size: .8rem
														
 
															+                font-weight: 600
														
 
															+                line-height: 1.4
														
 
															+                color: $blackColor
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .7
														
 
															+        
														
 
															+
														
 
															+
														
 
															+
														
 
															+
														
 
															+// side-section
														
 
															+#side-section
														
 
															+    padding-top: 0
														
 
															+    display: flex
														
 
															+    flex-direction: column
														
 
															+    gap: 1.5rem
														
 
															+
														
 
															+    .side-item-title
														
 
															+        background-color: $thirdColor
														
 
															+        color: $blackColor
														
 
															+        text-align: left
														
 
															+        margin-bottom: .5rem
														
 
															+        padding: .25rem .75rem
														
 
															+        font-size: 1rem
														
 
															+
														
 
															+    .single-item
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .title
														
 
															+                display: block
														
 
															+                font-size: .8rem
														
 
															+                line-height: 1.4
														
 
															+                color: $blackColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .8
														
 
															+
														
 
															+
														
 
															+    .single-testimonial
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .testimonial
														
 
															+                display: block
														
 
															+                font-size: .65rem
														
 
															+                line-height: 1.2
														
 
															+                color: $greyColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+            
														
 
															+            .name, .ocupation
														
 
															+                margin: unset
														
 
															+                margin-top: .15rem
														
 
															+                font-weight: 500
														
 
															+                font-size: .7rem
														
 
															+                text-align: right
														
 
															+
														
 
															+
														
 
															+
														
 
															+// add container
														
 
															+.add-container
														
 
															+    width: 100%
														
--- a/css/contact.css
+++ b/css/contact.css
@@ -0,0 +1,448 @@
 
															+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+* {
														
 
															+  list-style: none;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+a {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+
														
 
															+main {
														
 
															+  padding-top: 4rem;
														
 
															+  padding-bottom: 0 !important;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															+  margin: unset;
														
 
															+}
														
 
															+
														
 
															+h1, h2, h3, h4, h5, h6, p {
														
 
															+  color: inherit;
														
 
															+  font-family: inherit;
														
 
															+  margin: unset;
														
 
															+  text-shadow: unset;
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  margin-top: unset;
														
 
															+}
														
 
															+
														
 
															+@media screen and (min-width: 1400px) {
														
 
															+  .container {
														
 
															+    max-width: 1360px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.section-title {
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 1rem;
														
 
															+  font-size: 2.2rem;
														
 
															+}
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.section-sub-title {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  text-align: center;
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 2rem;
														
 
															+}
														
 
															+
														
 
															+.img-container {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.img-container img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+  -o-object-fit: cover;
														
 
															+     object-fit: cover;
														
 
															+  -o-object-position: center;
														
 
															+     object-position: center;
														
 
															+}
														
 
															+
														
 
															+.link-btn {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  display: block;
														
 
															+  height: unset;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+}
														
 
															+.link-btn:hover {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.link-btn-outline {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  height: unset;
														
 
															+}
														
 
															+.link-btn-outline:hover {
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+
														
 
															+.single-course {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+.single-course .top-part {
														
 
															+  height: 200px;
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.single-course .top-part .img-container {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.single-course .top-part .tag {
														
 
															+  position: absolute;
														
 
															+  left: 4%;
														
 
															+  bottom: 4%;
														
 
															+  padding: 0.1rem 1rem;
														
 
															+  background: rgb(203, 236, 71);
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 15px;
														
 
															+}
														
 
															+.single-course .details {
														
 
															+  height: calc(100% - 180px);
														
 
															+  padding: 1rem;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.75rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  line-height: 1.2;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+}
														
 
															+.single-course .details .level {
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-course .details .title {
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  text-decoration: none;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.single-course .details .stats {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+.single-course .details .price {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  font-weight: 600;
														
 
															+  font-size: 1rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+#navbar {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  width: 100%;
														
 
															+  padding: 0.75rem 0;
														
 
															+  font-family: "Poppins", sans-serif;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  z-index: 999;
														
 
															+}
														
 
															+#navbar .container-fluid {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .container-fluid {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-icons {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-icons {
														
 
															+    position: fixed;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    justify-content: space-between;
														
 
															+    width: 100%;
														
 
															+    padding: 0 1rem;
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    height: 4rem;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .navbar-brand {
														
 
															+  height: 3.5rem;
														
 
															+}
														
 
															+#navbar .navbar-brand img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+#navbar .res-btn {
														
 
															+  font-size: 1.2rem;
														
 
															+  padding: 0.25rem;
														
 
															+  background: unset;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  border: none;
														
 
															+  margin: 0;
														
 
															+  width: unset;
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  display: none;
														
 
															+}
														
 
															+#navbar .res-btn:focus {
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .res-btn {
														
 
															+    display: block;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-links {
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    display: block;
														
 
															+    position: fixed;
														
 
															+    top: 4rem;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    min-height: calc(100vh - 4rem);
														
 
															+    padding: 1rem;
														
 
															+    overflow-y: auto;
														
 
															+    transform: translateX(-200vw);
														
 
															+    transition: 0.75s;
														
 
															+  }
														
 
															+  #navbar .nav-links li {
														
 
															+    display: block;
														
 
															+    color: #fff;
														
 
															+    margin-top: 1rem !important;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links li {
														
 
															+  margin: unset;
														
 
															+  padding: unset;
														
 
															+}
														
 
															+#navbar .link-item {
														
 
															+  padding: 0.25rem 0.5rem;
														
 
															+  margin: unset;
														
 
															+  color: rgba(0, 0, 0, 0.8);
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  background: transparent;
														
 
															+}
														
 
															+#navbar .link-item:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-item.active {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-btn {
														
 
															+  padding: 0.25rem 0.75rem !important;
														
 
															+}
														
 
															+
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  body.show-mobile-menu #navbar .nav-links {
														
 
															+    transform: translateX(0px);
														
 
															+  }
														
 
															+  body.show-mobile-menu main {
														
 
															+    overflow-y: none;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#footer {
														
 
															+  background: #151E37;
														
 
															+  padding: 2rem 0;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+#footer .top-part {
														
 
															+  padding-bottom: 2rem;
														
 
															+  border-bottom: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .top-part ul {
														
 
															+  display: flex;
														
 
															+  justify-content: space-around;
														
 
															+  align-items: flex-end;
														
 
															+  flex-direction: row;
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul li {
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul .short-icon {
														
 
															+  width: 4rem;
														
 
															+}
														
 
															+#footer .top-part ul a {
														
 
															+  font-size: 1.2rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+@media screen and (max-width: 767px) {
														
 
															+  #footer .top-part ul a {
														
 
															+    font-size: 0.85rem;
														
 
															+  }
														
 
															+}
														
 
															+#footer .top-part ul a.active {
														
 
															+  color: #ADBCFF;
														
 
															+}
														
 
															+#footer .address {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.5rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .address li {
														
 
															+  list-style: none;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+  font-weight: 300;
														
 
															+}
														
 
															+#footer .other-link {
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+#footer .social-link {
														
 
															+  display: flex;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+#footer .social-link img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#footer .privacy-links {
														
 
															+  display: flex;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#footer .privacy-links a {
														
 
															+  padding: 0.1rem 0.5rem;
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  border-right: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .privacy-links a:last-child {
														
 
															+  border-right: none;
														
 
															+}
														
 
															+#footer .app-download {
														
 
															+  margin-top: 0.5rem;
														
 
															+  display: flex;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#footer .app-download a {
														
 
															+  height: 2.2rem;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#footer .app-download a img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+#contact {
														
 
															+  padding-top: 2rem;
														
 
															+  background: rgba(153, 171, 253, 0.15);
														
 
															+}
														
 
															+#contact .section-title {
														
 
															+  font-weight: 400;
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+  margin-bottom: 1rem;
														
 
															+}
														
 
															+#contact .title {
														
 
															+  font-weight: 600;
														
 
															+  margin-bottom: 1rem;
														
 
															+}
														
 
															+#contact #location .live-address {
														
 
															+  padding-bottom: 1rem;
														
 
															+  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+#contact #location .virtual-address {
														
 
															+  padding-top: 1rem;
														
 
															+  margin-bottom: 2.5rem;
														
 
															+}
														
 
															+#contact #location .virtual-address a {
														
 
															+  display: block;
														
 
															+  margin-bottom: 0.25rem;
														
 
															+  font-size: 0.75rem;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#contact #location p {
														
 
															+  font-size: 0.75rem;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  margin-bottom: 0.25rem;
														
 
															+  font-weight: 400;
														
 
															+}
														
 
															+#contact #location .map {
														
 
															+  border: 1.5px solid rgb(173, 188, 255);
														
 
															+  height: 300px;
														
 
															+}
														
 
															+#contact #contact-forms {
														
 
															+  padding: 2.5rem;
														
 
															+  border: 1.5px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#contact #contact-forms form {
														
 
															+  margin: unset;
														
 
															+}
														
 
															+#contact #contact-forms .title {
														
 
															+  text-align: center;
														
 
															+}
														
 
															+#contact #contact-forms label {
														
 
															+  font-size: 0.85rem;
														
 
															+  font-weight: 600;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+#contact #contact-forms input, #contact #contact-forms textarea {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  font-size: 0.85rem;
														
 
															+  font-weight: 500;
														
 
															+  padding: 0.5rem 1rem;
														
 
															+  height: unset;
														
 
															+}
														
 
															+#contact #contact-forms .required {
														
 
															+  font-weight: 700;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#contact #contact-forms .link-btn {
														
 
															+  margin: 0 auto;
														
 
															+}/*# sourceMappingURL=contact.css.map */
														
--- a/css/contact.css.map
+++ b/css/contact.css.map
--- a/css/contact.sass
+++ b/css/contact.sass
@@ -0,0 +1,74 @@
 
															+@import ./themeStyle
														
 
															+
														
 
															+
														
 
															+// contact
														
 
															+#contact
														
 
															+    padding-top: 2rem
														
 
															+    background: rgba(153, 171, 253, 0.15)
														
 
															+
														
 
															+    .section-title
														
 
															+        font-weight: 400
														
 
															+        font-family: $fontNotoBangla
														
 
															+        margin-bottom: 1rem
														
 
															+
														
 
															+
														
 
															+    .title
														
 
															+        font-weight: 600
														
 
															+        margin-bottom: 1rem
														
 
															+
														
 
															+    #location
														
 
															+
														
 
															+        .live-address
														
 
															+            padding-bottom: 1rem
														
 
															+            border-bottom: 1px solid $greyColor
														
 
															+
														
 
															+        .virtual-address
														
 
															+            padding-top: 1rem
														
 
															+            margin-bottom: 2.5rem
														
 
															+
														
 
															+            a
														
 
															+                display: block
														
 
															+                margin-bottom: .25rem
														
 
															+                font-size: .75rem
														
 
															+                color: $blackColor
														
 
															+                text-decoration: none
														
 
															+
														
 
															+        p
														
 
															+            font-size: .75rem
														
 
															+            color: $blackColor
														
 
															+            margin-bottom: .25rem
														
 
															+            font-weight: 400
														
 
															+
														
 
															+        .map
														
 
															+            border: 1.5px solid $thirdColor
														
 
															+            height: 300px
														
 
															+
														
 
															+    #contact-forms
														
 
															+        padding: 2.5rem
														
 
															+        border: 1.5px solid $thirdColor
														
 
															+
														
 
															+        form
														
 
															+            margin: unset
														
 
															+
														
 
															+        .title
														
 
															+            text-align: center
														
 
															+
														
 
															+        label
														
 
															+            font-size: .85rem
														
 
															+            font-weight: 600
														
 
															+            color: $greyColor
														
 
															+
														
 
															+        input, textarea
														
 
															+            background: $whiteColor
														
 
															+            font-size: .85rem
														
 
															+            font-weight: 500
														
 
															+            padding: .5rem 1rem
														
 
															+            height: unset
														
 
															+
														
 
															+        .required
														
 
															+            font-weight: 700
														
 
															+            color: $primaryColor
														
 
															+
														
 
															+        .link-btn
														
 
															+            margin: 0 auto
														
 
															+
														
--- a/css/index.css
+++ b/css/index.css
@@ -825,7 +825,7 @@ h1, h2, h3, h4, h5, h6, p {
 
															 }
														
 
															 @media screen and (max-width: 767px) {
														
 
															   #feature-sec .word-day .word-container {
														
 
															-    width: 60%;
														
 
															+    width: 80%;
														
 
															   }
														
 
															 }
														
 
															 #feature-sec .word-day .word-container .realated-image {
														
@@ -862,6 +862,11 @@ h1, h2, h3, h4, h5, h6, p {
 
															   padding: 4rem 3rem 2.5rem;
														
 
															   width: 100%;
														
 
															 }
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #feature-sec .memory {
														
 
															+    padding: 1rem;
														
 
															+  }
														
 
															+}
														
 
															 #feature-sec .memory .title {
														
 
															   font-size: 1.8rem;
														
 
															   font-weight: 600;
														
@@ -883,6 +888,8 @@ h1, h2, h3, h4, h5, h6, p {
 
															 @media screen and (max-width: 500px) {
														
 
															   #feature-sec .memory .memory-slider {
														
 
															     max-width: 400px;
														
 
															+    padding: 3rem;
														
 
															+    margin-top: 1rem;
														
 
															   }
														
 
															 }
														
 
															 #feature-sec .memory .memory-slider-next, #feature-sec .memory .memory-slider-prev {
														
@@ -901,13 +908,29 @@ h1, h2, h3, h4, h5, h6, p {
 
															   display: flex;
														
 
															   width: 100%;
														
 
															 }
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #feature-sec .memory .single-memory {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															 #feature-sec .memory .single-memory .img-container {
														
 
															   flex: 1;
														
 
															 }
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #feature-sec .memory .single-memory .img-container {
														
 
															+    flex: unset;
														
 
															+    height: 200px;
														
 
															+  }
														
 
															+}
														
 
															 #feature-sec .memory .single-memory .detail {
														
 
															   flex: 2;
														
 
															   padding: 0.75rem;
														
 
															 }
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #feature-sec .memory .single-memory .detail {
														
 
															+    flex: unset;
														
 
															+  }
														
 
															+}
														
 
															 #feature-sec .memory .single-memory .detail .title {
														
 
															   text-align: left;
														
 
															   font-size: 1rem;
														
--- a/css/index.css.map
+++ b/css/index.css.map
--- a/css/index.sass
+++ b/css/index.sass
@@ -431,7 +431,7 @@
 
															             color: $blackColor
														
 
															             position: relative
														
 
															             @media screen and ( max-width: 767px )
														
 
															-                width: 60%
														
 
															+                width: 80%
														
 
															             .realated-image
														
 
															                 width: 40%
														
@@ -465,6 +465,8 @@
 
															         background: $memoryColor
														
 
															         padding: 4rem 3rem 2.5rem
														
 
															         width: 100%
														
 
															+        @media screen and ( max-width: 768px )
														
 
															+            padding: 1rem
														
 
															         .title
														
 
															             font-size: 1.8rem
														
@@ -485,6 +487,8 @@
 
															             padding: .5rem 60px
														
 
															             @media screen and ( max-width: 500px )
														
 
															                 max-width: 400px 
														
 
															+                padding: 3rem
														
 
															+                margin-top: 1rem
														
 
															         .memory-slider-next, .memory-slider-prev
														
@@ -501,13 +505,20 @@
 
															             box-shadow: $shadow-1
														
 
															             display: flex
														
 
															             width: 100%
														
 
															+            @media screen and ( max-width: 768px )
														
 
															+                flex-direction: column
														
 
															             .img-container
														
 
															                 flex: 1
														
 
															+                @media screen and ( max-width: 768px )
														
 
															+                    flex: unset
														
 
															+                    height: 200px
														
 
															             .detail
														
 
															                 flex: 2
														
 
															                 padding: .75rem
														
 
															+                @media screen and ( max-width: 768px )
														
 
															+                    flex: unset
														
 
															                 .title
														
 
															                     text-align: left
														
--- a/css/news-archive.css
+++ b/css/news-archive.css
@@ -0,0 +1,592 @@
 
															+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+* {
														
 
															+  list-style: none;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+a {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+
														
 
															+main {
														
 
															+  padding-top: 4rem;
														
 
															+  padding-bottom: 0 !important;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															+  margin: unset;
														
 
															+}
														
 
															+
														
 
															+h1, h2, h3, h4, h5, h6, p {
														
 
															+  color: inherit;
														
 
															+  font-family: inherit;
														
 
															+  margin: unset;
														
 
															+  text-shadow: unset;
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  margin-top: unset;
														
 
															+}
														
 
															+
														
 
															+@media screen and (min-width: 1400px) {
														
 
															+  .container {
														
 
															+    max-width: 1360px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.section-title {
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 1rem;
														
 
															+  font-size: 2.2rem;
														
 
															+}
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.section-sub-title {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  text-align: center;
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 2rem;
														
 
															+}
														
 
															+
														
 
															+.img-container {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.img-container img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+  -o-object-fit: cover;
														
 
															+     object-fit: cover;
														
 
															+  -o-object-position: center;
														
 
															+     object-position: center;
														
 
															+}
														
 
															+
														
 
															+.link-btn {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  display: block;
														
 
															+  height: unset;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+}
														
 
															+.link-btn:hover {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.link-btn-outline {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  height: unset;
														
 
															+}
														
 
															+.link-btn-outline:hover {
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+
														
 
															+.single-course {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+.single-course .top-part {
														
 
															+  height: 200px;
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.single-course .top-part .img-container {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.single-course .top-part .tag {
														
 
															+  position: absolute;
														
 
															+  left: 4%;
														
 
															+  bottom: 4%;
														
 
															+  padding: 0.1rem 1rem;
														
 
															+  background: rgb(203, 236, 71);
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 15px;
														
 
															+}
														
 
															+.single-course .details {
														
 
															+  height: calc(100% - 180px);
														
 
															+  padding: 1rem;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.75rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  line-height: 1.2;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+}
														
 
															+.single-course .details .level {
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-course .details .title {
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  text-decoration: none;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.single-course .details .stats {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+.single-course .details .price {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  font-weight: 600;
														
 
															+  font-size: 1rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+#navbar {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  width: 100%;
														
 
															+  padding: 0.75rem 0;
														
 
															+  font-family: "Poppins", sans-serif;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  z-index: 999;
														
 
															+}
														
 
															+#navbar .container-fluid {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .container-fluid {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-icons {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-icons {
														
 
															+    position: fixed;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    justify-content: space-between;
														
 
															+    width: 100%;
														
 
															+    padding: 0 1rem;
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    height: 4rem;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .navbar-brand {
														
 
															+  height: 3.5rem;
														
 
															+}
														
 
															+#navbar .navbar-brand img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+#navbar .res-btn {
														
 
															+  font-size: 1.2rem;
														
 
															+  padding: 0.25rem;
														
 
															+  background: unset;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  border: none;
														
 
															+  margin: 0;
														
 
															+  width: unset;
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  display: none;
														
 
															+}
														
 
															+#navbar .res-btn:focus {
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .res-btn {
														
 
															+    display: block;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-links {
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    display: block;
														
 
															+    position: fixed;
														
 
															+    top: 4rem;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    min-height: calc(100vh - 4rem);
														
 
															+    padding: 1rem;
														
 
															+    overflow-y: auto;
														
 
															+    transform: translateX(-200vw);
														
 
															+    transition: 0.75s;
														
 
															+  }
														
 
															+  #navbar .nav-links li {
														
 
															+    display: block;
														
 
															+    color: #fff;
														
 
															+    margin-top: 1rem !important;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links li {
														
 
															+  margin: unset;
														
 
															+  padding: unset;
														
 
															+}
														
 
															+#navbar .link-item {
														
 
															+  padding: 0.25rem 0.5rem;
														
 
															+  margin: unset;
														
 
															+  color: rgba(0, 0, 0, 0.8);
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  background: transparent;
														
 
															+}
														
 
															+#navbar .link-item:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-item.active {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-btn {
														
 
															+  padding: 0.25rem 0.75rem !important;
														
 
															+}
														
 
															+
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  body.show-mobile-menu #navbar .nav-links {
														
 
															+    transform: translateX(0px);
														
 
															+  }
														
 
															+  body.show-mobile-menu main {
														
 
															+    overflow-y: none;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#footer {
														
 
															+  background: #151E37;
														
 
															+  padding: 2rem 0;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+#footer .top-part {
														
 
															+  padding-bottom: 2rem;
														
 
															+  border-bottom: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .top-part ul {
														
 
															+  display: flex;
														
 
															+  justify-content: space-around;
														
 
															+  align-items: flex-end;
														
 
															+  flex-direction: row;
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul li {
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul .short-icon {
														
 
															+  width: 4rem;
														
 
															+}
														
 
															+#footer .top-part ul a {
														
 
															+  font-size: 1.2rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+@media screen and (max-width: 767px) {
														
 
															+  #footer .top-part ul a {
														
 
															+    font-size: 0.85rem;
														
 
															+  }
														
 
															+}
														
 
															+#footer .top-part ul a.active {
														
 
															+  color: #ADBCFF;
														
 
															+}
														
 
															+#footer .address {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.5rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .address li {
														
 
															+  list-style: none;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+  font-weight: 300;
														
 
															+}
														
 
															+#footer .other-link {
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+#footer .social-link {
														
 
															+  display: flex;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+#footer .social-link img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#footer .privacy-links {
														
 
															+  display: flex;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#footer .privacy-links a {
														
 
															+  padding: 0.1rem 0.5rem;
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  border-right: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .privacy-links a:last-child {
														
 
															+  border-right: none;
														
 
															+}
														
 
															+#footer .app-download {
														
 
															+  margin-top: 0.5rem;
														
 
															+  display: flex;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#footer .app-download a {
														
 
															+  height: 2.2rem;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#footer .app-download a img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 2rem 0 1.5rem;
														
 
															+}
														
 
															+
														
 
															+.page-title {
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  margin-top: 2.5rem;
														
 
															+  text-align: left;
														
 
															+  font-weight: 600;
														
 
															+  padding-bottom: 1.5rem;
														
 
															+  border-bottom: 3px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+.page-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+#archive-hero {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: repeat(3, 1fr);
														
 
															+  padding: 0 0 2rem;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #archive-hero {
														
 
															+    grid-template-columns: repeat(1, 1fr);
														
 
															+  }
														
 
															+}
														
 
															+#archive-hero .single-item {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+#archive-hero .single-item .img-container {
														
 
															+  flex: auto;
														
 
															+}
														
 
															+#archive-hero .single-item .details {
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  padding: 0.75rem;
														
 
															+}
														
 
															+#archive-hero .single-item .details .title {
														
 
															+  line-height: 1.4;
														
 
															+  font-size: 0.85rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#archive-hero .single-item .details .title:hover {
														
 
															+  opacity: 0.7;
														
 
															+}
														
 
															+#archive-hero .single-item:first-child {
														
 
															+  grid-column: span 2;
														
 
															+  grid-row: span 2;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #archive-hero .single-item:first-child {
														
 
															+    grid-column: unset;
														
 
															+    grid-row: unset;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.single-item-archive-wraper .archive-title {
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+.single-item-archive-wraper .archive-title::after {
														
 
															+  content: "";
														
 
															+  background: rgb(173, 188, 255);
														
 
															+  flex: auto;
														
 
															+  padding: 0.1rem;
														
 
															+}
														
 
															+.single-item-archive-wraper .link-btn {
														
 
															+  display: block;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  margin: 2rem auto;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container {
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  margin-top: 1rem;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .single-item {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  height: 100%;
														
 
															+  border-radius: 3px;
														
 
															+  overflow: hidden;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .img-container {
														
 
															+  height: 180px;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  .single-item-archive-wraper #single-item-container .img-container {
														
 
															+    height: 220px;
														
 
															+  }
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .details {
														
 
															+  flex: auto;
														
 
															+  padding: 0.75rem 0.75rem 1rem;
														
 
															+  line-height: 1.4;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .tags {
														
 
															+  font-size: 0.6rem;
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .title {
														
 
															+  font-size: 0.8rem;
														
 
															+  line-height: 1.2;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-weight: 700;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .title:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .item-date {
														
 
															+  font-size: 0.55rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+.single-item-archive-wraper #single-item-container .desc {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-size: 0.65rem;
														
 
															+}
														
 
															+
														
 
															+#side-section {
														
 
															+  padding-top: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#side-section .side-item-title {
														
 
															+  background-color: rgb(173, 188, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: left;
														
 
															+  margin-bottom: 0.5rem;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+}
														
 
															+#side-section .single-item {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-item .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-item .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-item .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-item .details .title {
														
 
															+  display: block;
														
 
															+  font-size: 0.8rem;
														
 
															+  line-height: 1.4;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-item .details .title:hover {
														
 
															+  opacity: 0.8;
														
 
															+}
														
 
															+#side-section .single-testimonial {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-testimonial .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .testimonial {
														
 
															+  display: block;
														
 
															+  font-size: 0.65rem;
														
 
															+  line-height: 1.2;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .name, #side-section .single-testimonial .details .ocupation {
														
 
															+  margin: unset;
														
 
															+  margin-top: 0.15rem;
														
 
															+  font-weight: 500;
														
 
															+  font-size: 0.7rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+.add-container {
														
 
															+  width: 100%;
														
 
															+}/*# sourceMappingURL=news-archive.css.map */
														
--- a/css/news-archive.css.map
+++ b/css/news-archive.css.map
--- a/css/news-archive.sass
+++ b/css/news-archive.sass
@@ -0,0 +1,204 @@
 
															+@import ./themeStyle
														
 
															+
														
 
															+section
														
 
															+    padding: 2rem 0 1.5rem
														
 
															+
														
 
															+
														
 
															+.page-title
														
 
															+    font-family: $fontInter
														
 
															+    margin-top: 2.5rem
														
 
															+    text-align: left
														
 
															+    font-weight: 600
														
 
															+    padding-bottom: 1.5rem
														
 
															+    border-bottom: 3px solid $thirdColor
														
 
															+    strong
														
 
															+        color: $primaryColor
														
 
															+
														
 
															+// archive-hero
														
 
															+#archive-hero
														
 
															+    display: grid
														
 
															+    grid-template-columns: repeat(3, 1fr)
														
 
															+    padding: 0 0 2rem
														
 
															+    gap: 1rem
														
 
															+    @media screen and ( max-width: 768px )
														
 
															+        grid-template-columns: repeat(1, 1fr)
														
 
															+
														
 
															+
														
 
															+    .single-item
														
 
															+        box-shadow: $shadow-1
														
 
															+        display: flex
														
 
															+        flex-direction: column
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: auto
														
 
															+        
														
 
															+        .details
														
 
															+            height: fit-content
														
 
															+            background: $whiteColor
														
 
															+            padding: .75rem
														
 
															+            .title
														
 
															+                line-height: 1.4
														
 
															+                font-size: .85rem
														
 
															+                font-weight: 500
														
 
															+                color: $blackColor
														
 
															+                font-family: $fontNotoBangla
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .7
														
 
															+
														
 
															+        &:first-child
														
 
															+            grid-column: span 2
														
 
															+            grid-row: span 2
														
 
															+            @media screen and ( max-width: 768px )
														
 
															+                grid-column: unset
														
 
															+                grid-row: unset
														
 
															+
														
 
															+
														
 
															+
														
 
															+// single-item-container
														
 
															+.single-item-archive-wraper
														
 
															+
														
 
															+    .archive-title
														
 
															+        color: $blackColor
														
 
															+        display: flex
														
 
															+        align-items: center
														
 
															+        gap: 1rem
														
 
															+        font-family: $fontInter
														
 
															+        font-weight: 600
														
 
															+        &::after
														
 
															+            content: ""
														
 
															+            background: $thirdColor
														
 
															+            flex: auto
														
 
															+            padding: .1rem
														
 
															+
														
 
															+    .link-btn
														
 
															+        display: block
														
 
															+        width: fit-content
														
 
															+        margin: 2rem auto
														
 
															+
														
 
															+    #single-item-container
														
 
															+        font-family: $fontNotoBangla
														
 
															+        font-family: $fontInter
														
 
															+        margin-top: 1rem
														
 
															+
														
 
															+        .single-item
														
 
															+            box-shadow: $shadow-1
														
 
															+            height: 100%
														
 
															+            border-radius: 3px
														
 
															+            overflow: hidden
														
 
															+            display: flex
														
 
															+            flex-direction: column
														
 
															+
														
 
															+        .img-container
														
 
															+            height: 180px
														
 
															+            @media screen and ( max-width: 768px )
														
 
															+                height: 220px
														
 
															+
														
 
															+        .details
														
 
															+            flex: auto
														
 
															+            padding: .75rem .75rem 1rem
														
 
															+            line-height: 1.4
														
 
															+            display: flex
														
 
															+            flex-direction: column
														
 
															+            gap: .25rem
														
 
															+
														
 
															+        .tags
														
 
															+            font-size: .6rem
														
 
															+            font-weight: 600
														
 
															+            color: $primaryColor
														
 
															+
														
 
															+        .title
														
 
															+            font-size: .8rem
														
 
															+            line-height: 1.2
														
 
															+            color: $blackColor
														
 
															+            font-weight: 700
														
 
															+            text-decoration: none
														
 
															+            &:hover
														
 
															+                color: $primaryColor
														
 
															+
														
 
															+        .item-date
														
 
															+            font-size: .55rem
														
 
															+            color: $greyColor
														
 
															+            font-weight: 600
														
 
															+
														
 
															+        .desc
														
 
															+            color: $greyColor
														
 
															+            font-size: .65rem
														
 
															+
														
 
															+
														
 
															+// side-section
														
 
															+#side-section
														
 
															+    padding-top: 0
														
 
															+    display: flex
														
 
															+    flex-direction: column
														
 
															+    gap: 1.5rem
														
 
															+
														
 
															+    .side-item-title
														
 
															+        background-color: $thirdColor
														
 
															+        color: $blackColor
														
 
															+        text-align: left
														
 
															+        margin-bottom: .5rem
														
 
															+        padding: .25rem .75rem
														
 
															+        font-size: 1rem
														
 
															+
														
 
															+    .single-item
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .title
														
 
															+                display: block
														
 
															+                font-size: .8rem
														
 
															+                line-height: 1.4
														
 
															+                color: $blackColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .8
														
 
															+
														
 
															+
														
 
															+    .single-testimonial
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .testimonial
														
 
															+                display: block
														
 
															+                font-size: .65rem
														
 
															+                line-height: 1.2
														
 
															+                color: $greyColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+            
														
 
															+            .name, .ocupation
														
 
															+                margin: unset
														
 
															+                margin-top: .15rem
														
 
															+                font-weight: 500
														
 
															+                font-size: .7rem
														
 
															+                text-align: right
														
 
															+
														
 
															+
														
 
															+
														
 
															+// add container
														
 
															+.add-container
														
 
															+    width: 100%
														
--- a/css/news-single.css
+++ b/css/news-single.css
@@ -0,0 +1,535 @@
 
															+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
														
 
															+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
														
 
															+* {
														
 
															+  list-style: none;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+a {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+
														
 
															+main {
														
 
															+  padding-top: 4rem;
														
 
															+  padding-bottom: 0 !important;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															+  margin: unset;
														
 
															+}
														
 
															+
														
 
															+h1, h2, h3, h4, h5, h6, p {
														
 
															+  color: inherit;
														
 
															+  font-family: inherit;
														
 
															+  margin: unset;
														
 
															+  text-shadow: unset;
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  margin-top: unset;
														
 
															+}
														
 
															+
														
 
															+@media screen and (min-width: 1400px) {
														
 
															+  .container {
														
 
															+    max-width: 1360px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.section-title {
														
 
															+  font-weight: 600;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 1rem;
														
 
															+  font-size: 2.2rem;
														
 
															+}
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.section-sub-title {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  text-align: center;
														
 
															+  font-size: 1.4rem;
														
 
															+  margin-bottom: 2rem;
														
 
															+}
														
 
															+
														
 
															+.img-container {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.img-container img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+  -o-object-fit: cover;
														
 
															+     object-fit: cover;
														
 
															+  -o-object-position: center;
														
 
															+     object-position: center;
														
 
															+}
														
 
															+
														
 
															+.link-btn {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  display: block;
														
 
															+  height: unset;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+}
														
 
															+.link-btn:hover {
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.link-btn-outline {
														
 
															+  margin: 0;
														
 
															+  padding: 0.45rem 1.2rem !important;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  border-color: rgb(0, 38, 136);
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  border-width: 2px;
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  box-shadow: none;
														
 
															+  opacity: unset;
														
 
															+  height: unset;
														
 
															+}
														
 
															+.link-btn-outline:hover {
														
 
															+  background: rgb(0, 38, 136);
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+
														
 
															+.single-course {
														
 
															+  box-shadow: 1px 2px 5px rgba(0, 46, 116, 0.25);
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+.single-course .top-part {
														
 
															+  height: 200px;
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+.single-course .top-part .img-container {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.single-course .top-part .tag {
														
 
															+  position: absolute;
														
 
															+  left: 4%;
														
 
															+  bottom: 4%;
														
 
															+  padding: 0.1rem 1rem;
														
 
															+  background: rgb(203, 236, 71);
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 15px;
														
 
															+}
														
 
															+.single-course .details {
														
 
															+  height: calc(100% - 180px);
														
 
															+  padding: 1rem;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.75rem;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  line-height: 1.2;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+}
														
 
															+.single-course .details .level {
														
 
															+  font-size: 0.75rem;
														
 
															+  font-weight: 500;
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+.single-course .details .title {
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  text-decoration: none;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.single-course .details .stats {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+.single-course .details .price {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+  font-weight: 600;
														
 
															+  font-size: 1rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+#navbar {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  width: 100%;
														
 
															+  padding: 0.75rem 0;
														
 
															+  font-family: "Poppins", sans-serif;
														
 
															+  background: rgb(255, 255, 255);
														
 
															+  z-index: 999;
														
 
															+}
														
 
															+#navbar .container-fluid {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .container-fluid {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-icons {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-icons {
														
 
															+    position: fixed;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    justify-content: space-between;
														
 
															+    width: 100%;
														
 
															+    padding: 0 1rem;
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    height: 4rem;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .navbar-brand {
														
 
															+  height: 3.5rem;
														
 
															+}
														
 
															+#navbar .navbar-brand img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+#navbar .res-btn {
														
 
															+  font-size: 1.2rem;
														
 
															+  padding: 0.25rem;
														
 
															+  background: unset;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  border: none;
														
 
															+  margin: 0;
														
 
															+  width: unset;
														
 
															+  height: -moz-fit-content;
														
 
															+  height: fit-content;
														
 
															+  width: -moz-fit-content;
														
 
															+  width: fit-content;
														
 
															+  display: none;
														
 
															+}
														
 
															+#navbar .res-btn:focus {
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .res-btn {
														
 
															+    display: block;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  #navbar .nav-links {
														
 
															+    background: rgb(255, 255, 255);
														
 
															+    display: block;
														
 
															+    position: fixed;
														
 
															+    top: 4rem;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    min-height: calc(100vh - 4rem);
														
 
															+    padding: 1rem;
														
 
															+    overflow-y: auto;
														
 
															+    transform: translateX(-200vw);
														
 
															+    transition: 0.75s;
														
 
															+  }
														
 
															+  #navbar .nav-links li {
														
 
															+    display: block;
														
 
															+    color: #fff;
														
 
															+    margin-top: 1rem !important;
														
 
															+  }
														
 
															+}
														
 
															+#navbar .nav-links li {
														
 
															+  margin: unset;
														
 
															+  padding: unset;
														
 
															+}
														
 
															+#navbar .link-item {
														
 
															+  padding: 0.25rem 0.5rem;
														
 
															+  margin: unset;
														
 
															+  color: rgba(0, 0, 0, 0.8);
														
 
															+  font-size: 0.9rem;
														
 
															+  font-weight: 600;
														
 
															+  background: transparent;
														
 
															+}
														
 
															+#navbar .link-item:hover {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-item.active {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+#navbar .link-btn {
														
 
															+  padding: 0.25rem 0.75rem !important;
														
 
															+}
														
 
															+
														
 
															+@media screen and (max-width: 768px) {
														
 
															+  body.show-mobile-menu #navbar .nav-links {
														
 
															+    transform: translateX(0px);
														
 
															+  }
														
 
															+  body.show-mobile-menu main {
														
 
															+    overflow-y: none;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#footer {
														
 
															+  background: #151E37;
														
 
															+  padding: 2rem 0;
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+}
														
 
															+#footer .top-part {
														
 
															+  padding-bottom: 2rem;
														
 
															+  border-bottom: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .top-part ul {
														
 
															+  display: flex;
														
 
															+  justify-content: space-around;
														
 
															+  align-items: flex-end;
														
 
															+  flex-direction: row;
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul li {
														
 
															+  list-style: none;
														
 
															+}
														
 
															+#footer .top-part ul .short-icon {
														
 
															+  width: 4rem;
														
 
															+}
														
 
															+#footer .top-part ul a {
														
 
															+  font-size: 1.2rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+@media screen and (max-width: 767px) {
														
 
															+  #footer .top-part ul a {
														
 
															+    font-size: 0.85rem;
														
 
															+  }
														
 
															+}
														
 
															+#footer .top-part ul a.active {
														
 
															+  color: #ADBCFF;
														
 
															+}
														
 
															+#footer .address {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.5rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .address li {
														
 
															+  list-style: none;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+  font-weight: 300;
														
 
															+}
														
 
															+#footer .other-link {
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  align-items: center;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1rem;
														
 
															+}
														
 
															+#footer .social-link {
														
 
															+  display: flex;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+#footer .social-link img {
														
 
															+  height: 100%;
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#footer .privacy-links {
														
 
															+  display: flex;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#footer .privacy-links a {
														
 
															+  padding: 0.1rem 0.5rem;
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgb(255, 255, 255);
														
 
															+  border-right: 2px solid rgb(255, 255, 255);
														
 
															+}
														
 
															+#footer .privacy-links a:last-child {
														
 
															+  border-right: none;
														
 
															+}
														
 
															+#footer .app-download {
														
 
															+  margin-top: 0.5rem;
														
 
															+  display: flex;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#footer .app-download a {
														
 
															+  height: 2.2rem;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#footer .app-download a img {
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+section {
														
 
															+  padding: 2rem 0 1.5rem;
														
 
															+}
														
 
															+
														
 
															+.page-title {
														
 
															+  font-family: "Inter", sans-serif;
														
 
															+  margin-top: 2.5rem;
														
 
															+  text-align: left;
														
 
															+  font-weight: 600;
														
 
															+  padding-bottom: 1.5rem;
														
 
															+  border-bottom: 3px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+.page-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															+
														
 
															+.item-details {
														
 
															+  padding-bottom: 2rem;
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+}
														
 
															+.item-details .item-title {
														
 
															+  font-size: 1.5rem;
														
 
															+  font-weight: 500;
														
 
															+  margin-bottom: 0.25rem;
														
 
															+  line-height: 1.4;
														
 
															+}
														
 
															+.item-details .item-date {
														
 
															+  font-size: 0.7rem;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  margin-bottom: 0.5rem;
														
 
															+}
														
 
															+.item-details .social-links {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 0.5rem;
														
 
															+}
														
 
															+.item-details .social-links a {
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-size: 1rem;
														
 
															+}
														
 
															+.item-details .social-links a:hover {
														
 
															+  transform: scale(1.1);
														
 
															+}
														
 
															+.item-details .img-container {
														
 
															+  margin: 1.5rem 0;
														
 
															+}
														
 
															+.item-details .item-details {
														
 
															+  line-height: 1.7;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+}
														
 
															+
														
 
															+#related-items {
														
 
															+  font-family: "Noto Serif Bengali", serif;
														
 
															+}
														
 
															+#related-items .sec-title {
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+#related-items .single-item {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 0.25rem;
														
 
															+}
														
 
															+#related-items .single-item .img-container {
														
 
															+  height: 150px;
														
 
															+}
														
 
															+#related-items .single-item .details {
														
 
															+  padding-top: 0.35rem;
														
 
															+}
														
 
															+#related-items .single-item .details .title {
														
 
															+  display: block;
														
 
															+  font-size: 0.8rem;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 1.4;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#related-items .single-item .details .title:hover {
														
 
															+  opacity: 0.7;
														
 
															+}
														
 
															+
														
 
															+#side-section {
														
 
															+  padding-top: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 1.5rem;
														
 
															+}
														
 
															+#side-section .side-item-title {
														
 
															+  background-color: rgb(173, 188, 255);
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  text-align: left;
														
 
															+  margin-bottom: 0.5rem;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+  font-size: 1rem;
														
 
															+}
														
 
															+#side-section .single-item {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-item .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-item .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-item .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-item .details .title {
														
 
															+  display: block;
														
 
															+  font-size: 0.8rem;
														
 
															+  line-height: 1.4;
														
 
															+  color: rgb(0, 0, 0);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-item .details .title:hover {
														
 
															+  opacity: 0.8;
														
 
															+}
														
 
															+#side-section .single-testimonial {
														
 
															+  display: flex;
														
 
															+  padding-bottom: 0.75rem;
														
 
															+  border-bottom: 2px solid rgb(173, 188, 255);
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container {
														
 
															+  flex: 2;
														
 
															+}
														
 
															+#side-section .single-testimonial .img-container img {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+#side-section .single-testimonial .details {
														
 
															+  flex: 4;
														
 
															+  padding: 0.25rem 0.75rem;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .testimonial {
														
 
															+  display: block;
														
 
															+  font-size: 0.65rem;
														
 
															+  line-height: 1.2;
														
 
															+  color: rgba(0, 0, 0, 0.6);
														
 
															+  font-weight: 500;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+#side-section .single-testimonial .details .name, #side-section .single-testimonial .details .ocupation {
														
 
															+  margin: unset;
														
 
															+  margin-top: 0.15rem;
														
 
															+  font-weight: 500;
														
 
															+  font-size: 0.7rem;
														
 
															+  text-align: right;
														
 
															+}
														
 
															+
														
 
															+.add-container {
														
 
															+  width: 100%;
														
 
															+}/*# sourceMappingURL=news-single.css.map */
														
--- a/css/news-single.css.map
+++ b/css/news-single.css.map
--- a/css/news-single.sass
+++ b/css/news-single.sass
@@ -0,0 +1,160 @@
 
															+@import ./themeStyle
														
 
															+
														
 
															+section
														
 
															+    padding: 2rem 0 1.5rem
														
 
															+
														
 
															+
														
 
															+.page-title
														
 
															+    font-family: $fontInter
														
 
															+    margin-top: 2.5rem
														
 
															+    text-align: left
														
 
															+    font-weight: 600
														
 
															+    padding-bottom: 1.5rem
														
 
															+    border-bottom: 3px solid $thirdColor
														
 
															+    strong
														
 
															+        color: $primaryColor
														
 
															+
														
 
															+
														
 
															+// item-details
														
 
															+.item-details
														
 
															+    padding-bottom: 2rem
														
 
															+    font-family: $fontNotoBangla
														
 
															+
														
 
															+    .item-title
														
 
															+        font-size: 1.5rem 
														
 
															+        font-weight: 500 
														
 
															+        margin-bottom: .25rem
														
 
															+        line-height: 1.4
														
 
															+
														
 
															+    .item-date
														
 
															+        font-size: .7rem
														
 
															+        color: $greyColor
														
 
															+        margin-bottom: .5rem
														
 
															+
														
 
															+    .social-links
														
 
															+        display: flex
														
 
															+        align-items: center
														
 
															+        gap: .5rem
														
 
															+
														
 
															+        a
														
 
															+            color: $greyColor
														
 
															+            font-size: 1rem
														
 
															+            &:hover
														
 
															+                transform: scale(1.1)
														
 
															+
														
 
															+    .img-container
														
 
															+        margin: 1.5rem 0
														
 
															+
														
 
															+    .item-details
														
 
															+        line-height: 1.7
														
 
															+        color: $greyColor
														
 
															+
														
 
															+
														
 
															+// related-items
														
 
															+#related-items
														
 
															+    font-family: $fontNotoBangla
														
 
															+
														
 
															+    .sec-title
														
 
															+        font-weight: 500
														
 
															+
														
 
															+    .single-item
														
 
															+        display: flex
														
 
															+        flex-direction: column
														
 
															+        gap: .25rem
														
 
															+
														
 
															+        .img-container
														
 
															+            height: 150px
														
 
															+
														
 
															+        .details
														
 
															+            padding-top: .35rem
														
 
															+            
														
 
															+            .title
														
 
															+                display: block
														
 
															+                font-size: .8rem
														
 
															+                font-weight: 600
														
 
															+                line-height: 1.4
														
 
															+                color: $blackColor
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .7
														
 
															+        
														
 
															+
														
 
															+
														
 
															+
														
 
															+
														
 
															+// side-section
														
 
															+#side-section
														
 
															+    padding-top: 0
														
 
															+    display: flex
														
 
															+    flex-direction: column
														
 
															+    gap: 1.5rem
														
 
															+
														
 
															+    .side-item-title
														
 
															+        background-color: $thirdColor
														
 
															+        color: $blackColor
														
 
															+        text-align: left
														
 
															+        margin-bottom: .5rem
														
 
															+        padding: .25rem .75rem
														
 
															+        font-size: 1rem
														
 
															+
														
 
															+    .single-item
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .title
														
 
															+                display: block
														
 
															+                font-size: .8rem
														
 
															+                line-height: 1.4
														
 
															+                color: $blackColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+                &:hover
														
 
															+                    opacity: .8
														
 
															+
														
 
															+
														
 
															+    .single-testimonial
														
 
															+        display: flex
														
 
															+        padding-bottom: .75rem
														
 
															+        border-bottom: 2px solid $thirdColor
														
 
															+
														
 
															+        .img-container
														
 
															+            flex: 2 
														
 
															+
														
 
															+            img
														
 
															+                width: 100%
														
 
															+
														
 
															+        .details
														
 
															+            flex: 4
														
 
															+            padding: .25rem .75rem
														
 
															+
														
 
															+            .testimonial
														
 
															+                display: block
														
 
															+                font-size: .65rem
														
 
															+                line-height: 1.2
														
 
															+                color: $greyColor
														
 
															+                font-weight: 500
														
 
															+                text-decoration: none
														
 
															+            
														
 
															+            .name, .ocupation
														
 
															+                margin: unset
														
 
															+                margin-top: .15rem
														
 
															+                font-weight: 500
														
 
															+                font-size: .7rem
														
 
															+                text-align: right
														
 
															+
														
 
															+
														
 
															+
														
 
															+// add container
														
 
															+.add-container
														
 
															+    width: 100%
														
--- a/css/themeStyle.css
+++ b/css/themeStyle.css
@@ -22,7 +22,7 @@ main {
 
															 }
														
 
															 section {
														
 
															-  padding: 5rem 0;
														
 
															+  padding: 5rem 0 3.5rem;
														
 
															   margin: unset;
														
 
															 }
														
@@ -50,6 +50,9 @@ h1, h2, h3, h4, h5, h6, p {
 
															   margin-bottom: 1rem;
														
 
															   font-size: 2.2rem;
														
 
															 }
														
 
															+.section-title strong {
														
 
															+  color: rgb(0, 38, 136);
														
 
															+}
														
 
															 .section-sub-title {
														
 
															   color: rgba(0, 0, 0, 0.6);
														
--- a/css/themeStyle.css.map
+++ b/css/themeStyle.css.map
--- a/css/themeStyle.sass
+++ b/css/themeStyle.sass
@@ -43,7 +43,7 @@ main
 
															     padding-bottom: 0 !important
														
 
															 section
														
 
															-    padding: 5rem 0
														
 
															+    padding: 5rem 0 3.5rem
														
 
															     margin: unset
														
@@ -74,6 +74,9 @@ h1,h2,h3,h4,h5,h6,p
 
															     margin-bottom: 1rem
														
 
															     font-size: 2.2rem
														
 
															+    strong
														
 
															+        color: $primaryColor
														
 
															+
														
 
															 .section-sub-title
														
 
															     color: $greyColor
														
 
															     text-align: center
														
--- a/images/6198115_2176.jpg
+++ b/images/6198115_2176.jpg
--- a/images/ad.png
+++ b/images/ad.png
--- a/images/choosing-lunch-dark-haired-young-businessman-checking-menu-choosing-lunch.jpg
+++ b/images/choosing-lunch-dark-haired-young-businessman-checking-menu-choosing-lunch.jpg
--- a/images/human.png
+++ b/images/human.png
--- a/images/kim-star.jpeg
+++ b/images/kim-star.jpeg
--- a/images/kim-star.png
+++ b/images/kim-star.png
--- a/images/kim.png
+++ b/images/kim.png
--- a/index.html
+++ b/index.html
@@ -48,16 +48,16 @@
 
															                     <a href="#" class="link-item active">Home</a>
														
 
															                 </li>
														
 
															                 <li>
														
 
															-                    <a href="#" class="link-item">About</a>
														
 
															+                    <a href="./about.html" class="link-item">About</a>
														
 
															                 </li>
														
 
															                 <li>
														
 
															-                    <a href="#" class="link-item">Blog</a>
														
 
															+                    <a href="./blog-archive.html" class="link-item">Blogs</a>
														
 
															                 </li>
														
 
															                 <li>
														
 
															-                    <a href="#" class="link-item">News</a>
														
 
															+                    <a href="./news-archive.html" class="link-item">News</a>
														
 
															                 </li>
														
 
															                 <li>
														
 
															-                    <a href="#" class="link-item">Contact</a>
														
 
															+                    <a href="./contact.html" class="link-item">Contact</a>
														
 
															                 </li>
														
 
															                 <li>
														
 
															                     <a class="link-btn" href="#" role="button">
														
@@ -100,13 +100,13 @@
 
															                             </div>
														
 
															                             <div class="single-statistics">
														
 
															-                                <h5 class="count">150 Million+ </h5>
														
 
															-                                <p class="">Learners</p>
														
 
															+                                <h5 class="count">50+ </h5>
														
 
															+                                <p class="">Countries</p>
														
 
															                             </div>
														
 
															                             <div class="single-statistics">
														
 
															-                                <h5 class="count">150 Million+ </h5>
														
 
															-                                <p class="">Learners</p>
														
 
															+                                <h5 class="count">200+ </h5>
														
 
															+                                <p class="">Teachers</p>
														
 
															                             </div>
														
 
															                         </div>
														
@@ -456,9 +456,9 @@
 
															         <section id="why-studypress">
														
 
															-            <div class="container-fluid">
														
 
															+            <div class="container">
														
 
															-                <div class="row g-4">
														
 
															+                <div class="row g-1">
														
 
															                     <!-- slideer -->
														
 
															                     <div class="col-12 col-md-6 col-lg-6 slider">
														
@@ -493,37 +493,6 @@
 
															                             </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>
														
@@ -1209,19 +1178,19 @@
 
															                     </li>
														
 
															                     <li>
														
 
															-                        <a href="#" >About</a>
														
 
															+                        <a href="./about.html" >About</a>
														
 
															                     </li>
														
 
															                     <li>
														
 
															-                        <a href="#" >Blog</a>
														
 
															+                        <a href="./blog-archive.html" >Blogs</a>
														
 
															                     </li>
														
 
															                     <li>
														
 
															-                        <a href="#" >News</a>
														
 
															+                        <a href="./news-archive.html" >News</a>
														
 
															                     </li>
														
 
															                     <li>
														
 
															-                        <a href="#" >Contact</a>
														
 
															+                        <a href="./contact.html" >Contact</a>
														
 
															                     </li>
														
 
															                 </ul>
														
--- a/js/custom.js
+++ b/js/custom.js
@@ -38,37 +38,24 @@ var swiper = new Swiper(".courses-short-desc", {
 
															 });
														
 
															-// course short description slider
														
 
															-
														
 
															+// why slider
														
 
															 var swiper = new Swiper(".why-slider-1", {
														
 
															     slidesPerView: "auto",
														
 
															     centeredSlides: true,
														
 
															     direction: "vertical",
														
 
															     loop: true,
														
 
															+    speed: 5000,
														
 
															     autoplay: {
														
 
															-        delay: 2000,
														
 
															+        delay: 0,
														
 
															         pauseOnMouseEnter: true,
														
 
															         reverseDirection: true
														
 
															       },
														
 
															     spaceBetween: 20,
														
 
															 });
														
 
															-var swiper = new Swiper(".why-slider-2", {
														
 
															-    slidesPerView: "auto",
														
 
															-    centeredSlides: true,
														
 
															-    direction: "vertical",
														
 
															-    loop: true,
														
 
															-    autoplay: {
														
 
															-        delay: 2000,
														
 
															-        reverseDirection: false,
														
 
															-        pauseOnMouseEnter: true,
														
 
															-      },
														
 
															-    spaceBetween: 20,
														
 
															-});
														
 
															-// course short description slider
														
 
															-// course short description slider
														
 
															+// new course  slider
														
 
															 var swiper = new Swiper(".new-course-slider", {
														
 
															     spaceBetween: 30,
														
 
															     loop: true,
														
@@ -77,8 +64,8 @@ var swiper = new Swiper(".new-course-slider", {
 
															     allowTouchMove: true,
														
 
															     slidesPerView: 1,
														
 
															     autoplay: {
														
 
															-        delay: 2500,
														
 
															-        pauseOnMouseEnter: true,
														
 
															+        delay: 0,
														
 
															+        pauseOnMouseEnter: false,
														
 
															     },
														
 
															     breakpoints: {
														
 
															         640: {
														
--- a/news-archive.html
+++ b/news-archive.html
@@ -0,0 +1,1043 @@
 
															+<!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" />
														
 
															+
														
 
															+
														
 
															+    <!-- style css -->
														
 
															+    <link rel="stylesheet" href="./css/news-archive.css">
														
 
															+
														
 
															+
														
 
															+    <title>Studypress | News</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="./index.html">
														
 
															+                    <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="./index.html" class="link-item">Home</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./about.html" class="link-item">About</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./blog-archive.html" class="link-item">Blog</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="#" class="link-item active">News</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./contact.html" class="link-item">Contact</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a class="link-btn" href="#" role="button">
														
 
															+                        Join for free
														
 
															+                    </a>
														
 
															+                </li>
														
 
															+            </ul>
														
 
															+
														
 
															+
														
 
															+            
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+    </nav>
														
 
															+
														
 
															+    <main>
														
 
															+
														
 
															+        <div class="container">
														
 
															+
														
 
															+                
														
 
															+            <h2 class="page-title">
														
 
															+                Studypress <strong>News</strong>
														
 
															+            </h2>
														
 
															+    
														
 
															+            <div class="archive-wraper row g-5">
														
 
															+    
														
 
															+                <!-- main section -->
														
 
															+                <div class="col-12 col-lg-8">
														
 
															+    
														
 
															+                    <!-- archive hero -->
														
 
															+                    <div id="archive-hero">
														
 
															+    
														
 
															+                        <div class="single-item">
														
 
															+    
														
 
															+                            <div class="img-container">
														
 
															+                                <img src="./images/blog-1.svg" alt="">
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="details">
														
 
															+                                <a href="./news-single.html" class="title">
														
 
															+                                    English Learning Tips and Tricks for Beginners to Advanced Learners
														
 
															+                                </a>
														
 
															+                            </div>
														
 
															+    
														
 
															+                        </div>
														
 
															+    
														
 
															+                        <div class="single-item">
														
 
															+    
														
 
															+                            <div class="img-container">
														
 
															+                                <img src="./images/blog-2.svg" alt="">
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="details">
														
 
															+                                <a href="./news-single.html" class="title">
														
 
															+                                    English Learning Tips and Tricks for Beginners to Advanced Learners
														
 
															+                                </a>
														
 
															+                            </div>
														
 
															+    
														
 
															+                        </div>
														
 
															+    
														
 
															+                        <div class="single-item">
														
 
															+    
														
 
															+                            <div class="img-container">
														
 
															+                                <img src="./images/blog-3.svg" alt="">
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="details">
														
 
															+                                <a href="./news-single.html" class="title">
														
 
															+                                    English Learning Tips and Tricks for Beginners to Advanced Learners
														
 
															+                                </a>
														
 
															+                            </div>
														
 
															+    
														
 
															+                        </div>
														
 
															+    
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                    <!-- latest -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            Latest News
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+                    <!-- local news -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            Local News
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+                    <!-- international news -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            International News
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+                    <!-- All News -->
														
 
															+                    <section class="single-item-archive-wraper">
														
 
															+
														
 
															+                        <h3 class="archive-title">
														
 
															+                            All News
														
 
															+                        </h3>
														
 
															+
														
 
															+                        <div id="single-item-container" class=" row g-4 g-lg-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </a>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-2.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-4">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-3.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+
														
 
															+                                        <h6 class="tags">
														
 
															+                                            Buisness
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <h5 class="title">
														
 
															+                                            How to keep up with the changing world in modern days
														
 
															+                                        </h5>
														
 
															+
														
 
															+                                        <h6 class="item-date">
														
 
															+                                            September 12, 2023
														
 
															+                                        </h6>
														
 
															+
														
 
															+                                        <p class="desc">
														
 
															+                                            Fully online degree from one of the top engineering schools offers unprecedented flexibility for working adults to advance their careers By Marni Baker Stein, Chief Content Officer at . . . 
														
 
															+                                        </p>
														
 
															+                                        
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                        <a href="#" class="link-btn" role="button">
														
 
															+                            আরো দেখুন
														
 
															+                        </a>
														
 
															+
														
 
															+                    </section>
														
 
															+
														
 
															+    
														
 
															+                </div>
														
 
															+    
														
 
															+                <!-- side section -->
														
 
															+                <section id="side-section" class="col-12 col-lg-4">
														
 
															+
														
 
															+                    <!-- top News -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Top News
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    
														
 
															+                    <!-- Highlight -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Highlight of the week
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- New Products -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Most Read
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                </section>
														
 
															+    
														
 
															+            </div>
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+        
														
 
															+    </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="./index.html">Home</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./about.html" >About</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./blog-archive.html" >Blog</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="#"  class="active">News</a>
														
 
															+                    </li>
														
 
															+                    
														
 
															+                    <li>
														
 
															+                        <a href="./contact.html" >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>
														
 
															+
														
 
															+
														
 
															+
														
 
															+    <!-- custom js -->
														
 
															+    <script src="./js/custom.js"></script>
														
 
															+
														
 
															+
														
 
															+</body>
														
 
															+</html>
														
--- a/news-single.html
+++ b/news-single.html
@@ -0,0 +1,624 @@
 
															+<!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" />
														
 
															+
														
 
															+
														
 
															+    <!-- style css -->
														
 
															+    <link rel="stylesheet" href="./css/news-single.css">
														
 
															+
														
 
															+
														
 
															+    <title>Studypress | News</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="./index.html">
														
 
															+                    <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="./index.html" class="link-item">Home</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./about.html" class="link-item">About</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./blog-archive.html" class="link-item">Blogs</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="#" class="link-item">News</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a href="./contact.html" class="link-item">Contact</a>
														
 
															+                </li>
														
 
															+                <li>
														
 
															+                    <a class="link-btn" href="#" role="button">
														
 
															+                        Join for free
														
 
															+                    </a>
														
 
															+                </li>
														
 
															+            </ul>
														
 
															+
														
 
															+
														
 
															+            
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+    </nav>
														
 
															+
														
 
															+    <main>
														
 
															+
														
 
															+        <div class="container">
														
 
															+
														
 
															+                
														
 
															+            <h2 class="page-title">
														
 
															+                Studypress <strong>News</strong>
														
 
															+            </h2>
														
 
															+    
														
 
															+            <div class="archive-wraper row g-5">
														
 
															+    
														
 
															+                <!-- main section -->
														
 
															+                <div class="col-12 col-lg-8">
														
 
															+    
														
 
															+
														
 
															+                    <div class="item-details">
														
 
															+
														
 
															+                        <h2 class="item-title">
														
 
															+                            Kim Jong Un steps off famed armored train, shakes hands with Putin at Russian space center
														
 
															+                        </h2>
														
 
															+
														
 
															+                        <h6 class="item-date">
														
 
															+                            Wed September 13, 2023
														
 
															+                        </h6>
														
 
															+
														
 
															+                        <div class="social-links">
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-brands fa-square-facebook"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-brands fa-twitter"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-brands fa-linkedin"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-solid fa-message"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                            <a href="#">
														
 
															+                                <i class="fa-solid fa-link"></i>
														
 
															+                            </a>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                        <div class="img-container">
														
 
															+                            <img src="./images/kim-star.jpeg" alt="">
														
 
															+                        </div>
														
 
															+
														
 
															+                        <p class="item-details">
														
 
															+                            On Sunday afternoon, North Korean leader Kim Jong Un stepped onto an old-fashioned green train that has by now become an enduring symbol of the hermit nation’s isolation and secrecy. 
														
 
															+                            <br><br>
														
 
															+                            Russian President Vladimir Putin and North Korean leader Kim Jong Un are meeting at a remote space center in Russia's Far East, where they're expected to discuss a potential arms deal that could see Pyongyang supply weapons for Moscow's use in the Ukraine war. 
														
 
															+                            <br>
														
 
															+                            Both leaders arrived at the Vostochny Cosmodrome, Russia's space rocket launch site, on Wednesday afternoon, shaking hands and speaking briefly before disappearing into the building. The location itself is significant, said Leif-Eric Easley, a professor at Ewha University in Seoul. What's on the table: Moscow is in need of fresh supplies of ammunition and shells after more than 18 months of war in Ukraine has left its military battered, while North Korea, which has faced years of international sanctions over its nuclear weapons program, is short of everything from hard cash and food to missile technology.
														
 
															+                            <br><br>
														
 
															+                            Space technology is also a priority for North Korea, which has tried and failed to launch a spy satellite into orbit. Kim has also stressed the role of military satellites as a means to protect national safety and territorial stability and has spoken of their strategic value when deploying military force preemptively, KCNA said in April. Missile fired: Shortly before their meeting, North Korea fired two short-range ballistic missiles, according to South Korean authorities. Experts told CNN it was highly unusual for North Korea to launch missiles with Kim out of the country -- though Easley said Pyongyang could be trying to show "that the military maintains readiness with uninterrupted command and control.” "Beginning in 2019, Kim started to generally grow more hands-off on testing and exercises, with many launches taking place without his apparent presence. 
														
 
															+                            <br><br>
														
 
															+                            This launch could have been carried out under standing orders,” said Ankit Panda, a senior fellow with the Nuclear Policy Program at the Carnegie Endowment for International Peace.
														
 
															+                        </p>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                    <!-- related item -->
														
 
															+                    <div id="related-items">
														
 
															+
														
 
															+                        <h3 class="sec-title">More on this Topic</h3>
														
 
															+
														
 
															+                        <div class="row g-4">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-3">
														
 
															+                                <div class="single-item">
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./blog-single.html" class="title">
														
 
															+                                            Putin and Kim: Friends in need (of ammunition)
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+                                </div>
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+    
														
 
															+                </div>
														
 
															+    
														
 
															+                <!-- side section -->
														
 
															+                <section id="side-section" class="col-12 col-lg-4">
														
 
															+
														
 
															+                    <!-- top News -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Top News
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    
														
 
															+                    <!-- Highlight -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Highlight of the week
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- add container -->
														
 
															+                    <div class="add-container">
														
 
															+                        <img src="./images/ad.png" alt="">
														
 
															+                    </div>
														
 
															+
														
 
															+                    <!-- New Products -->
														
 
															+                    <div class="side-items-archive-wrapper">
														
 
															+
														
 
															+                        <h4 class="side-item-title">
														
 
															+                            Most Read
														
 
															+                        </h4>
														
 
															+
														
 
															+                        <div class="side-items-container row g-3">
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                            <div class="col-12 col-md-6 col-lg-12">
														
 
															+
														
 
															+                                <div class="single-item">
														
 
															+
														
 
															+                                    <div class="img-container">
														
 
															+                                        <img src="./images/news-1.png" alt="">
														
 
															+                                    </div>
														
 
															+
														
 
															+                                    <div class="details">
														
 
															+                                        <a href="./news-single.html" class="title">
														
 
															+                                            Can AI Help you to learn faster or is it taking away your critical thinking skills by doing all the hard work for you?
														
 
															+                                        </a>
														
 
															+                                    </div>
														
 
															+
														
 
															+                                </div>
														
 
															+
														
 
															+                            </div>
														
 
															+
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+
														
 
															+                </section>
														
 
															+    
														
 
															+            </div>
														
 
															+
														
 
															+        </div>
														
 
															+
														
 
															+        
														
 
															+    </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="./images/">Home</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./about.html" >About</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./blog-archive.html">Blogs</a>
														
 
															+                    </li>
														
 
															+
														
 
															+                    <li>
														
 
															+                        <a href="./news-archive.html" >News</a>
														
 
															+                    </li>
														
 
															+                    
														
 
															+                    <li>
														
 
															+                        <a href="./contact.html" >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>