Hello friends, Today I am showing you a nice tips. Yes! you are going to know that how to make a nice notice board page in your html webpage.
Just copy the code bellow and paste in your html page and make a link with your website.
<html>
<head>
<style>
.column {
width: 30%;
float: left;
margin-left: 5px;
}
</style>
<body>
<div class="column">
<div class="img-rounded" style="float: right; background-color: #fffbcf; width: 200px; height: 250px; border: 1px solid black; margin: 10px;">
<h3 style="color: #ffffff; background-color: #2a4e57; text-align: center; margin: 0px; padding: 0px;">নোটিশ ১<hr> তারিখ: ১৮.০৮.২৪ </h3>
<div id="notice-board" style="height: 200px; overflow-x: hidden; overflow-y: hidden; padding: 6px; text-align: left;"> দ্বিতীয় প্রান্তিক মূল্যায়ন শুরু হবে ২৫/৮/২৪ ইং তারিখ থেকে। </div>
</div>
</div>
<div class="column">
<div class="img-rounded" style="float: right; background-color: #fffbcf; width: 200px; height: 250px; border: 1px solid black; margin: 10px;">
<h3 style="color: #ffffff; background-color: #2a4e57; text-align: center; margin: 0px; padding: 0px;"> নোটিশ ২<hr>তারিখ: ২৮.০৮.২৪ </h3>
<div id="notice-board" style="height: 200px; overflow-x: hidden; overflow-y: hidden; padding: 6px; text-align: left;">অনিবার্য কারণে ২৮ তারিখের বাওবি পরিক্ষা স্থগিত। </div>
</div>
</div>
<div class="column">
<div class="img-rounded" style="float: right; background-color: #fffbcf; width: 200px; height: 250px; border: 1px solid black; margin: 10px;">
<h3 style="color: #ffffff; background-color: #2a4e57; text-align: center; margin: 0px; padding: 0px;"> নোটিশ ৩<hr>তারিখ: ৩০.০৮.২৪ </h3>
<div id="notice-board" style="height: 200px; overflow-x: hidden; overflow-y: hidden; padding: 6px; text-align: left;"> আগামী মাসের ৫ তারিখে বাংলাদেশ ও বিশ্বপরিচয় পরিক্ষাটি অনুষ্ঠিত হবে।</div>
</div>
</div>
<div align="center">
<img src="ruteen.jpg" style="position: relative; padding-left: 0px; top: 70px; width:400px; height: 550px; border:5px solid cyan;"/>
</div>
<br>
</body>
</html>
That's it. Enjoy the notice board page...........