Skip to content

Commit

Permalink
Create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
burnt-exe authored Jun 21, 2024
1 parent b59b72b commit c0eec0d
Showing 1 changed file with 131 additions and 0 deletions.
131 changes: 131 additions & 0 deletions gemini_api_comp/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Join the Google Gemini API Competition with Skunkworks</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
font-family: 'Roboto', sans-serif;
background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
color: #FFFFFF;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
}
.container {
text-align: center;
max-width: 800px;
padding: 20px;
background: rgba(0, 0, 0, 0.7);
border-radius: 20px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
animation: fadeIn 2s ease-in-out;
}
h1 {
font-size: 3em;
margin-bottom: 20px;
color: #FFEB3B;
animation: pulse 2s infinite;
}
h2 {
font-size: 2em;
margin-bottom: 10px;
color: #03A9F4;
}
p {
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 20px;
color: #B3E5FC;
}
.button {
display: inline-block;
padding: 15px 30px;
margin-top: 20px;
font-size: 1.5em;
color: #FFFFFF;
background: linear-gradient(45deg, #FF5722, #FFC107);
border: none;
border-radius: 30px;
cursor: pointer;
transition: background 0.3s, transform 0.3s;
}
.button:hover {
background: linear-gradient(45deg, #FFC107, #FF5722);
transform: scale(1.1);
}
ul {
list-style-type: none;
padding: 0;
}
ul li {
text-align: left;
margin-bottom: 10px;
color: #FFFFFF;
}
ul li::before {
content: "✔";
margin-right: 10px;
color: #FFEB3B;
}
.logo {
width: 100px;
margin-bottom: 20px;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
@media (max-width: 600px) {
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
.button {
font-size: 1.2em;
padding: 10px 20px;
}
}
</style>
</head>
<body>
<div class="container">
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="Google Logo" class="logo">
<h1>Join the Google Gemini API Competition</h1>
<h2>With Team Skunkworks</h2>
<p>We're inviting talented developers to join us in this exciting competition. Collaborate with industry experts, learn new skills, and have a chance to win amazing prizes including a custom electric 1981 DeLorean and a share of $1 million in cash prizes.</p>
<p>Definite Perks:
<ul>
<li>Opportunity to work with a skilled and dynamic team</li>
<li>Hands-on experience with the latest Google Gemini API</li>
<li>Networking with professionals in the field</li>
<li>Potential for high rewards and recognition</li>
</ul>
</p>
<p>Potential Challenges:
<ul>
<li>Intense competition and tight deadlines</li>
<li>High expectations and performance pressure</li>
<li>Need for a strong commitment and time management</li>
</ul>
</p>
<a class="button" href="https://ai.google.dev/competition?utm_source=email&utm_medium=newsletter&utm_campaign=gfd-june24">Join the Competition</a>
</div>
</body>
</html>

0 comments on commit c0eec0d

Please sign in to comment.