Mùăźę Ĥàɓîɓî Oro Channel

Qur'aanni raahaa ruuhii, fii caffee lubbuuti. Badheeysaa fii birraa qalbiiti. nuura onneetii fii mi'eeysaa fii mi'aawaa dubbiiti. Urgeeysaa hafuuraati. Quubsaa fii das godhaa ijaati. Daara baasaa ija imimmaan daartee fii dheebu baasaa qalbii khushuu'a dheebootteeti. Isa ilaachisee waan feete dubbadhu inni kalaama allaahti ﷻ. Isa ibsuu fii faarsuu keessatti hoonga gahuu hin dandeeysu. Jabeeysii fuunyoo isaa qabadhu. Qur'aanni haada namni rabbii wajjiin ﷻ wal gahuu fedhe isa qabatee isa hordofuudha.»ღ💜 Wirdii tee guyya guyyaa san hin lakkisin. 💜 ZulQ'daa 16,1447H

Duubiisaa Waliif share godhaa. 🔴 أقسام التوحيد وأقسام الشرك 🔴 Qodaawwan shirki fi towhiida 📝بيان أقسام التوحيد وهي ثلاثة 📝 Qodaawwan towhiida ifa galchu isaanis bakka (3)tti qodamu ١-توحيد الربوبية 1-Towhiidu rrububiyya ٢-توحيد الألوهية 2-Towhiidul aluhiyya ٣-توحيد الأسماء والصفات 3-Towhiidul asmaa'ii wossifaati أما توحيد الربوبية : فهو الإيمان بأن الله سبحانه الخالق لكل شيء والمتصرف في كل شيء لا شريك له في ذلك ✅ Towhiida rububiyya:- jechuun rabbitu waan marayyu uume isatu waan marayyuu gara gagalchaadha waan kana kessatti immo inni shariika yooka hiriyaa hin qabu jedhani amanuudha. وأما. توحيد الألوهية: فهو الإيمان بأن الله سبحانه هو المعبود بحق لا شريك له في ذلك وهو معنى لا اله إلا الله فإن معناها: لا معبود إلا الله فجميع العبادات من صلاة وصوم وغير ذلك يجب إخلاصها لله وحده ولا يجوز صرف شيء منها لغيره ✅ Towhiida uluhiyyaa:- Jechuun immo rabbii isa hiriyaa hin qabne qofatu ibaadaa(gabbaraminsa) haqa godhataadha jedhani amanudha. وأما توحيد الأسماء والصفات: فهو الإيمان بكل ما ورد في القرآن الكريم والأحاديث الصحيحة من أسماء الله وصفاته وإثباتها لله وحده على الوجه اللائق به سبحانه من غير تحريف ولا تعطيل ولا تكييف ولا تمثيل عملا بقوله تعالى (قل هو الله أحد ¹ الله الصمد ² لم يلد ولم يولد ³ ولم يكن له كفوا أحد ⁴ ) [الإخلاص] ✅ Towhiida asmaa'a fi sifaata:- Jechuun sifaatowwani fi asmaa'awwan qur'aana kabajama fi hadiisa qulqullun dhufan marattiyyu amanuu ammo rabbi qofaaf akkaata isaa maluf raggasisu osoo hin jijjirin osoo hin onsin osoo akkata ittin tolchin osoo hin fakkessin jecha rabbi olta'etti hojjechuf jecha (Jedhi yaa nabi mohammad s. a. w inni allahi isaa tokkicha ta'e ¹ allahin gara isaatti kahlqin martinu haja'amadha ² hin dhalchifnes hin dhalannes ³ isaaf hin taane hiriyaan tokkolle) ⁴ وقوله عز وجل (ليس كمثله شيء وهو السميع البصير¹¹) [الشورى] ✅ Ammas jecha rabbi olta'etti (fakkatan isa gonkuma hin taane inni isa dhagaaha fi beeka ta'edha)¹¹ (ashuuraa) 🤲جعلنا الله ممن ينتفع به 📝 Nama barrefama kanaan fayyadamu Rabbi nu haa taasisu🤲 "React ❤️👍 gochu hin dagaatin"

Subscribe na godhi jaalallee

https://www.youtube.com/@Muazetech

depBtn.addActionListener(e -> { try { double amt = Double.parseDouble( JOptionPane.showInputDialog("Enter amount")); account.deposit(amt); BankService.save(); JOptionPane.showMessageDialog(f, "Deposit successful"); } catch (Exception ex) { JOptionPane.showMessageDialog(f, ex.getMessage()); } }); witBtn.addActionListener(e -> { try { double amt = Double.parseDouble( JOptionPane.showInputDialog("Enter amount")); account.withdraw(amt); BankService.save(); JOptionPane.showMessageDialog(f, "Withdrawal successful"); } catch (Exception ex) { JOptionPane.showMessageDialog(f, ex.getMessage()); } }); exitBtn.addActionListener(e -> System.exit(0)); f.add(balBtn); f.add(depBtn); f.add(witBtn); f.add(exitBtn); f.setSize(300, 250); f.setVisible(true); } } /* ================= MAIN UI ================= */ public class BankingManagementSystemUI { public static void main(String[] args) { JFrame frame = new JFrame("Banking Management System"); frame.setLayout(new GridLayout(5, 1)); JButton adminBtn = new JButton("Admin Login"); JButton custBtn = new JButton("Customer Login"); JButton aboutBtn = new JButton("About Us"); JButton exitBtn = new JButton("Exit"); adminBtn.addActionListener(e -> { String u = JOptionPane.showInputDialog("Username"); String p = JOptionPane.showInputDialog("Password"); if (u.equals("admin") && p.equals("admin123")) { new Admin(u, p).showMenu(); } else { JOptionPane.showMessageDialog(frame, "Invalid admin login"); } }); custBtn.addActionListener(e -> { String u = JOptionPane.showInputDialog("Username"); String p = JOptionPane.showInputDialog("Password"); Account acc = BankService.getAccount(1001); if (acc == null) { acc = new Account(1001, 5000); BankService.accounts.add(acc); BankService.save(); } new Customer(u, p, acc).showMenu(); }); aboutBtn.addActionListener(e -> JOptionPane.showMessageDialog(frame, "Banking Management System\nTeam Members:\nMuaz Abdi\nGroup Members")); exitBtn.addActionListener(e -> System.exit(0)); frame.add(adminBtn); frame.add(custBtn); frame.add(aboutBtn); frame.add(exitBtn); frame.setSize(350, 300); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setVisible(true); } }

import javax.swing.*; import java.awt.*; import java.awt.event.*; import java.io.*; import java.util.*; /* ================= ABSTRACT USER ================= */ abstract class User { protected String username; protected String password; public User(String u, String p) { username = u; password = p; } public abstract void showMenu(); } /* ================= ACCOUNT ================= */ class Account { private int accountNumber; private double balance; public Account(int acc, double bal) { accountNumber = acc; balance = bal; } public int getAccountNumber() { return accountNumber; } public double getBalance() { return balance; } public void deposit(double amount) throws Exception { if (amount <= 0) throw new Exception("Invalid amount"); balance += amount; } public void withdraw(double amount) throws Exception { if (amount > balance) throw new Exception("Insufficient balance"); balance -= amount; } public String toFile() { return accountNumber + "," + balance; } } /* ================= FILE HANDLING ================= */ class FileUtil { private static final String FILE = "accounts.txt"; public static ArrayList<Account> load() { ArrayList<Account> list = new ArrayList<>(); try (BufferedReader br = new BufferedReader(new FileReader(FILE))) { String line; while ((line = br.readLine()) != null) { String[] d = line.split(","); list.add(new Account( Integer.parseInt(d[0]), Double.parseDouble(d[1]) )); } } catch (Exception e) { System.out.println("File not found, creating new."); } return list; } public static void save(ArrayList<Account> accs) { try (PrintWriter pw = new PrintWriter(new FileWriter(FILE))) { for (Account a : accs) pw.println(a.toFile()); } catch (Exception e) { System.out.println("File error"); } } } /* ================= BANK SERVICE ================= */ class BankService { static ArrayList<Account> accounts = FileUtil.load(); public static Account getAccount(int accNo) { for (Account a : accounts) if (a.getAccountNumber() == accNo) return a; return null; } public static void save() { FileUtil.save(accounts); } } /* ================= ADMIN ================= */ class Admin extends User { public Admin(String u, String p) { super(u, p); } @Override public void showMenu() { JFrame f = new JFrame("Admin Dashboard"); JTextArea area = new JTextArea(); for (Account a : BankService.accounts) { area.append("Account No: " + a.getAccountNumber() + " | Balance: " + a.getBalance() + "\n"); } f.add(new JScrollPane(area)); f.setSize(400, 300); f.setVisible(true); } } /* ================= CUSTOMER ================= */ class Customer extends User { private Account account; public Customer(String u, String p, Account a) { super(u, p); account = a; } @Override public void showMenu() { JFrame f = new JFrame("Customer Dashboard"); f.setLayout(new GridLayout(4, 1)); JButton balBtn = new JButton("Check Balance"); JButton depBtn = new JButton("Deposit"); JButton witBtn = new JButton("Withdraw"); JButton exitBtn = new JButton("Exit"); balBtn.addActionListener(e -> JOptionPane.showMessageDialog(f, "Balance: " + account.getBalance()));

الجزء 88 | قيام الليل | #مواعظ #فوائد #طمأنينة #دعاء

Channel name was changed to «Mùăźę Ĥàɓîɓî Oro Channel»

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Portfolio Studio</title> <style> /* Fade-in Animation */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Glow Animation */ @keyframes glow { 0% { text-shadow: 0 0 5px #fff; } 50% { text-shadow: 0 0 20px #0ff; } 100% { text-shadow: 0 0 5px #fff; } } body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f5f5f5; } header { background: #111; color: #fff; padding: 20px; text-align: center; } nav { background: #222; padding: 10px; text-align: center; } nav a { color: #fff; margin: 0 15px; text-decoration: none; font-weight: bold; } .hero { padding: 80px 20px; text-align: center; background: #333; color: white; } .section { padding: 40px 20px; max-width: 1000px; margin: auto; } .projects { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .card { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); } footer { background: #111; color: #fff; padding: 15px; text-align: center; margin-top: 40px; } </style> </head> <body> <header style="animation: fadeIn 1.5s ease-out;"> <h1 style="animation: glow 3s infinite alternate;">Muaz_Abdi</h1> <p>IDNO: RMD1814</p> <p>Portfolio Studio (HTML • CSS • JS)</p> </header><nav> <a href="#about">About</a> <a href="#projects">Projects</a> <a href="#contact">Contact</a> </nav> <div class="hero" style="animation: fadeIn 2s ease-out;"> <h2>Welcome to My Portfolio</h2> <p>Showcasing my work in web development</p> </div> <section id="about" class="section"> <h2>About Me</h2> <p>I am a web developer skilled in HTML, CSS, and JavaScript. I build responsive websites and interactive applications.</p> </section> <section id="projects" class="section"> <h2>My Projects</h2> <div class="projects"> <div class="card" style="animation: fadeIn 1.5s ease-out;"> <h3>Project 1</h3> <p>A simple app built using HTML, CSS, and JS.</p> </div> <div class="card" style="animation: fadeIn 1.5s ease-out;"> <h3>Project 2</h3> <p>Responsive website layout using CSS Grid.</p> </div> <div class="card" style="animation: fadeIn 1.5s ease-out;"> <h3>Project 3</h3> <p>Interactive UI built with JavaScript.</p> </div> </div> </section> <section id="contact" class="section"> <h2>Contact Me</h2> <p>Email: example@mail.com</p> </section> <footer> <p>© 2025 My Portfolio Studio</p> </footer> <script> // Simple JS Example // Animated console message console.log('Portfolio Loaded'); </script> </body> </html>

Absolutely! Let’s go class by class in your code so you understand what each Bootstrap class does. I’ll go section by section. --- ## 1. <body class="bg-light p-4"> * `bg-light` → Sets a light gray background (Bootstrap “light” background). * `p-4` → Adds padding on all sides (top, right, bottom, left). 4 corresponds to 1.5rem (24px if default root font). --- ## 2. <div class="card shadow-sm mx-auto" style="width: 23rem;"> * `card` → Creates a Bootstrap card component (a bordered box with padding and rounded corners). * `shadow-sm` → Adds a small shadow around the card to make it slightly lifted. * `mx-auto` → Centers the card horizontally (m = margin, x = horizontal, auto = automatic centering). * style="width: 23rem;" → Sets a fixed width of 23 rem (~368px). Not a class, just inline style. --- ## 3. <div class="d-flex justify-content-between align-items-center p-2"> * `d-flex` → Makes this div a flex container, allowing flexible alignment of children. * `justify-content-between` → Pushes child elements to the extremes of the flex container (first left, second right). * `align-items-center` → Vertically centers child elements along the cross axis. * `p-2` → Adds padding on all sides (0.5rem or 8px). --- ## 4. <img src="dire.png" alt="Logo" class="img-fluid" style="height: 60px; object-fit: contain;"> * `img-fluid` → Makes the image responsive; max-width 100% and height auto. * style="height: 60px; object-fit: contain;" → Not Bootstrap, sets fixed height and preserves aspect ratio. --- ## 5. <img src="images/campus.jpg" alt="Campus" class="img-fluid rounded" style="height: 45px; object-fit: cover;"> * `img-fluid` → Responsive image. * `rounded` → Adds slightly rounded corners to the image. * style="height: 45px; object-fit: cover;" → Fixed height and fills the box while cropping excess (cover). --- ## 6. <div class="card-body text-center"> * `card-body` → Wrapper for the main content of a card. Provides padding inside the card. * `text-center` → Centers all text inside this div. --- ## 7. <h5 class="card-title">Card title</h5> * `card-title` → Applies Bootstrap card title styles (font size, weight, margin). --- ## 8. <p class="card-text">...</p> * `card-text` → Applies Bootstrap card text styles (slightly smaller font, proper spacing). --- ## 9. <ul class="list-group list-group-flush text-start"> * `list-group` → Bootstrap class to make a list styled like a card list (borders, spacing). * `list-group-flush` → Removes outer borders/padding so the list aligns with the card edges. * `text-start` → Left-aligns the text (overrides the text-center from parent). --- ## 10. <li class="list-group-item">...</li> * `list-group-item` → Styles each list item with padding, border, and background for a uniform list. --- ## 11. <div class="mt-3 text-start"> * `mt-3` → Adds margin-top (1rem or 16px) to separate from previous content. * `text-start` → Left-aligns text. --- ## 12. <a href="#" class="me-3">ddu</a> * `me-3` → Adds margin-end (right margin in LTR layouts) of 1rem to separate links. --- This uses Bootstrap utilities for spacing, layout, and card styling, keeping your code clean without writing custom CSS. --- If you want, I can rewrite your entire card using 100% Bootstrap classes without any inline styles like height or object-fit, making it fully responsive and clean. Do you want me to do that?

Shaafii Muhammad Channel, [16/10/2025 8:46 pm] « Nama rabbi ﷻ malee nama isa bira dhaabbatuu fii isaaf tumsu hin qabne miidhuu irraa eeggadhu.» Shaafii Muhammad Channel, [16/10/2025 8:56 pm] Nama aakhiraa barbaadu kan nagaya bahuu fedhuu fii kan halaakaa fii badiinsa zalaalam irraa dheeysu yoo taate; dhukkuboota keeysa keetii addaa baasuu fii isii wal'aanutti laffa'i.»

<div class="card-footer text-center text-muted"> &copy; 2025 Dire Dawa University — School of Computing </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> </body> </html> student registration code

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>School of Computing Registration Form</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body class="bg-light"> <div class="container mt-5"> <div class="card-header bg-primary text-white text-center"> <h4>School of Computing Student Registration Form</h4> </div> <div class="card-body"> <form> <!-- Student ID --> <div class="mb-3"> <label for="studentId" class="form-label fw-semibold">Student ID</label> <input type="text" class="form-control" id="studentId" placeholder="Enter student ID" required> </div> <!-- First Name --> <div class="mb-3"> <label for="firstName" class="form-label fw-semibold">First Name</label> <input type="text" class="form-control" id="firstName" placeholder="Enter first name" required> </div> <!-- Middle Name --> <div class="mb-3"> <label for="middleName" class="form-label fw-semibold">Middle Name</label> <input type="text" class="form-control" id="middleName" placeholder="Enter middle name"> </div> <!-- Last Name --> <div class="mb-3"> <label for="lastName" class="form-label fw-semibold">Last Name</label> <input type="text" class="form-control" id="lastName" placeholder="Enter last name" required> </div> <!-- Sex --> <div class="mb-3"> <label for="sex" class="form-label fw-semibold">Sex</label> <select id="sex" class="form-select" required> <option value="" selected disabled>Choose...</option> <option>Male</option> <option>Female</option> <option>Other</option> </select> </div> <!-- Batch --> <div class="mb-3"> <label for="batch" class="form-label fw-semibold">Batch</label> <select id="batch" class="form-select" required> <option value="" selected disabled>Choose batch...</option> <option>2015</option> <option>2016</option> <option>2017</option> <option>2018</option> <option>2019</option> <option>2020</option> <option>2021</option> <option>2022</option> <option>2023</option> <option>2024</option> </select> </div> <!-- Department --> <div class="mb-3"> <label for="department" class="form-label fw-semibold">Department</label> <select id="department" class="form-select" required> <option value="" selected disabled>Select department...</option> <option>Computer Science</option> <option>Information Technology</option> <option>Software Engineering</option> </select> </div> <!-- Email --> <div class="mb-3"> <label for="email" class="form-label fw-semibold">Email address</label> <input type="email" class="form-control" id="email" placeholder="Enter email" required> <div class="form-text">We'll never share your email with anyone else.</div> </div> <!-- Favorite Color --> <div class="mb-3"> <label for="color" class="form-label fw-semibold">Favorite Color</label> <input type="color" class="form-control form-control-color" id="color" value="#563d7c" title="Choose your favorite color"> </div> <!-- Submit Button --> <div class="d-grid"> <button type="submit" class="btn btn-success btn-lg shadow">Register</button> </div> </form> </div>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DDU Card (Bootstrap Only)</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body class="bg-light p-4"> <div class="card shadow-sm mx-auto" style="width: 23rem;"> <!-- Top row: Logo + Right Image --> <div class="d-flex justify-content-between align-items-center p-2"> <img src="dire.png" alt="Logo" class="img-fluid" style="height: 60px; object-fit: contain;"> <img src="images/campus.jpg" alt="Campus" class="img-fluid rounded" style="height: 45px; object-fit: cover;"> </div> <div class="card-body text-center"> <h5 class="card-title">Card title</h5> <p class="card-text"> this is card text and if you need list us ul below </p> <!-- List --> <ul class="list-group list-group-flush text-start"> <li class="list-group-item">Computer Science</li> <li class="list-group-item">Information Technology</li> <li class="list-group-item">Software Engineering</li> </ul> <!-- Footer links --> <div class="mt-3 text-start"> <a href="#" class="me-3">ddu</a> <a href="#">MoE</a> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> </body> </html>

class Date { private int month; private int day; private int year; public Date(int month, int day, int year) { this.month = month; this.day = day; this.year = year; } // Setters public void setMonth(int month) { this.month = month; } public void setDay(int day) { this.day = day; } public void setYear(int year) { this.year = year; } // Getters public int getMonth() { return month; } public int getDay() { return day; } public int getYear() { return year; } public void displayDate() { System.out.println(month + "/" + day + "/" + year); } } class TestDate { public static void main(String[] args) { Date d = new Date(11, 14, 2025); d.displayDate(); } }

class Employee { private String firstName; private String lastName; private double monthlySalary; public Employee(String firstName, String lastName, double monthlySalary) { this.firstName = firstName; this.lastName = lastName; if (monthlySalary > 0) this.monthlySalary = monthlySalary; else this.monthlySalary = 0.0; } // Setters public void setFirstName(String firstName) { this.firstName = firstName; } public void setLastName(String lastName) { this.lastName = lastName; } public void setMonthlySalary(double monthlySalary) { if (monthlySalary > 0) this.monthlySalary = monthlySalary; } // Getters public String getFirstName() { return firstName; } public String getLastName() { return lastName; } public double getMonthlySalary() { return monthlySalary; } public double getYearlySalary() { return monthlySalary * 12; } } class TestEmployee { public static void main(String[] args) { Employee e1 = new Employee("John", "Smith", 2000); Employee e2 = new Employee("Sara", "Brown", 3000); System.out.println(e1.getFirstName() + " yearly: " + e1.getYearlySalary()); System.out.println(e2.getFirstName() + " yearly: " + e2.getYearlySalary()); // Give 10% raise e1.setMonthlySalary(e1.getMonthlySalary() * 1.10); e2.setMonthlySalary(e2.getMonthlySalary() * 1.10); System.out.println("\nAfter 10% raise:"); System.out.println(e1.getFirstName() + " yearly: " + e1.getYearlySalary()); System.out.println(e2.getFirstName() + " yearly: " + e2.getYearlySalary()); } }

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>School of Computing - Dire Dawa University</title> <!-- Bootstrap CSS --> <link href="https://cdn.jsdeliv…

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>School of Computing - Dire Dawa University</title> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body class="bg-light"> <!-- Header Section --> <div class="container text-center mt-4"> <div class="d-flex justify-content-end"> <a href="#" class="me-3 text-decoration-none">Profile</a> <a href="#" class="text-decoration-none">Login</a> </div> <h3 class="mt-3">Dire Dawa University</h3> <h5>Institute of Technology</h5> <h6>School of Computing</h6> </div> <!-- Departments Section --> <div class="container text-center mt-5"> <div class="row g-4"> <!-- Computer Science --> <div class="col-md-4"> <div class="p-3 border rounded bg-danger bg-opacity-10"> <h5 class="text-danger">Computer Science</h5> <div class="d-flex flex-wrap justify-content-center gap-2 mt-2"> <button class="btn btn-outline-danger btn-sm">1st year</button> <button class="btn btn-outline-danger btn-sm">2nd year</button> <button class="btn btn-outline-danger btn-sm">3rd year</button> <button class="btn btn-outline-danger btn-sm">4th year</button> </div> </div> </div> <!-- Information Technology --> <div class="col-md-4"> <div class="p-3 border rounded bg-info bg-opacity-10"> <h5 class="text-info">Information Technology</h5> <div class="d-flex flex-wrap justify-content-center gap-2 mt-2"> <button class="btn btn-outline-info btn-sm">1st year</button> <button class="btn btn-outline-info btn-sm">2nd year</button> <button class="btn btn-outline-info btn-sm">3rd year</button> <button class="btn btn-outline-info btn-sm">4th year</button> </div> </div> </div> <!-- Software Engineering --> <div class="col-md-4"> <div class="p-3 border rounded bg-success bg-opacity-10"> <h5 class="text-success">Software Engineering</h5> <div class="d-flex flex-wrap justify-content-center gap-2 mt-2"> <button class="btn btn-outline-success btn-sm">1st year</button> <button class="btn btn-outline-success btn-sm">2nd year</button> <button class="btn btn-outline-success btn-sm">3rd year</button> <button class="btn btn-outline-success btn-sm">4th year</button> <button class="btn btn-outline-success btn-sm">5th year</button> </div> </div> </div> </div> </div> <!-- Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> </body> </html>

Yaa rabbi! Siitu eegaadha xuma'niinaa fii tasgabbii teenya nuuf nurratti eegi. Siitu nagaya godhaadhaa waan sodaannuu fii eeggannuu irraa nagaya nu godhi. Siitu Abbaa ni'imaa dila kanaatii tola kee gurguddaa kana galatoomfachuu fii siif amanu qaamaa fii qalbii teenya qabsiisi. Laffaatii xiqqoo laaqamtuu silaa hin fuudhamne tana akkuma ta'ettuu nurraa qeebali barakaa keessa nuuf kaa'i. Waan si jaalachiisu dalaguu irratti nu gargaari.»