-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (154 loc) · 7.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon"
href="https://telegra.ph/file/99c836d3dc087e3d7634b.jpg" />
<title>AB-DATAGH</title>
<link rel="stylesheet" href="styles1.css">
<meta property="og:image" content="https://telegra.ph/file/99c836d3dc087e3d7634b.jpg" />
<meta property="og:image:secure_url"
content="https://telegra.ph/file/99c836d3dc087e3d7634b.jpg" />
<meta property="og:image:width" content="650" />
<meta property="og:image:height" content="350" />
<meta name="title" content="AB DATAGH - Get affordable data bundles at cheaper prices mtn, AT, telecel" />
<meta name="keywords"
content=" data, mtn, Airtel-tigo,telecel, Gh" />
<style>
marquee{
color : white;
}
.highlight {
background-color: yellow;
}
</style>
<script>
// Function to reload the page every 30 minutes (1800000 milliseconds)
function reloadPage() {
setInterval(function() {
location.reload();
}, 1800000); // 30 minutes in milliseconds
}
// Call the function to start the interval timer
reloadPage();
function highlightProduct() {
// Remove existing highlights
let products = document.querySelectorAll('.product');
products.forEach(product => product.classList.remove('highlight'));
// Get the search input value
let searchInput = document.getElementById('search-input').value.toLowerCase();
// Highlight the matching product
products.forEach(product => {
if (product.textContent.toLowerCase().includes(searchInput)) {
product.classList.add('highlight');
}
});
}
</script>
</head>
<body>
<div id="spinner" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center">
<div role="status" class="w-12 h-12 border-4 border-t-transparent border-blue-500 rounded-full animate-spin">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
<center>
<header style="background-color: 0 5px 10px rgba(0, 0, 0, 0.3);">
<div class="header-container">
<img src="up2u.jpg" alt="MTN Logo" class="logo"><br>
<marquee behavior="" direction="right">working time: sunday-friday (8am-9pm), saturday(6:00pm-10pm). MTNUP2U is currently unavailable. MTN Just4U Offers are available. (Refresh the website from time to time to confirm MTNUP2U's availability)</marquee>
<br>
<br>
<div class="search-bar">
<input type="text" id="search-input" placeholder="Search for product/service" oninput="highlightProduct()">
</div>
</div>
</header>
</center>
<nav>
<ul>
<main>
<center>
<section class="recommended-products">
<div class="products">
<div class="product" id="product-afa" onclick="showDetails('AFA')">
<li><b><em>MTN AFA registration and verification only</em></b></li>
</div>
<div class="product" id="product-j4u" onclick="showDetails('j4u')">
<li><b><em>MTN UP2u data bundles</em></b></li>
</div>
<div class="product" id="product-webwiz" onclick="showDetails('Webwiz')">
<li><b><em>AT iShare</em></b></li>
</div>
<div class="product" id="product-business-messenger" onclick="showDetails('Business Messenger')">
<li><b><em>TELECEL<//em></b></li>
</div>
</div>
</section>
</center>
</main>
</ul>
</nav>
<main>
<center>
<section class="recommended-products">
<h2> WELCOME TO AB DATAGH </h2>
<br>
<h2>Some other products</h2>
<div class="products">
<div class="product" id="product-just4u" onclick="showDetails('j4u')">
<img src="up2u.jpg" height="100%" width="50%" alt="Just4U offers">
<h3>MTN Up2u Bundles</h3>
<p>product of MTN up2u data bundles</p>
<p><b style="color:blue">SELECT</b></p>
</div>
<div class="product" id="product-at-ghana" onclick="showDetails('Webwiz')">
<img src="at.png" alt="at icon">
<h3>AT Ghana Flexi Bundles</h3>
<p>iShare- product of AT Business Flexi Bundles</p>
<p><b style="color:blue">SELECT</b></p>
</div>
<div class="product" id="product-telecel" onclick="showDetails('Business Messenger')">
<img src="https://telegra.ph/file/cf4f1b654ccfcba684613.jpg" height="" alt="Telecel icon">
<h3>Telecel Offers</h3>
<p> Product of Telecel Business Bundles Unavailable</p>
<p><b style="color:blue">SELECT</b></p>
</div>
<div class="product" id="product-ev-money" onclick="showDetails('abMoneyTransfer')">
<img src="https://telegra.ph/file/e7aa6a01f4ba97def7cae.jpg" alt="AB Money Transfer icon">
<h3>TOP UP</h3>
<p>Request for money transfer to only bank accounts within an hour or two by maximum</p>
<p><b style="color:red">SELECT</b></p>
</div>
</div>
</section>
</center>
</main>
<center>
<footer>
<div class="footer-container">
<div class="social-icons">
<a href="https://wa.me/233533763772"><u>Contact us </u></a> ||<a href="https://chat.whatsapp.com/BI9ueM9xUcqFpVQuSiX64y"><u>join our whatsapp Group</u></a>
</div>
<div class="footer-links">
<a href="terms-of-service/">Terms of Service</a>
<a href="privacy-policy/">Privacy Policy</a>
<a href="refund-policy/">Refund Policy</a>
<a href="https://wa.me/233533763772">Help Center</a>
<a href="https://ab-streamer.vercel.app">My anime website</a>
</div>
</div>
</footer>
</center>
<!-- Modal -->
<div id="modal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">×</span>
<div id="modal-details"></div>
</div>
</div>
<script src="script1.js"></script>
</body>
</html>