<!DOCTYPE html>
<html lang="en">

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
myprofile <title>myprofile</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<style>
body {
background-color: black;
}
.material-symbols-outlined {
color: white;
font-variation-settings:
'FILL' 0,
'wght' 700,
'GRAD' 0,
'opsz' 48
}


h1{
text-align: center;
color: red;
font-family: monospace;
text-shadow: 3px 4px 4px cyan;
}

button {
color: cyan;
size: 50px;
background-color: green;
border: 1px solid white;
border-radius: 4px;
font-family: monospace;
}

img {
border: 8px solid cyan;
border-radius: 100%;
width: 200px;
height: 200px;

}

h5 {
color: cyan;
font-size: 15px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

#area {
color: red;
background-color: black;
padding-top: 18px;
padding-left: 24px;
border: 1px solid red;
border-radius: 5px;

}


</style>



<img src="https://i.ibb.co/D8wYL1s/20220327-212612.jpg" alt="profile astar">
<div class="container">

im star


<h5>programer and web designer</h5>

<span class="material-symbols-outlined">
terminal
</span>
<span class="material-symbols-outlined">
folder
</span>
<span class="material-symbols-outlined">
file_upload
</span>

</div>



<textarea name="astar" id="area" cols="20" rows="2">hello world im star</textarea>



<button onclick="whtasapp('https://wa.me/6282383688398')">chat me</button>




<script>
function whtasapp(url) {
location.href = url;
}

</script>