HELLO-WORLD

This is the profile Hello world

<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%; }

fedaabdullah/HELLO-WORLD

HELLO-WORLD