<html lang="en">
<head>
<title>Efaz's Page</title>
<style>
html {
font-family: arial;
color: #ffffff;
text-align: center;
background: linear-gradient(125deg, rgb(255,75,0), rgb(255,255,0), rgb(0,255,0));
height: 100%;
width: 100%;
}
button {
border-radius: 10px;
border-color: #ffffff;
height: 2em;
width: 10em;
background-color: #ff0000;
color: #ffffff;
}
a {
color: #bbbbff;
}
</style>
<script>
async function ip() {
let a = await fetch("http://ipinfo.io/json");
let b = await a.json();
document.getElementById("message").innerText = `Your IP address is ${b['ip']} and you're in ${b['city']}, ${b['region']} >:)\nCoordinates: ${b["loc"]}`
}
</script>
<link rel="stylesheet" href="https://cdn.efaz.dev/styles/htmlCSS.css">
</head>
<body>
<img src="https://cdn.efaz.dev/png/logo.png">
<h1>Hello there!</h1>
<p>My name is Efaz Mostofa and I am in CS I. I have done programming in mostly Python and in Javascript, Java, HTML and CSS.</p>
<a href="https://chromewebstore.google.com/search/efaz">Chrome Webstore</a>
<a href="https://www.efaz.dev">Main Website</a>
<a href="https://api.efaz.dev/docs">My API</a>
<a href="https://www.roblox.com/users/search?q=Efaazz">My Roblox Profile</a>
<p id="message">Click the button :)</p>
<button onclick="ip()">Click here! >:)</button>
</body>
</html>