WEB PROGRAMMING (Finals): Animation
ASSIGNMENT 3.1
HTML CODE:
<!DOCTYPE html>
<html>
<head>
<title>CREATE THAT GEE</title>
<style>
div {
width: 1285px;
height: 100px;
background-color: #EAC9FF ;
animation-name: example;
animation-duration: 10s;
text-align: center;
padding-top: 45px;
font-size: 50px;
}
@keyframes example {
0% {background-color: #85B0F7 ;}
25% {background-color: #8780F1 ;}
50% {background-color: #B78EFF ;}
100% {background-color: #EAC9FF;}
}
footer {
text-align: center;
padding: 25px;
background-color: #FFFFFF00;
color: #85B0F7;
font-size: 12px;
}
</style>
</head>
<div> C R E A T E </div>
<body>
<h1>GET TO KNOW THE ARTIST</h1>
She's kinda' cool... I think?
<hr>
<H2> WHO IS SHE?</H2>
Geenelle Amidala Gregorio, known as "Gee." An art student of Univeristy of Perpetual Help - Molino Campus, currently studying Bachelor of Multimedia Arts on her third year. She see's her artistic ways as skilled and not talented. All through her days she developed her artistic skills, learning new ways and concepts day by day.
<hr>
<h2>WHY DOES SHE DO THIS?</h2>
She created this to showcase her artistict talent to the world and how she views things in a different matter and perspective. Art brought her peace in this world full of chaos, her love for arts kept her sane.
<footer>
<p><h4>FIND ME ON MY SOCIALS</h4></p>
<p><a href="https://aquire2021.blogspot.com/">ACQUIRE</a></p>
<p><a href="https://facebook.com/gee.gregorio">FACEBOOK</a></p>
<p><a href="https://instagram.com/create.gee">CREATE THAT GEE</a></p>
<p><a href="https://www.instagram.com/kulotnme/>">KULOT N ME </a></p>
</body>
</html>
Comments
Post a Comment