বেসিক কম্পিউটার ক্যাটাগরির এটি প্রধান পাতা । এই পাতায় যে সব শাখাগুলো অনবদ্যঃ
<style>
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
box-sizing: content-box;
}
#cssmenu {
width: auto;
background: #f8f5ee;
border-bottom: 1px solid #aa9961;
box-shadow: inset 0 2px 4px rgba(151, 129, 82, 0.5);
-moz-box-shadow: inset 0 2px 4px rgba(151, 129, 82, 0.5);
-webkit-box-shadow: inset 0 2px 4px rgba(151, 129, 82, 0.5);
}
#cssmenu:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
display: inline-block;
font-family: Calibri, Arial, sans-serif;
color: #131210;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
font-size: 14px;
}
#cssmenu a:hover {
background: #f9cb9b;
}
#cssmenu ul {
list-style: none;
height: 34px;
padding: 10px 0;
}
#cssmenu > ul > li {
float: left;
height: 34px;
margin: 0 5px;
position: relative;
}
#cssmenu > ul > li > a {
background: #f6b26b;
box-shadow: inset 1px 1px 3px rgba(19, 18, 16, 0.2);
-moz-box-shadow: inset 1px 1px 3px rgba(19, 18, 16, 0.2);
-webkit-box-shadow: inset 1px 1px 3px rgba(19, 18, 16, 0.2);
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
line-height: 24px;
padding: 5px 10px;
}
#cssmenu > ul > li.active a {
background: #131210;
color: #f8f5ee;
}
#cssmenu .has-sub ul {
background: #f8f5ee;
border: 1px solid #aa9961;
border-top: 0 none;
height: 0;
overflow: hidden;
padding: 0;
position: absolute;
opacity: 0;
top: 44px;
left: 0;
width: 160px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#cssmenu .has-sub:after {
content: '';
display: block;
padding: 0 10px;
position: absolute;
bottom: -10px;
left: 0;
height: 10px;
width: 200%;
}
#cssmenu .has-sub:hover ul {
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
height: auto;
opacity: 1;
padding: 10px;
}
#cssmenu .has-sub li,
#cssmenu .has-sub li a {
padding: 0 5px;
width: 100%;
font-size: 15px;
}
#cssmenu .has-sub li {
margin: 8px 0;
}
#cssmenu .has-sub li a {
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
line-height: 120%;
}
</style>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"></link>
<div class="row preview-html" ng-hide="loading" ng-show="screen == 'preview'">
<div class="col-md-12">
<div id="cssmenu">
<ul>
<li class="active"><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#" target="_blank"><i class="fa fa-fw fa-home"></i>কম্পিউটার ড্যাটা</a></li>
<li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#"><i class="fa fa-fw fa-bars"></i>মাইক্রোসফ্ট</a>
<ul>
<li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#">উইন্ডোওস</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#">গ্লোবাল মাইক্রোসফ্ট</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#"><i class="fa fa-fw fa-cog"></i>আইওএস</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#"><i class="fa fa-fw fa-phone"></i>লিনাক্স</a></li>
</ul>
</div>
</div>
</div>
বর্তমানে কম্পিউটারের চাহিদা এতই জনপ্রিয় যে, মানুষের দৈনন্দিন কাজের প্রতিটি মুহূর্তে এই যন্ত্র ব্যবহার হচ্ছে । গবেষকরা আরও ধারণা করছেন যে, প্রযুক্তির আমূল পরিবর্তন কম্পিউটারের মাধ্যমেই সম্ভব হয়েছে । তবে কম্পিউটারের প্রাত্যহিক বিবর্তন ভবিষ্যতে মানব জগতে যান্ত্রিক সভ্যতার পূর্বাভাষ ঈঙ্গিত করছে ।
<style>
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
box-sizing: content-box;
}
#cssmenu {
width: auto;
background: #f8f5ee;
border-bottom: 1px solid #aa9961;
box-shadow: inset 0 2px 4px rgba(151, 129, 82, 0.5);
-moz-box-shadow: inset 0 2px 4px rgba(151, 129, 82, 0.5);
-webkit-box-shadow: inset 0 2px 4px rgba(151, 129, 82, 0.5);
}
#cssmenu:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
display: inline-block;
font-family: Calibri, Arial, sans-serif;
color: #131210;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
font-size: 14px;
}
#cssmenu a:hover {
background: #f9cb9b;
}
#cssmenu ul {
list-style: none;
height: 34px;
padding: 10px 0;
}
#cssmenu > ul > li {
float: left;
height: 34px;
margin: 0 5px;
position: relative;
}
#cssmenu > ul > li > a {
background: #f6b26b;
box-shadow: inset 1px 1px 3px rgba(19, 18, 16, 0.2);
-moz-box-shadow: inset 1px 1px 3px rgba(19, 18, 16, 0.2);
-webkit-box-shadow: inset 1px 1px 3px rgba(19, 18, 16, 0.2);
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
line-height: 24px;
padding: 5px 10px;
}
#cssmenu > ul > li.active a {
background: #131210;
color: #f8f5ee;
}
#cssmenu .has-sub ul {
background: #f8f5ee;
border: 1px solid #aa9961;
border-top: 0 none;
height: 0;
overflow: hidden;
padding: 0;
position: absolute;
opacity: 0;
top: 44px;
left: 0;
width: 160px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#cssmenu .has-sub:after {
content: '';
display: block;
padding: 0 10px;
position: absolute;
bottom: -10px;
left: 0;
height: 10px;
width: 200%;
}
#cssmenu .has-sub:hover ul {
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
height: auto;
opacity: 1;
padding: 10px;
}
#cssmenu .has-sub li,
#cssmenu .has-sub li a {
padding: 0 5px;
width: 100%;
font-size: 15px;
}
#cssmenu .has-sub li {
margin: 8px 0;
}
#cssmenu .has-sub li a {
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
line-height: 120%;
}
</style>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"></link>
<div class="row preview-html" ng-hide="loading" ng-show="screen == 'preview'">
<div class="col-md-12">
<div id="cssmenu">
<ul>
<li class="active"><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#" target="_blank"><i class="fa fa-fw fa-home"></i>কম্পিউটার ড্যাটা</a></li>
<li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#"><i class="fa fa-fw fa-bars"></i>মাইক্রোসফ্ট</a>
<ul>
<li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#">উইন্ডোওস</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#">গ্লোবাল মাইক্রোসফ্ট</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#"><i class="fa fa-fw fa-cog"></i>আইওএস</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=7550331934017076961#"><i class="fa fa-fw fa-phone"></i>লিনাক্স</a></li>
</ul>
</div>
</div>
</div>
বর্তমানে কম্পিউটারের চাহিদা এতই জনপ্রিয় যে, মানুষের দৈনন্দিন কাজের প্রতিটি মুহূর্তে এই যন্ত্র ব্যবহার হচ্ছে । গবেষকরা আরও ধারণা করছেন যে, প্রযুক্তির আমূল পরিবর্তন কম্পিউটারের মাধ্যমেই সম্ভব হয়েছে । তবে কম্পিউটারের প্রাত্যহিক বিবর্তন ভবিষ্যতে মানব জগতে যান্ত্রিক সভ্যতার পূর্বাভাষ ঈঙ্গিত করছে ।
এই ওয়েবসাইট টা আমাকে অনেক হেল্প করছে আমি গর্বিত এরকম একটা ওয়েবসাইট পেয়েছি
ReplyI am proud to have found such a website
Thanks for wachin
Ki dekhe ki comment korlen vi?
Reply