Skip to content

Commit e7a7c0b

Browse files
authored
Create index.html
0 parents  commit e7a7c0b

File tree

1 file changed

+125
-0
lines changed

1 file changed

+125
-0
lines changed

index.html

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Quantum Chemistry & Microsoft's Chip</title>
7+
<style>
8+
/* General Styles */
9+
body {
10+
background: linear-gradient(135deg, #1a1a1a, #000);
11+
color: #fff;
12+
font-family: 'Arial', sans-serif;
13+
text-align: center;
14+
margin: 0;
15+
padding: 0;
16+
overflow-x: hidden;
17+
}
18+
.container {
19+
padding: 20px;
20+
max-width: 1200px;
21+
margin: 0 auto;
22+
}
23+
h1 {
24+
color: #0ed2ec;
25+
font-size: 2em;
26+
text-shadow: 0 0 10px #0ed2ec, 0 0 20px #0ed2ec, 0 0 30px #0ed2ec;
27+
animation: glow 2s infinite alternate;
28+
}
29+
h2 {
30+
color: #ff4081;
31+
font-size: 1.5em;
32+
text-shadow: 0 0 10px #ff4081, 0 0 20px #ff4081, 0 0 30px #ff4081;
33+
animation: glow 2s infinite alternate;
34+
}
35+
p {
36+
font-size: 1em;
37+
margin: 20px 0;
38+
color: #ddd;
39+
}
40+
.highlight {
41+
color: #ff4081;
42+
font-weight: bold;
43+
text-shadow: 0 0 10px #ff4081, 0 0 20px #ff4081;
44+
}
45+
img {
46+
width: 100%;
47+
max-width: 600px;
48+
border-radius: 10px;
49+
margin: 20px 0;
50+
box-shadow: 0 0 20px rgba(14, 210, 236, 0.5), 0 0 40px rgba(255, 64, 129, 0.5);
51+
transition: transform 0.3s ease, box-shadow 0.3s ease;
52+
}
53+
img:hover {
54+
transform: scale(1.05);
55+
box-shadow: 0 0 30px rgba(14, 210, 236, 0.8), 0 0 60px rgba(255, 64, 129, 0.8);
56+
}
57+
.cta {
58+
display: inline-block;
59+
background: linear-gradient(135deg, #ff4081, #e91e63);
60+
padding: 10px 20px;
61+
font-size: 1em;
62+
color: #ffffff;
63+
border-radius: 5px;
64+
text-decoration: none;
65+
margin-top: 20px;
66+
box-shadow: 0 0 10px #ff4081, 0 0 20px #ff4081;
67+
transition: transform 0.3s ease, box-shadow 0.3s ease;
68+
}
69+
.cta:hover {
70+
background: linear-gradient(135deg, #e91e63, #ff4081);
71+
transform: scale(1.1);
72+
box-shadow: 0 0 20px #ff4081, 0 0 40px #ff4081;
73+
}
74+
.signature {
75+
margin-top: 50px;
76+
font-size: 0.9em;
77+
color: #888;
78+
text-shadow: 0 0 5px #888;
79+
}
80+
81+
/* Media Queries for Mobile Devices */
82+
@media (max-width: 768px) {
83+
h1 {
84+
font-size: 1.5em;
85+
}
86+
h2 {
87+
font-size: 1.2em;
88+
}
89+
p {
90+
font-size: 0.9em;
91+
}
92+
.cta {
93+
font-size: 0.9em;
94+
padding: 8px 16px;
95+
}
96+
.container {
97+
padding: 10px;
98+
}
99+
}
100+
101+
@keyframes glow {
102+
0% {
103+
text-shadow: 0 0 10px #0ed2ec, 0 0 20px #0ed2ec, 0 0 30px #0ed2ec;
104+
}
105+
100% {
106+
text-shadow: 0 0 20px #0ed2ec, 0 0 40px #0ed2ec, 0 0 60px #0ed2ec;
107+
}
108+
}
109+
</style>
110+
</head>
111+
<body>
112+
<div class="container">
113+
<h1>🔬 Chemistry: The Main Base of Computer Science ⚛️</h1>
114+
<p>Unlock the <span class="highlight">Future of Computing With Microsoft's Majorana 1</span>: Dive into Chemistry. <span class="highlight">Quantum computing</span> may revolutionize the world!</p>
115+
<img src="https://pub-c2c1d9230f0b4abb9b0d2d95e06fd4ef.r2.dev/sites/661/2025/02/Majorana-1-009-4000px-1-1536x1025.jpg" alt="Microsoft Quantum Chip">
116+
<h2>🧪 Microsoft's Majorana 1: Peek Inside the Quantum Future 💻</h2>
117+
<p>Taming the Unstable: Chemistry and the Quest for Stable Qubits in Microsoft's Chip.</p>
118+
<img src="https://wp.technologyreview.com/wp-content/uploads/2025/01/A654811.jpg?resize=1296,868" alt="Qubit Structure">
119+
<h2>🚀 Innovate Alongside Microsoft</h2>
120+
<p>Chemistry opens doors to groundbreaking <span class="highlight">quantum materials</span>. Be part of the future!</p>
121+
<a href="https://www.microsoft.com/en-us/quantum" class="cta">Explore More 🔗</a>
122+
<div class="signature">Made by a computer science enthusiast - Chirag 💓</div>
123+
</div>
124+
</body>
125+
</html>

0 commit comments

Comments
 (0)