HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

584x774

229 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Black Gadget</title>

<style>

body{
margin:0;
font-family:Arial;
background:#0d0d0d;
color:white;
}

header{
background:black;
padding:20px;
text-align:center;
font-size:30px;
font-weight:bold;
border-bottom:3px solid #00ff9c;
}

.shopinfo{
text-align:center;
background:#111;
padding:10px;
font-size:14px;
}

.search{
text-align:center;
padding:15px;
}

.search input{
width:80%;
padding:10px;
border-radius:20px;
border:none;
}

.container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:20px;
padding:20px;
}

.card{
background:#161616;
padding:15px;
border-radius:12px;
text-align:center;
transition:0.3s;
}

.card:hover{
transform:scale(1.05);
}

.card img{
width:100%;
border-radius:10px;
}

.price{
color:#00ff9c;
font-size:18px;
font-weight:bold;
margin:10px 0;
}

button{
border:none;
padding:10px 15px;
border-radius:6px;
cursor:pointer;
margin:4px;
}

.cartbtn{
background:#00ff9c;
}

.buybtn{
background:#2196f3;
color:white;
}

.callbtn{
background:#ff9800;
}

.cartbox{
background:#111;
margin:20px;
padding:15px;
border-radius:10px;
}

footer{
background:black;
text-align:center;
padding:20px;
}

</style>
</head>

<body>

<header>BLACK GADGET</header>

<div class="shopinfo">
📞 01628918228 | 📍 Bay-Shoping, Shop No-44
</div>

<div class="search">
<input type="text" id="search" placeholder="Search phone..." onkeyup="searchPhone()">
</div>

<div class="container">

<div class="card">
<img src="https://fdn2.gsmarena.com/vv/pics/apple/apple-iphone-14-1.jpg">
<h3>iPhone 14</h3>
<div class="price">৳85,000</div>
<button class="cartbtn" onclick="addCart('iPhone 14')">Add Cart</button>
<button class="buybtn" onclick="buyNow('iPhone 14')">Buy</button>
<button class="callbtn" onclick="callShop()">Call</button>
</div>

<div class="card">
<img src="https://fdn2.gsmarena.com/vv/pics/apple/apple-iphone-15-1.jpg">
<h3>iPhone 15</h3>
<div class="price">৳105,000</div>
<button class="cartbtn" onclick="addCart('iPhone 15')">Add Cart</button>
<button class="buybtn" onclick="buyNow('iPhone 15')">Buy</button>
<button class="callbtn" onclick="callShop()">Call</button>
</div>

<div class="card">
<img src="https://fdn2.gsmarena.com/vv/pics/samsung/samsung-galaxy-s23-1.jpg">
<h3>Samsung S23</h3>
<div class="price">৳95,000</div>
<button class="cartbtn" onclick="addCart('Samsung S23')">Add Cart</button>
<button class="buybtn" onclick="buyNow('Samsung S23')">Buy</button>
<button class="callbtn" onclick="callShop()">Call</button>
</div>

</div>

<div class="cartbox">

<h3>🛒 Cart</h3>

<ul id="cartlist"></ul>

<h4>Payment Method</h4>

<p>bKash / Nagad</p>

<button onclick="checkout()">Checkout</button>

</div>

<footer>

Black Gadget © 2026<br>

📍 Bay-Shoping, Shop No-44<br>

📞 01628918228

</footer>

<script>

let cart=[]

function addCart(phone){

cart.push(phone)

let list=document.getElementById("cartlist")

let li=document.createElement("li")

li.innerText=phone

list.appendChild(li)

}

function buyNow(phone){

let number="8801628918228"

let message="Hello, I want to buy "+phone+" from Black Gadget"

window.open("https://wa.me/"+number+"?text="+encodeURIComponent(message))

}

function checkout(){

let number="8801628918228"

let message="Order from Black Gadget: "+cart.join(", ")

window.open("https://wa.me/"+number+"?text="+encodeURIComponent(message))

}

function callShop(){

window.location.href="tel:01628918228"

}

function searchPhone(){

let input=document.getElementById("search").value.toLowerCase()

let cards=document.querySelectorAll(".card")

cards.forEach(card=>{

let text=card.innerText.toLowerCase()

card.style.display=text.includes(input)?"block":"none"

})

}

</script>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

77KB

Transfer Size

76KB

Content Size

198.0ms

Dom Content Loaded

284.0ms

First Paint

829.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests