<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8">
<title> gnu linux algeria </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
</head>
<body>
<style>
body{
box-sizing: border-box;
background: #ffffff;
color: #333;
padding: 50px 0;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel ">
<div class="panel-heading">
<h3> ستايل وسم الـ small بالبوتستراب 3 </h3>
</div>
<div class="panel-body">
<h1> ترويسة 1 <small> نص ثانوي </small> </h1>
<h2> ترويسة 2 <small> نص ثانوي </small> </h2>
<h3> ترويسة 3 <small> نص ثانوي </small> </h3>
<h4> ترويسة 4 <small> نص ثانوي </small> </h4>
<h5> ترويسة 5 <small> نص ثانوي </small> </h5>
<h6> ترويسة 6 <small> نص ثانوي </small> </h6>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
</script>
</body>
</html>