403WebShell

403Webshell
Server IP : 51.79.149.130 / Your IP : 216.73.216.210
Web Server : LiteSpeed
System : Linux linux.firevps.net 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : digit4868 ( 1088)
PHP Version : 8.2.30
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /home/digitallibrary.astgd.com/public_html/
Upload File :
[ Back ]
Current File : /home/digitallibrary.astgd.com/public_html/about.php
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About - Digital Library</title>
    <link rel="icon" href="https://digitallibrary.astgd.com/images/digital-library-favicon.png" type="image/png">
    <link rel="shortcut icon" href="https://digitallibrary.astgd.com/images/digital-library-favicon.png" type="image/png">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <!-- Ensure Font Awesome 6.5.0 is loaded once. Removed the 6.4.0 link. -->
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap" rel="stylesheet">
  
  <style>
/* Global styles for the about page section */
.about-page {
  margin: 2rem auto;
  padding: 1.5rem; /* Increased overall padding */
  font-family: 'Hind Siliguri', Arial, sans-serif; /* Added generic fallback */
  color: #343a40; /* Darker, more common text color */
  line-height: 1.7; /* Good for readability */
}

/* Profile Header Section */
.profile-header {
  text-align: center;
  margin-bottom: 3rem; /* More space below header */
  padding-bottom: 1.5rem; /* More padding */
  border-bottom: 2px solid #e9ecef; /* Lighter border */
}

.profile-header h1 {
  color: #2c3e50;
  font-size: 2.8rem; /* Larger for main heading */
  font-weight: 700; /* Bold */
  margin-bottom: 0.8rem;
}

.tagline {
  color: #6c757d; /* Muted text */
  font-size: 1.4rem; /* Slightly larger tagline */
  font-style: italic;
}

/* Main Profile Section (Image + Content) */
.profile-section {
  display: flex;
  gap: 2.5rem; /* Increased gap */
  margin-bottom: 4rem; /* More space */
  align-items: flex-start; /* Align items to the top */
}

.profile-image {
  flex-shrink: 0; /* Prevents image from shrinking */
  width: 350px; /* Specific width for the image container */
  max-width: 100%; /* Ensure responsiveness */
  text-align: center; /* Center the image */
}

.profile-main-img { /* Applied this class to the image in HTML */
  width: 100%;
  height: auto;
  border-radius: 8px; /* Slightly rounded corners for the image */
  box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* Subtle shadow for depth */
}

.profile-content {
  flex-grow: 1; /* Allows content to take remaining space */
  min-width: 0; /* Prevents overflow issues within flex container */
}

/* Bio Sections */
.bio-section {
  margin-bottom: 2.5rem; /* Consistent spacing between bio sections */
}

.bio-section h2 {
  color: #2c3e50;
  font-size: 2rem; /* Larger h2 for main sections */
  font-weight: 600; /* Semi-bold */
  border-bottom: 1px solid #dee2e6; /* Bootstrap-like border */
  padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.8rem; /* Space between icon and text */
}

.bio-section p {
  font-size: 1.1rem; /* Readable paragraph font size */
  margin-bottom: 1rem; /* Spacing between paragraphs */
}

/* Foundation Section */
.foundation-section {
  background: #f8f9fa; /* Lighter background */
  padding: 3rem; /* More padding */
  border-radius: 12px; /* More rounded corners */
  margin-top: 3rem; /* Spacing from above content */
  box-shadow: 0 4px 20px rgba(0,0,0,0.08); /* More prominent shadow */
}

.foundation-section h2 {
  color: #2c3e50;
  font-size: 2.2rem; /* Larger h2 */
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center; /* Center heading */
  display: flex;
  justify-content: center; /* Center icon and text */
  align-items: center;
  gap: 0.8rem;
}

/* Activities Section */
.activities {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.activities h3 {
  color: #343a40;
  font-size: 1.6rem; /* Good size for sub-headings */
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: center; /* Center activities heading */
}

.activities ul {
  list-style-type: none;
  padding-left: 0;
  display: grid; /* Use grid for list items */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* 2 columns on larger screens */
  gap: 1rem 2rem; /* Row and column gap */
}

.activities li {
  margin-bottom: 0.5rem; /* Reduced margin, as gap handles spacing */
  padding-left: 0; /* No custom padding here, flex handles icon */
  position: relative;
  display: flex;
  align-items: flex-start; /* Align icon and text to top */
  gap: 0.8rem;
  font-size: 1.1rem; /* Readable font size for list items */
}

.activities li i {
  color: #4e73df; /* Use a primary color for icons */
  font-size: 1.2em; /* Slightly larger icon */
  flex-shrink: 0; /* Prevent icon from shrinking */
  margin-top: 0.15em; /* Fine-tune vertical alignment */
}

/* Team Section */
.team-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.team-section h3 {
  color: #343a40;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center; /* Center team heading */
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Adjusted minmax for better card sizing */
  gap: 2rem; /* Increased gap between members */
}

.team-member {
  background: white;
  padding: 1.5rem; /* More padding inside card */
  border-radius: 8px; /* Slightly more rounded */
  box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* Better shadow */
  text-align: center;
  display: flex; /* Flexbox for internal content */
  flex-direction: column;
  justify-content: center; /* Vertically center content if card heights vary slightly */
}

.team-member h4 {
  color: #4e73df; /* Primary color for names */
  margin-bottom: 0.5rem;
  font-size: 1.4rem; /* More prominent name */
  font-weight: 700;
}

.team-member p {
  margin: 0.5rem 0; /* More spacing for paragraphs */
  font-size: 1.1rem; /* Readable font size for role/text */
  color: #555;
}

.team-member .member-degree {
  font-size: 0.9em; /* Relative to parent p tag, so it's readable but smaller */
  color: #6c757d; /* Muted color for degree */
  margin-left: 8px; /* Space from name */
  font-weight: 400; /* Not too bold */
  display: inline-block; /* Ensures it behaves well next to text */
}

/* Library Info Section */
.library-info {
  margin-top: 3rem;
  text-align: center; /* Center content */
}

.library-info h3 {
  color: #343a40;
  font-size: 2rem; /* Consistent large heading */
  font-weight: 600;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center; /* Center icon and text */
  align-items: center;
  gap: 0.8rem;
}

.library-info p {
    font-size: 1.1rem;
    color: #555;
}


/* Responsive Adjustments */
@media (max-width: 992px) { /* Changed from 768px for better tablet layout */
  .profile-section {
    flex-direction: column;
    align-items: center; /* Center image when stacked */
    gap: 2rem;
  }
  
  .profile-image {
    width: 300px; /* Adjusted size for smaller screens */
  }

  .profile-header h1 {
      font-size: 2.2rem;
  }
  .tagline {
      font-size: 1.1rem;
  }
  .bio-section h2, .foundation-section h2, .library-info h3 {
      font-size: 1.8rem;
  }
  .bio-section p, .foundation-section p, .activities li, .team-member p, .library-info p {
      font-size: 1rem;
  }
  .team-member h4 {
      font-size: 1.2rem;
  }
  .activities h3, .team-section h3 {
      font-size: 1.4rem;
  }
}

@media (max-width: 767px) { /* Standard Bootstrap sm breakpoint */
    .about-page {
        padding: 1rem;
    }
    .profile-header h1 {
        font-size: 2rem;
    }
    .tagline {
        font-size: 1rem;
    }
    .bio-section h2, .foundation-section h2, .library-info h3 {
        font-size: 1.6rem;
        flex-direction: column; /* Stack icon and text on very small screens */
        gap: 0.5rem;
    }
    .activities h3, .team-section h3 {
        font-size: 1.2rem;
    }
    .activities ul {
        grid-template-columns: 1fr; /* Single column on extra small screens */
    }
    .team-grid {
        grid-template-columns: 1fr; /* Single column on extra small screens */
    }
    .team-member {
        padding: 1rem;
    }
}
</style>
</head>

<body>
    <?php
    require_once 'includes/config.php';
    ?>
    <header>
        <?php include 'includes/header.php'; ?>
    </header>

    <main>
        <!-- The breadcrumb section should probably be within the main container and not directly in 'row' -->
        <div class="container my-4"> 
            <div class="row">
                <div class="col-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">About</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>


        <!-- About Section -->
        <div class="container my-4 about-page">
            <div class="profile-header">
                <h1>ডা. আব্দুল্লাহ আল আমিন</h1>
                <p class="tagline">প্রতিষ্ঠাতা, ডা. আবদুল্লাহ আল-আমিন ফাউন্ডেশন ও ডা. আমিন লাইব্রেরি</p>
            </div>

            <div class="profile-section">
                <div class="profile-image">
                    <!-- Added class profile-main-img -->
                    <img src="https://digitallibrary.astgd.com/images/Dr.Abdullah-Al-Mamun.png" alt="Dr. Abdullah Al Mamun" class="profile-main-img">
                </div>

                <div class="profile-content">
                    <div class="bio-section">
                        <h2><i class="fas fa-birthday-cake"></i> জন্ম ও শিক্ষা</h2>
                        <p>ডা. আমিনের জন্ম গাজীপুরের কালিয়াকৈরের উজেলপুর মুদিপাড়া গ্রামে, ২ মার্চ, ১৯৫২ সালে। মেধাবী ছাত্রজীবনের অধিকারী ডা. আমিন ১৯৭৫ সালের (ব্যাচ ক-২৯) ঢাকা মেডিকেল কলেজ থেকে এমবিবিএস ডিগ্রি অর্জন করেন।</p>
                    </div>

                    <div class="bio-section">
                        <h2><i class="fas fa-briefcase"></i> পেশাগত জীবন</h2>
                        <p>প্রয়োজনীয় প্রশিক্ষণ শেষে তিনি সরকারি চাকরিতে যোগদান করেন। টাঙ্গাইলের ঘাটাইল থানার স্বাস্থ্য প্রকল্পের মেডিকেল অফিসার হিসেবে তাঁর চাকরি জীবনের শুরু।</p>
                        <p>১৯৮৩ সালে “ইনস্টিটিউট অফ পোস্ট গ্র্যাজুয়েট মেডিসিন অ্যান্ড রিসার্চ”, ঢাকা থেকে তিনি চর্ম ও যৌনব্যাধি বিষয়ে ডিপ্লোমা অর্জন করেন। ১৯৮৯ সালে বিশ্ব স্বাস্থ্য সংস্থার (WHO) ফেলোশিপ ও পান আমেরিকান হেলথ অর্গানাইজেশনের (PAHO) ব্যবস্থাপনায় যৌনব্যাধি ও এইডস বিষয়ের ওপর মার্কিন যুক্তরাষ্ট্রের আলাবামা বিশ্ববিদ্যালয়, ওহাইও বিশ্ববিদ্যালয় ও ইউনিভার্সিটি অব সাউদার্ন ক্যালিফোর্নিয়া থেকে উচ্চতর শিক্ষা গ্রহণ করেন।</p>
                    </div>

                    <div class="bio-section">
                        <h2><i class="fas fa-book"></i> সাহিত্য ও গবেষণা</h2>
                        <p>বিজ্ঞানের জটিল ও কঠিন বিষয়কে সহজ ও আকর্ষণীয় করে লেখায় তিনি সিদ্ধহস্ত। দেশের বিভিন্ন জাতীয় দৈনিক ও সাময়িকীতে তিনি নিয়মিত লিখে থাকেন। তাঁর রচিত গ্রন্থগুলো নারী সমাজে ব্যাপক সমাদৃত হয়েছে।</p>
                        <p>তাঁর রচিত পঁচিশটিরও অধিক গবেষণামূলক বৈজ্ঞানিক প্রবন্ধ দেশের বিভিন্ন মেডিকেল জার্নালে প্রকাশিত হয়েছে।</p>
                    </div>

                    <div class="bio-section">
                        <h2><i class="fas fa-home"></i> ব্যক্তিগত জীবন</h2>
                        <p>ব্যক্তিগত জীবনে তিনি স্বল্পভাষী, আত্মিক এবং বন্ধুৎসাহী। সুখী দাম্পত্য জীবনের অধিকারী ডা. আমিন তিন কন্যা ও এক পুত্র সন্তানের জনক। তিনি রাজশাহী মেডিকেল কলেজের চর্ম ও যৌনব্যাধি বিভাগের প্রাক্তন অধ্যাপক ও বিভাগীয় প্রধান ছিলেন।</p>
                    </div>
                </div>
            </div>

            <div class="foundation-section">
                <h2><i class="fas fa-hands-helping"></i> ডা. আবদুল্লাহ আল-আমিন ফাউন্ডেশন</h2>
                <p>অবসর জীবনে পেশাগত পরামর্শদান ছাড়াও মানবসেবা ও শিক্ষার উন্নয়নের লক্ষ্যে তিনি সম্পূর্ণ ব্যক্তিগত উদ্যোগে 'ডা. আবদুল্লাহ আল-আমিন ফাউন্ডেশন' গড়ে তুলেছেন।</p>

                <div class="activities">
                    <h3>ফাউন্ডেশনের কার্যক্রম:</h3>
                    <ul>
                        <li><i class="fas fa-graduation-cap"></i> জাতীয় প্রাথমিক ও মাধ্যমিক পরীক্ষায় উত্তীর্ণ মেধাবী ছাত্র-ছাত্রীদের বৃত্তি প্রদান</li>
                        <li><i class="fas fa-chalkboard-teacher"></i> শ্রেষ্ঠ শিক্ষকদের সম্মাননা প্রদান</li>
                        <li><i class="fas fa-tshirt"></i> শীতার্তদের শীতবস্ত্র প্রদান</li>
                        <li><i class="fas fa-mosque"></i> মসজিদ ও মাদ্রাসায় অনুদান প্রদান</li>
                        <li><i class="fas fa-book-open"></i> স্কুল লাইব্রেরি উন্নয়ন ও বই বিতরণ</li>
                        <li><i class="fas fa-user-graduate"></i> মেধাবী ও প্রতিশ্রুতিশীল শিক্ষার্থীদের উচ্চশিক্ষা সহায়তা</li>
                    </ul>
                </div>

                <div class="team-section">
                    <h3>ফাউন্ডেশনের কার্যকরী পরিষদ:</h3>
                    <div class="team-grid">
                        <!-- Each member in a separate div.col-md-4 or similar for better Bootstrap integration -->
                        <div class="team-member">
                            <h4>চেয়ারম্যান:</h4>
                            <p>ইউসুফ আবদুল্লাহ আমিন (শিবলী)</p>
                        </div>
                        <div class="team-member">
                            <h4>ভাইস চেয়ারম্যান:</h4>
                            <p>মিসেস জয়নব বেগম</p>
                            <p>জনাব মোস্তফা কামাল <span class="member-degree">(বি.এস.সি ইন ইঞ্জিনিয়ারিং)</span></p>
                        </div>
                        <div class="team-member">
                            <h4>সদস্যবৃন্দ:</h4>
                            <p>মিসেস ফারহানা আক্তার (নিশু) <span class="member-degree">এম.এ</span></p>
                            <p>জনাব শফিকুল ইসলাম <span class="member-degree">এম.এ (ফার্স্ট ক্লাস, ঢা.বি), এম.এস</span></p>
                            <p>মিসেস ফারজানা আমিন (নিপু) <span class="member-degree">এম.এ (ফার্স্ট ক্লাস)</span></p>
                            <p>ডা. আবু শাহীন মুহাম্মদ মাহবুবুর রহমান <span class="member-degree">এফ.সি.পি.এস, এম.আর.সি.পি (ইউ.কে)</span></p>
                            <p>ডা. রুখসানা আমিন (মিনু) <span class="member-degree">এম.বি.বি.এস (রাজ)</span></p>
                        </div>
                    </div>
                </div>

                <div class="library-info">
                    <h3><i class="fas fa-book"></i> ডা. আমিন লাইব্রেরি</h3>
                    <p>'ডা. আমিন লাইব্রেরি' (www.draminlibrary.com) ফাউন্ডেশনের একটি অন্যতম কার্যক্রম।</p>
                </div>
            </div>
        </div>
    </main>

    <?php include 'includes/footer.php'; ?>

    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</body>

</html>
Youez - 2016 - github.com/yon3zu
LinuXploit