Update index.html
Browse files- index.html +7 -36
index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
-
<title>
|
| 7 |
<style>
|
| 8 |
* {
|
| 9 |
margin: 0;
|
|
@@ -14,7 +14,6 @@
|
|
| 14 |
html, body {
|
| 15 |
height: 100%;
|
| 16 |
font-family: Arial, sans-serif;
|
| 17 |
-
background-color: #f9f9f9;
|
| 18 |
}
|
| 19 |
|
| 20 |
.container {
|
|
@@ -23,35 +22,17 @@
|
|
| 23 |
height: 100%;
|
| 24 |
}
|
| 25 |
|
| 26 |
-
|
| 27 |
flex: 1;
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
align-items: center;
|
| 31 |
-
text-align: center;
|
| 32 |
-
padding: 20px;
|
| 33 |
-
}
|
| 34 |
-
|
| 35 |
-
.button {
|
| 36 |
-
padding: 14px 24px;
|
| 37 |
-
background-color: #4285f4;
|
| 38 |
-
color: white;
|
| 39 |
-
text-decoration: none;
|
| 40 |
-
font-size: 18px;
|
| 41 |
-
border-radius: 6px;
|
| 42 |
-
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
| 43 |
-
transition: background-color 0.3s;
|
| 44 |
-
}
|
| 45 |
-
|
| 46 |
-
.button:hover {
|
| 47 |
-
background-color: #357ae8;
|
| 48 |
}
|
| 49 |
|
| 50 |
footer {
|
| 51 |
background-color: #222;
|
| 52 |
color: #fff;
|
| 53 |
text-align: center;
|
| 54 |
-
padding:
|
| 55 |
font-size: 14px;
|
| 56 |
}
|
| 57 |
|
|
@@ -62,18 +43,8 @@
|
|
| 62 |
</head>
|
| 63 |
<body>
|
| 64 |
<div class="container">
|
| 65 |
-
<
|
| 66 |
-
|
| 67 |
-
<h1>Check out my Chrome Extension</h1>
|
| 68 |
-
<p>Click below to visit the Chrome Web Store:</p>
|
| 69 |
-
<a
|
| 70 |
-
href="https://abeea-iframe.static.hf.space/test.html"
|
| 71 |
-
target="_blank"
|
| 72 |
-
class="button">
|
| 73 |
-
Open in Chrome Web Store
|
| 74 |
-
</a>
|
| 75 |
-
</div>
|
| 76 |
-
</div>
|
| 77 |
|
| 78 |
<footer>
|
| 79 |
Made with <span>♥</span> by Abdullah Tarar
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<title>Full Screen Iframe</title>
|
| 7 |
<style>
|
| 8 |
* {
|
| 9 |
margin: 0;
|
|
|
|
| 14 |
html, body {
|
| 15 |
height: 100%;
|
| 16 |
font-family: Arial, sans-serif;
|
|
|
|
| 17 |
}
|
| 18 |
|
| 19 |
.container {
|
|
|
|
| 22 |
height: 100%;
|
| 23 |
}
|
| 24 |
|
| 25 |
+
iframe {
|
| 26 |
flex: 1;
|
| 27 |
+
width: 100%;
|
| 28 |
+
border: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 29 |
}
|
| 30 |
|
| 31 |
footer {
|
| 32 |
background-color: #222;
|
| 33 |
color: #fff;
|
| 34 |
text-align: center;
|
| 35 |
+
padding: 10px;
|
| 36 |
font-size: 14px;
|
| 37 |
}
|
| 38 |
|
|
|
|
| 43 |
</head>
|
| 44 |
<body>
|
| 45 |
<div class="container">
|
| 46 |
+
<!-- Replace the src below with the URL you want to display -->
|
| 47 |
+
<iframe src="https://abeea-iframe.static.hf.space/test.html" allowfullscreen></iframe>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 48 |
|
| 49 |
<footer>
|
| 50 |
Made with <span>♥</span> by Abdullah Tarar
|