পোস্টগুলি

February, 2018 থেকে পোস্টগুলি দেখানো হচ্ছে

CSS z-index property

<html>
<head>
<style>
div {position: absolute;}#container div {
    background-color: lightblue;
    border: 1px solid #333333;
    width: 100px;
    height: 100px;
    opacity: 0.5;
}div#myBox {
    opacity: 1;
    background-color: coral;    z-index: 1;
    -webkit-animation: mymove 5s infinite linear; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite linear;
}/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {z-index: 5;}
}/* Standard syntax */
@keyframes mymove {    50% {z-index: 5;}
}
</style>
</head>
<body style="position:absolute"><h1>Animation of z-index</h1><p>Gradually change the z-index property of "myBox" from 1 to 5, and back to 1:<p>
<div id="container">
  <div id="myBox">myBox</div>
  <div style="top:20px;left:20px;z-index:1;">z-index 1</div>
  <div style="top:40px;left:40px;z-index:2;">z-i…

CSS color animited

<html>
<head>
<style>
div {
    width: 100px;
    height: 50px;
    background: red;
    color: white;
    font-weight: bold;
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 5s infinite;
}/* Safari 4.0 - 8.0 */
#div1 {-webkit-animation-timing-function: linear;}#div2 {-webkit-animation-timing-function: ease;}
#div3 {-webkit-animation-timing-function: ease-in;}
#div4 {-webkit-animation-timing-function: ease-out;}
#div5 {-webkit-animation-timing-function: ease-in-out;}#div1 {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {    from {left: 0px;}
    to {left: 300px;}
}@keyframes mymove {
    from {left: 0px;}
    to {left: 300px;}
}
</style>
</head>
<body><p><strong>N…

Css Color

<html>
<head>
<style>
#p1 {background-color:rgb(255,0,0);}
#p2 {background-color:rgb(0,255,0);}
#p3 {background-color:rgb(0,0,255);}
#p4 {background-color:rgb(192,192,192);}
#p5 {background-color:rgb(255,255,0);}
#p6 {background-color:rgb(255,0,255);}
</style>
</head><body>

Website Heding edit

<html>
<head>
<title>Page Title</title>
<style>
body {
    background-color: black;
    text-align: center;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body><h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>Edit the code in the window to the left, and click "Run" to view the result.</p>
<img src="avatar.png" alt="Avatar" style="width:200px"></body>
</html>

এবার ঘরে বসে হন ডেভেলপার

<!DOCTYPE html><html><head><title> Webcoachbd Frame Tutorial </title></head>
<body>
<iframe width="100%" src="http://www.webcoachbd.com"></iframe></body></html>

HTML Media Video Add

<!DOCTYPE html>
<html>
<head>
<!--- JS/CSS file is to be added here --></head>
<body>

<video controls height="300" width="410" poster="/media/title_pic.png"><source src="/media/Can you say banana.webm"type='video/webm;codecs="vp8, vorbis"'/><source src="/media/can_you_say_apple.mp4"type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
<h1>Your browser doesn't support video tag</h1>
</video>

</body>
</html>

Html my site link

<html>
<body><a href="http://www.sajan1991.blogspot.com">World News</a></body>
</html>

Html Flash File

<html>
<head>
<title> www.google.com</title>
</head>
<body >
<center>
<embed src="flash.swf" width="250" height="240">
</embed>
</center>
</body>
</html>

css color shadow effect

<html>
<head>
<style>
h1 {
    text-shadow: 2px 2px red;
}
</style>
</head>
<body><h1>Jafrul Alam Sajan</h1><p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p></body>
</html>

css simple shadow effect

<html>
<head>
<style>
h1 {
    text-shadow: 2px 2px;
}
</style>
</head>
<body><h1>Text-shadow effect!</h1><p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p></body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-shadow: 2px 2px red;
}
</style>
</head>
<body><h1>Text-shadow effect!</h1><p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p></body>
</html>

CSS Linear Gradient

<html>
<head>
<style>
#grad1 {
    height: 55px;
    background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* Standard syntax (must be last) */
}
</style>
</head>
<body><div id="grad1" style="text-align:center;margin:auto;color:#888888;font-size:40px;font-weight:bold">
Sajan Talukder
</div><p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support gradients.</p></body>
</html>

HTML The Id Selector

<html>
<head>
<style>
#para1 {
    text-align: center;
    color: red;
}
</style>
</head>
<body><p id="para1">World News</p>
<p>This paragraph is not affected by the style.</p></body>
</html>

Html Logo

<html>
<body><svg height="130" width="500">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%"
      style="stop-color:rgb(255,255,0);stop-opacity:1" />
      <stop offset="100%"
      style="stop-color:rgb(255,0,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" />
  <text fill="#ffffff" font-size="45" font-family="Verdana"
  x="50" y="86">SAJON</text>
Sorry, your browser does not support inline SAJAN.
</svg></body>
</html>

HTML draw a text with stroke text

<html>
<body><canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas><script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.strokeText("Hello World",10,50);
</script></body>
</html>

HTML Draw a text with

<html>
<body><canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas><script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.fillText("World News",10,50);
</script></body>
</html>

Html The Multiple Attribute

<html>
<body><form action="action_page.php">
  Select images: <input type="file" name="img" multiple>
  <input type="submit">
</form><p>Try selecting more than one file when browsing for files.</p><p><strong>Note:</strong> The multiple attribute of the input tag is not supported in Internet Explorer 9 and earlier versions.</p></body>
</html>

The min and max attributes

<HTML>
<body><form action="action_page.php">  Enter a date before 1980-01-01:
  <input type="date" name="bday" max="1979-12-31"><br>  Enter a date after 2000-01-01:
  <input type="date" name="bday" min="2000-01-02"><br>  Quantity (between 1 and 5):
  <input type="number" name="quantity" min="1" max="5"><br>  <input type="submit">

</form><p><strong>Note:</strong> The max and min attributes of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Firefox.</p>
<p><strong>Note:</strong> The max and min attributes will not work for dates and time in Internet Explorer 10, since IE 10 does not support these input types.</p></body>
</html>

The List Attribute webpage

<html>
<body><form action="action_page.php">
  Webpage: <input type="url" list="url_list" name="link">
  <datalist id="url_list">
    <option label="Worldnews" value="http://www.sajan1991.blogspot.com">
    <option label="Google" value="http://www.google.com">
    <option label="Microsoft" value="http://www.microsoft.com">
  </datalist>
  <input type="submit">
</form></body>
</html>

The auto complete attribute

<html>
<body><form action="action_page.php" autocomplete="on">
  First name:<input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form><p>Fill in and submit the form, then reload the page to see how autocomplete works.</p>
<p>Notice that autocomplete is "on" for the form, but "off" for the e-mail field.</p></body>
</html>

Input Tipe Url

<html>
<body><form action="action_page.php">
  Add your homepage:
  <input type="url" name="homepage">
  <input type="submit">
</form><p><b>Note:</b>
The type="url" is not supported in IE9 and earlier versions.</p></body>
</html>

Imput Telephone Submit

<html>
<body><form action="action_page.php">
  Telephone:
  <input type="tel" name="usrtel">
  <input type="submit">
</form><p><b>Note:</b> type="tel" is supported only in Safari 8.</p></body>
</html>

Imput Google Search

<html>
<body><form action="action_page.php">
  Search Google:
  <input type="search" name="googlesearch">
  <input type="submit">
</form></body>
</html>

Imput Tipe date time local

<html>
<body><p>
Depending on browser support:<br>
A date picker can pop-up when you enter the input field.
</p><form action="action_page.php">
  Birthday (date and time):
  <input type="datetime-local" name="bdaytime">
  <input type="submit" value="Send">
</form><p><b>Note:</b>
type="datetime-local" is not supported in Firefox and Internet Explorer.
</p></body>
</html>

Imput type time

<html>
<body><p>
Depending on browser support:<br>
A time picker might pop-up when you enter the input field.
</p><form action="action_page.php">
  Select a time:
  <input type="time" name="usr_time">
  <input type="submit">
</form><p><b>Note:</b>
type="time" is not supported in Firefox or Internet Explorer.
</p></body>
</html>

Imput week and year

<!DOCTYPE html>
<html>
<body><p>
Depending on browser support:<br>
A date picker can pop-up when you enter the input field.
</p><form action="action_page.php">
  Select a week:
  <input type="week" name="year_week">
  <input type="submit">
</form><p><b>Note:</b>
type="week" is not supported in Internet Explorer.
</p></body>
</html>

Imput month and year

<html>
<body><p>
Depending on browser support:<br>
A date picker can pop-up when you enter the input field.
</p><form action="action_page.php">
  Birthday (month and year):
  <input type="month" name="bdaymonth">
  <input type="submit">
</form><p><b>Note:</b>
type="month" is not supported in Internet Explorer.
</p></body>
</html>

Imput Birthday picker

<html>
<body><p>
Depending on browser support:<br>
A date picker can pop-up when you enter the input field.
</p><form action="action_page.php">
  Birthday:
  <input type="date" name="bday">
  <input type="submit">
</form><p><b>Note:</b> type="date" is not supported in Internet Explorer.</p></body>
</html>

Imput time password

<html>
<body><form action="">
User name:<br>
<input type="text" name="userid">
<br>
User password:<br>
<input type="password" name="psw">
</form><p>The characters in a password field are masked (shown as asterisks or circles).</p></body>
</html>

Imput Tipe Text

<html>
<body><form action="action_page.php">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><br>
<input type="submit">
</form><p>Note that the form itself is not visible.</p>
<p>Also note that the default width of a text field is 20 characters.</p></body>
</html>

An Imput button

<html>
<body><button type="button" onclick="alert('World News')">Click Me!</button></body>
</html>

Sand e-mail from a from

<html>
<body><h2>Send e-mail to someone@example.com:</h2><form action="MAILTO:someone@example.com" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="your email"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form></body>
</html>

London is the capital city

<html>
<body><div style="background-color:yelloolw color:white; padding:20px;"><h2>London</h2><p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
<p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.create by: Jafrul Alam Sajan</p></div> </body>
</html>

My Name Or Phone Number

<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;   
}
</style>
</head>
<body><h2>Cell that spans two rows:</h2>
<table style="width:100%">
  <tr>
    <th>Name:</th>
    <td>Sajan Talukder</td>
  </tr>
  <tr>
    <th rowspan="2">Mobile:</th>
    <td>+88 017 148 57539</td>
  </tr>
  <tr>
    <td>+88 019 492 55655</td>
  </tr>
</table></body>
</html>

Html & CSS Full Demo

<html>
<body><div style="position:relative;">
  <div style="opacity:0.5;position:absolute;left:50px;top:-30px;width:300px;height:150px;background-color:#40B3DF"></div>
  <div style="opacity:0.3;position:absolute;left:120px;top:20px;width:100px;height:170px;background-color:#8AC007"></div>
  <div style="margin-top:30px;width:360px;height:130px;padding:20px;border-radius:10px;border:10px solid #EE872A;font-size:120%;">
<h1>CSS = Styles and Colors</h1>
<div style="letter-spacing:12px;font-size:15px;position:relative;left:25px;top:25px;">Manipulate Text</div>
<div style="color:#40B3DF;letter-spacing:12px;font-size:15px;position:relative;left:25px;top:30px;">Colors,
<span style="background-color:#B4009E;color:#ffffff;">Sajan:Talukder</span></div>
</div>
</div></body>
</html>

Date time Local

<html>

<head>
<title>Date time Local</title>
</head>

<body>

<input type="datetime-local">

</body>

</html>

My Website I Frame

<html>

<head>
<title>iframe example</title>
</head>

<body>

<!--Need Internet Connection-->
<iframe width="100px" height="100px" src="http://sajan1991.blogspot.com"></iframe>

</body>

</html>

Audio auto play

<!DOCTYPE html>
<html> <head>
<title>Audio auto play</title>
</head> <body> <!--Please Volume up your mobile-->
<!--Automatically play when load this page-->
<audio autoplay="true" src="song.MP3">
</audio> </body> </html>

Effects with Marquees

<!DOCTYPE html>
<html> <head>
<title>Cool Effects with Marquees</title>
</head> <body> <div class="example-display" style="position:relative;height:600px;">   <marquee style="z-index:2;position:absolute;left:18%;top:47%;font-family:Cursive;font-size:14pt;color:#ffcc00;height:100px;" scrollamount="3" direction="down">Jafrul Alam Sajan</marquee>   <marquee style="z-index:2;position:absolute;left:1%;top:39%;font-family:Cursive;font-size:14pt;color:#ffcc00;height:50%;" scrollamount="7" direction="down">HTML Code Play</marquee>   <marquee style="z-index:2;position:absolute;left:11%;top:7%;font-family:Cursive;font-size:14pt;color:lime;height:302px;" scrollamount="4" direction="down">স্বজন</marquee>   <marquee style="z-index:2;position:absolute;left:25%;top:33%;font-family:Cursive;font-size…

video auto play

<!DOCTYPE html>
<html>

<head>
<title>Video auto play</title>
</head>

<body>

<video width="480" autoplay="true" src="video.MP4">
  </video>

</body>

</html>

একটা হাতি আর একটা কুকুর এর গল্প।

একটা হাতি আর একটা কুকুর একই সাথে প্রেগনেন্ট হলো। ৩ মাসের ব্যবধানে কুকুরটি ৩টি ছানা প্রসব করলো। ৬ মাস পরে কুকুরটি আবার প্রেগনেন্ট হলো আর নয় মাস পরে এক ডজন বাচ্চা প্রসব করলো। এই ভাবে পালাক্রমে চলতেই থাকলো। ১৮ তম মাসে, কুকুরটি হাতিটিকে বললো,
"তুমি কি নিশ্চিত যে তুমি প্রেগনেন্ট? আমরা একই সাথে প্রেগনেন্ট হয়ে ছিলাম, এর মাঝে আমি ৩ বারে ডজন খানেক বাচ্চা প্রসব করেছি,আর সেগুলো এখন প্রাপ্ত বয়স্কও হয়ে গেছে, , কিন্তু তুমি এখনও প্রেগন্যান্ট"।মা হাতিটি উত্তর দিলো, আমার পেটে কুকুর ছানা না,
হাতি ছানা বেড়ে উঠছে, আমি দুই বছর পর পর বাচ্চা
প্রসব করি, যখন বাচ্চাটা পৃথিবীর মাটি স্পর্শ করে, পৃথিবীর মাটি বুঝতে পারে, যখন বাচ্চাটা বড় হয়ে রাস্তা পার হয়, লোকজন দাঁড়িয়ে অবাক হয়ে দেখে, যে বাচ্চাটা আমি পেটে ধারন করি, সেটা মানুষের আকর্ষণের কেন্দ্রবিন্দু হয়ে যায়।গল্পটা এইজন্য বলা, যখন আসে পাশের মানুষের দোয়া কবুল হতে দেখবেন, তাদের সফলতা দেখবেন, হতাশ হবেন না। নিশ্চয় সৃষ্টিকর্তা আপনার জন্য উপযুক্ত সময়ে উপযুক্ত সফলতা নির্ধারণ করে রেখেছেন, যখন আপনার জন্য বরাদ্দ সেই রহমত আসবে, পৃথিবী আপনার কাজের দিকে মুগ্ধ হয়ে থাক…

মহানবী (সা.) এর মহামূল্যবান বাণী পর্ব :১

আল্লাহ
১. জান্নাতের চাবি হলো – ‘আল্লাহ ছাড়া কোনো ইলাহ নাই’ এ সাক্ষ্য দেয়া। (আহমদ)শব্দার্থ : ‘ইলাহ’ মানে হুকুমকর্তা, আইনদাতা, আশ্রয়দাতা, ত্রাণকর্তা, উপাস্য, প্রার্থনা শ্রবণকারী।২. আল্লাহ সুন্দর! তিনি সৌন্দর্যকেই পছন্দ করেন। (সহীহ মুসলিম)৩. শ্রেষ্ঠ কথা চারটি :ক. সুবহানাল্লাহ – আল্লাহ পবিত্র,খ. আল হামদুলিল্লাহ – সমস্ত প্রশংসা আল্লাহর,গ. লা–ইলাহা ইল্লাল্লাহ – আল্লাহ ছাড়া কোন ইলাহ নাই,ঘ. আল্লাহু আকবর – আল্লাহ মহান। (সহীহ মুসলিম)আল্লাহর অধিকার
৪. বান্দাহর উপর আল্লাহর অধিকার হলো, তারা কেবল তাঁরই আনুগত্য ও দাসত্ব করবে এবং তাঁর সাথে কোনো অংশীদার বানাবেনা। (সহীহ বুখারী)ঈমান
৫. বলো : ‘আমি আল্লাহর প্রতি ঈমান এনেছি ; অতপর এ কথার উপর অটল থাকো। (সহীহ মুসলিম)৬. ঈমান না এনে তোমরা জান্নাতে প্রবেশ করতে পারবেনা। (তারগীব)৭. যে কেউ এই ঘোষণা দেবে : ‘আল্লাহ ছাড়া কোনো ইলাহ নাই আর মুহাম্মদ সাঃ আল্লাহর রসূল’ – আল্লাহ তাকে জাহান্নামের জন্যে নিষিদ্ধ করে দেবেন।(সহীহ বুখারী)ঈমান থাকার লক্ষণ
৮. তুমি মুমিন হবে তখন, যখন তোমার ভালো কাজ তোমাকে আনন্দ দেবে, আর মন্দ কাজ দেবে মনোকষ্ট। (আহমদ)ইসলাম
৯. সব কাজের আসল কাজ হলো ‘…

মহানবী (সা.) এর ৪০টি হাদিস

(১) রাসূলে আকরাম সাল্লাল্লাহু আলাইহি ওয়া আলিহি ওয়া সাল্লাম বলেছেন : ‘বিজ্ঞজনদের মাঝে গর্ব করার উদ্দেশ্যে, মূর্খদের সাথে তর্ক করার উদ্দেশ্যে, সভায় প্রশংসা কুড়ানোর জন্য, জনগণের দৃষ্টি আকর্ষণের জন্য, নেতৃত্ব লিপ্সুতার জন্য ও শ্রেষ্ঠত্ব অর্জনের উদ্দেশ্যে জ্ঞানের সন্ধান করো না। যদি জ্ঞান অর্জনের ক্ষেত্রে কারো উদ্দেশ্য এমন হয় তবে তার স্থান হবে জাহান্নাম’। [লি-আলীল আখবার, পৃ. ১৯৩]

(২) মহানবী (স.) বলেছেন : ‘তোমারা ধ্বংস হয়ে যাওয়ার জন্য সৃষ্টি হওনি, বরং তোমরা অবশিষ্ট থাকার জন্য সৃষ্টি হয়েছো। আর তোমরা [মৃত্যুর মাধ্যমে] এক স্থান হতে অন্য স্থানে স্থানান্তরিত হবে’। (বিহারুল আনওয়ার, খণ্ড ৩, পৃ. ১৬১)

(৩) আল্লাহর নবী (স.) বলেছেন : ‘আশা-আকাঙ্খা আমার উম্মতের জন্য একটি রহমত স্বরূপ, যদি আশা না থাকতো তবে কোন মা তার সন্তানকে দুধ পান করাতো না এবং কোন মালিই গাছ লাগাতো না’ (তথা কোন কৃষকই চাষাবাদ করতো না)। (সাফিনাহ, আমাল, পৃ. ৩০)

(৪) হযরত (স.) বলেছেন : ‘ঈমানদার ব্যক্তিদের সম্মান জনগণ হতে তাদের অমুখাপেক্ষীতার মাঝে নিহীত, আর মুক্তি ও আত্মমর্যাদা অল্পে তুষ্টতার মাধ্যমে অর্জিত হয়’। (আদাব ওয়া আখলাক দার ইসলাম, পৃ. …

মহানবী (সা.) এর মহামূল্যবান বাণী

* তোমরা অনুমান বা সন্দেহ পোষন হতে সবধান থাক। কেননা অনুমান সবচেয়ে বড় মিথ্যা।

* যে লোক মানুষের প্রতি দয়া অনুগ্রহ বোধ করে না, তার প্রতি আল্লাহ পাকও দয়া রহম করেন না।

* অহংকার, প্রতারণা ও ঋণমুক্ত হয়ে মৃত্যুবরণ করা বেহেশতবাসী হবার একটি শর্ত।

* বিশ্বস্ত সত্যবাদী মুসলমান ব্যবসায়ী কিয়ামতের দিন শহীদগণের সঙ্গী হবে।

* তোমরা ক্রয়-বিক্রয়ে অধিক শপথ করা হতে সাবধান থাকবে। কেননা এতে লাভ হলেও পরে তা বিনাশ ডেকে আনে।

* ঐ নারী ও পুরুষ অভিশপ্ত যে পুরুষ নারীর এবং যে নারী পুরুষের বেশ-ভুষা ধারণ করে।

* দীর্ঘ দিন অনুপস্থিতির পর তোমাদের কেউ যেন রাতের অন্ধকাওে স্বীয় পরিবার পরিজনদেও কাছে হাজির না হয়।

* তোমাদের কেউ যেন আল্লাহর প্রতি সুধারণা পোষণ ব্যতীত মৃত্যুবরণ না করে।

* লোভ আলেমদের অন্তর থেকে এলেমকে বের করে দেয়।

* তোমরা কবরসমূহের জেয়ারত হরবে, কেননা তা মৃত্যুকে স্বরণ করিয়ে দেয়।

* দাতা ব্যক্তি আল্লাহ, বেহেশতের ও মানুষের নিকটে অথচ দোজখ হতে দূরে।

* কৃপণ ব্যক্তি আল্লাহ হতেও দূরত্বে, বেহেস্ত হতেও দূরত্বে, অথচ দোজখের নিকটে।

* আজান একামতের মাঝখানে দোয়া ফেরত দেয়া হয় না।

* প্রত্যেক জিনিসেরই একটা মাজন রয়েছে, আর অন্তরের মাজন…