b
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>
.folfoly-bar button, button[disabled]:active {
border: none;
font-size: 17px;
font-weight: normal;
border-radius: 1px;
padding: 4px 10px;
text-decoration: none;
background: #b6c472;
color: #fff;
display: inline-block;
transition: all 0.5s linear;
cursor: pointer;
}
</style>
<div id="tab1" class="folfoly-container tab">
<h2>العنوان</h2>
<p>الوصف</p>
</div>
<div id="tab2" class="folfoly-container tab" style="display:none">
<h2>العنوان</h2>
<p>الوصف</p>
</div>
<div id="tab3" class="folfoly-container tab" style="display:none">
<h2>العنواااان</h2>
<p>الوصف</p>
</div>
<script>
function opentab(tabName) {
var i;
var x = document.getElementsByClassName("tab");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(tabName).style.display = "block";
}
</script>
<div class="folfoly-bar folfoly-black">
<button class="folfoly-bar-item folfoly-button" onclick="opentab('tab1')">1</button>
<button class="folfoly-bar-item folfoly-button" onclick="opentab('tab2')">2</button>
<button class="folfoly-bar-item folfoly-button" onclick="opentab('tab3')">3</button>
</div>
</body>
</html>
<iframe allowfullscreen=" " frameborder="0" height="250"scrollining="yes" src=" https://www.buzzfeed.com/francescaarea/fork-or-spoon?utm_term=.qrJvK81vY#.xoJKl1ZKe " width="300"></ifarme>
<iframe allowfullscreen=" " frameborder="0" height="250"scrollining="yes" src=" http://buzz-int.blogspot.com/2018/03/100-20032018-bin-netflix-paypal-vpn.html " width="300"></ifarme>
<iframe allowfullscreen=" " frameborder="0" height="250"scrollining="yes" src=" http://www.dzprokora.com/?m=1 " width="300"></ifarme>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>
.folfoly-bar button, button[disabled]:active {
border: none;
font-size: 17px;
font-weight: normal;
border-radius: 1px;
padding: 4px 10px;
text-decoration: none;
background: #b6c472;
color: #fff;
display: inline-block;
transition: all 0.5s linear;
cursor: pointer;
}
</style>
<div id="tab1" class="folfoly-container tab">
<h2>العنوان</h2>
<p>الوصف</p>
</div>
<div id="tab2" class="folfoly-container tab" style="display:none">
<h2>العنوان</h2>
<p>الوصف</p>
</div>
<div id="tab3" class="folfoly-container tab" style="display:none">
<h2>العنواااان</h2>
<p>الوصف</p>
</div>
<script>
function opentab(tabName) {
var i;
var x = document.getElementsByClassName("tab");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(tabName).style.display = "block";
}
</script>
<div class="folfoly-bar folfoly-black">
<button class="folfoly-bar-item folfoly-button" onclick="opentab('tab1')">1</button>
<button class="folfoly-bar-item folfoly-button" onclick="opentab('tab2')">2</button>
<button class="folfoly-bar-item folfoly-button" onclick="opentab('tab3')">3</button>
</div>
</body>
</html>
<iframe allowfullscreen=" " frameborder="0" height="250"scrollining="yes" src=" https://www.buzzfeed.com/francescaarea/fork-or-spoon?utm_term=.qrJvK81vY#.xoJKl1ZKe " width="300"></ifarme>
<iframe allowfullscreen=" " frameborder="0" height="250"scrollining="yes" src=" http://buzz-int.blogspot.com/2018/03/100-20032018-bin-netflix-paypal-vpn.html " width="300"></ifarme>
<iframe allowfullscreen=" " frameborder="0" height="250"scrollining="yes" src=" http://www.dzprokora.com/?m=1 " width="300"></ifarme>