فهرست منبع

studypress ready for review

Shofiqul Shuvo 1 سال پیش
والد
کامیت
6fce9c10a1

+ 288 - 0
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>

+ 1077 - 0
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>

+ 656 - 0
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>

+ 314 - 0
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>

+ 410 - 0
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 */

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/about.css.map


+ 33 - 0
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
+
+
+            

+ 592 - 0
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 */

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/blog-archive.css.map


+ 204 - 0
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%

+ 535 - 0
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 */

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/blog-single.css.map


+ 160 - 0
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%

+ 448 - 0
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 */

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/contact.css.map


+ 74 - 0
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
+

+ 24 - 1
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;

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/index.css.map


+ 12 - 1
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

+ 592 - 0
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 */

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/news-archive.css.map


+ 204 - 0
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%

+ 535 - 0
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 */

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/news-single.css.map


+ 160 - 0
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%

+ 4 - 1
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);

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/themeStyle.css.map


+ 4 - 1
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

BIN
images/6198115_2176.jpg


BIN
images/ad.png


BIN
images/choosing-lunch-dark-haired-young-businessman-checking-menu-choosing-lunch.jpg


BIN
images/human.png


BIN
images/kim-star.jpeg


BIN
images/kim-star.png


BIN
images/kim.png


+ 14 - 45
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>

+ 6 - 19
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: {

+ 1043 - 0
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>

+ 624 - 0
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>

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است