-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (117 loc) · 5.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Website Responsive Testing Tools</title>
<link rel="icon" type="image/x-icon" href="./assets/img/favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/css/styles.css">
<link rel="stylesheet" href="./assets/css/ads.css">
</head>
<body align="center">
<div>
<img class="brand" src="./assets/img/logo.jpg" />
<h4>Website Responsive Testing Tools</h4>
<form onsubmit="getData(event)" method="GET">
<div class="search-container">
<input class="search-box" type="url" id="query" placeholder="Enter the URL you wan to check..." value="http://" required>
<button class="search-button">
<i class="fa fa-search"></i>
</button>
</div>
<select id="desktop" onchange="updateDesktop()">
<option value="0_0">Desktop</option>
<option value="1920_1200">1920x1200 (24" Desktop)</option>
<option value="1920_1080">1920x1080 (23" Desktop)</option>
<option value="1680_1050">1680x1050 (22" Desktop)</option>
<option value="1600_900">1600x900 (20" Desktop)</option>
<option value="1440_900">1440_900 (19" Desktop)</option>
<option value="1024_800">1024x800 (15" Notebook)</option>
<option value="1920_1080">1920x1080 (13" Notebook)</option>
<option value="1024_600">1024x600 (10" Notebook)</option>
</select>
<select id="tablet" onchange="updateTablet()">
<option value="0_0">Tablet</option>
<option value="768_1024">768x1024 (Apple iPad Mini)</option>
<option value="768_1024">768x1024 (Apple iPad Retina)</option>
<option value="1366_1024">1366x1024 (Apple iPad Pro)</option>
<option value="768_1024">768x1024 (Amazon Kindle Fire)</option>
<option value="768_1024">768x1024 (Amazon Kindle Fire HD)</option>
<option value="768_1024">768x1024 (Asus Eee 1000)</option>
<option value="600_960">600x960 (Nexus 7)</option>
<option value="1024_768">1024x768 (Nexus 9)</option>
<option value="800_1280">768x1024 (Samsung Galaxy Tab 10)</option>
</select>
<select id="mobile" onchange="updateMobile()">
<option value="0_0">Mobile</option>
<option value="320_480">320x480 (Apple iPhone 3/4/4s)</option>
<option value="320_568">320x568 (Apple iPhone 5/5s)</option>
<option value="375_667">375x667 (Apple iPhone 6/6s/7)</option>
<option value="414_736">414x736 (Apple iPhone 6 Plus/7 Plus)</option>
<option value="320_568">320x568 (Apple iPhone 5/5s)</option>
<option value="320_568">320x568 (Apple iPhone 5/5s)</option>
<option value="320_568">320x568 (Apple iPhone 5/5s)</option>
<option value="360_640">360x640 (Samsung Galaxy S5/S6/S7)</option>
</select><br>
<select id="width" onchange="updateWidth()">
<option value="360">Width</option>
<option value="360">Default</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
</select>
<select id="height" onchange="updateHeight()">
<option value="800">Height</option>
<option value="800">Default</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
</select>
</form>
<div>
<a href="https://danzzstore.my.id" id="close-stickyb">
<img alt="Close" src="./assets/img/close.png" title="Close this ad" class="stickyclose">
</a>
<a href="https://wa.me/6289512545999">
<img src="./assets/img/ads.jpg" width="95%" alt="Post ADS 1">
</a>
</div>
<br><br>
<div id="content" class="content">
<!-- Content -->
</div>
</div>
<div id="stickyb" class="stickywrap">
<div>
<a id="close-stickyb" onclick="closeAd()">
<img alt="Close" src="./assets/img/close.png" title="Close this ad" class="stickyclose">
</a>
</div>
<div class="stickyzone">
<a href="https://wa.me/6289512545999">
<img alt="Joki All Tier MLBB" src="./assets/img/ads.jpg">
</a>
</div>
</div>
<script src="./assets/js/script.js"></script>
<script src="./assets/js/ads.js"></script>
</body>
</html>