| layout |
default |
| title |
Home |
<style>
.welcome-background {
width: 600px;
height: 190px;
background-color: red;
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;
}
@keyframes example {
0% {background-color: red;}
25% {background-color: yellow;}
50% {background-color: blue;}
100% {background-color: green;}
}
.welcome-text {
font-family: "Pacifico", "Courier New", monospace;
text-align: center;
line-height: 50px;
font-size: 70px;
text-shadow: 2px 2px 5px DarkOrchid;
}
</style>
<style>
.styled-button {
display: inline-block;
padding: 10px 20px;
background-color: #3498db; /* Change the background color as desired */
color: #fff; /* Change the text color as desired */
text-decoration: none;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
.styled-button:hover {
background-color: #2980b9; /* Change the hover background color as desired */
}
</style>
CHATROOM
<style>
.p1 {
font-family: "Lucida Console", "Courier New", monospace;
text-align: center;
line-height: 50px;
font-size: 30px;
text-shadow: 2px 2px 5px blue;
color: white
}
.p2 {
font-family: "Lucida Console", "Courier New", monospace;
text-align: center;
line-height: 20px;
font-size: 15px;
color: white
}
</style>
In this chat website, we make a server that allow users to live chat with other users.
Built By: Eshaan Kumar, Brandon So, Ninaad Kiran, Aaron Hsu