This is the profile Hello world
<title>TEST</title><button type="button" class="button" onclick="window.two.value=('Hello World !');" id="test"><i>click</i></button>
<div class="one show">
</div>
<div>
<input id="two" value="">
</div>
<footer id="fot">
<a href="https://github.com/fedaabdullah"><img src="C:\Users\k\Desktop\TEST\jojo.png" class="img" alt="Github"></a>
<a href="https://www.kodluyoruz.org/"><img src="C:\Users\k\Desktop\TEST\yeni2.jpg" class="img" alt="kodluyoruz"></a>
<a href="https://app.patika.dev/fedaabdullah"> <img src="C:\Users\k\Desktop\TEST\patika2.png" class="img" alt="Patika"></a>
</footer>
//test.css body{ background-image:
url('koki.png'); background-repeat: no-repeat;
background-color: #059696; background-position-x: center; background-size: cover;
}
.one{ background-color: yellow; background-position: 35%; display: block; width: 35px; height: 350px; border-style: ridge; border-width: 5px; border-color: yellow; border-radius: 50%; text-align: center; font-size:x-large ; font-style: italic; color: blue;
} #two{ background-color: #1b1916; background-position: 50%; display: outside; width: 120px; height: 120px; border: 10in; border-color: aqua; border-radius: 50%; text-align: center; font-style: italic ; font-size: small; color: aqua; position: relative; top: 280px; left: 575px;
} .show{ background-color: lightgreen; background-position: 50%; display: outside; width: 27px; height: 27px; border-radius: 50%; position: relative; top: 219px; left: 411px; flood-opacity: 70%;
}
#test{ background-color: red;
width: 99px; height: 40px; border-color: aqua; border-width: 9px;
border-radius: 15%;
position: relative;
top: 150px; left: 407px;
flood-opacity: 70%;
} #fot{ position: fixed; left:800; bottom:0;
text-align: center;
} .img{ padding: 20px; margin: 10px; width: 50px; height: 50px; border-radius: 50%; }