finish
This commit is contained in:
parent
b429b8bc5d
commit
265bd22618
@ -4420,9 +4420,9 @@ body {
|
|||||||
.glow-spot {
|
.glow-spot {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: radial-gradient(circle, rgba(147, 51, 234, 0.1) 0%, rgba(147, 51, 234, 0.05) 50%, transparent 100%);
|
background: radial-gradient(circle, rgba(147, 51, 234, 0.08) 0%, rgba(147, 51, 234, 0.03) 50%, transparent 100%);
|
||||||
animation: glowSpotFloat 15s ease-in-out infinite;
|
animation: glowSpotFloat 15s ease-in-out infinite;
|
||||||
opacity: 0.6;
|
opacity: 0.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.glow-spot:nth-child(1) {
|
.glow-spot:nth-child(1) {
|
||||||
@ -4473,19 +4473,19 @@ body {
|
|||||||
@keyframes glowSpotFloat {
|
@keyframes glowSpotFloat {
|
||||||
0%, 100% {
|
0%, 100% {
|
||||||
transform: translate(0, 0) scale(1);
|
transform: translate(0, 0) scale(1);
|
||||||
opacity: 0.6;
|
opacity: 0.4;
|
||||||
}
|
}
|
||||||
25% {
|
25% {
|
||||||
transform: translate(30px, -20px) scale(1.1);
|
transform: translate(30px, -20px) scale(1.1);
|
||||||
opacity: 0.8;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
transform: translate(-15px, 25px) scale(0.9);
|
transform: translate(-15px, 25px) scale(0.9);
|
||||||
opacity: 0.4;
|
opacity: 0.2;
|
||||||
}
|
}
|
||||||
75% {
|
75% {
|
||||||
transform: translate(20px, 15px) scale(1.05);
|
transform: translate(20px, 15px) scale(1.05);
|
||||||
opacity: 0.7;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -128,9 +128,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"offers": {
|
"offers": {
|
||||||
"@type": "Offer",
|
"@type": "Offer",
|
||||||
"price": "0",
|
"price": "0",
|
||||||
"priceCurrency": "USD",
|
"priceCurrency": "USD",
|
||||||
"availability": "https://schema.org/InStock",
|
"availability": "https://schema.org/InStock",
|
||||||
@ -226,7 +226,7 @@
|
|||||||
"acceptedAnswer": {
|
"acceptedAnswer": {
|
||||||
"@type": "Answer",
|
"@type": "Answer",
|
||||||
"text": "Yes, we provide 100% guaranteed admission to top universities including Harvard, Oxford, Cambridge, and Stanford through our revolutionary exam preparation methods."
|
"text": "Yes, we provide 100% guaranteed admission to top universities including Harvard, Oxford, Cambridge, and Stanford through our revolutionary exam preparation methods."
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"@type": "Question",
|
"@type": "Question",
|
||||||
@ -618,7 +618,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="methodology" class="methodology-section white-section">
|
<section id="methodology" class="methodology-section">
|
||||||
<div class="purple-glow-spots">
|
<div class="purple-glow-spots">
|
||||||
<div class="glow-spot"></div>
|
<div class="glow-spot"></div>
|
||||||
<div class="glow-spot"></div>
|
<div class="glow-spot"></div>
|
||||||
@ -731,7 +731,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="about" class="about-section white-section">
|
<section id="about" class="about-section">
|
||||||
<div class="purple-glow-spots">
|
<div class="purple-glow-spots">
|
||||||
<div class="glow-spot"></div>
|
<div class="glow-spot"></div>
|
||||||
<div class="glow-spot"></div>
|
<div class="glow-spot"></div>
|
||||||
@ -777,7 +777,7 @@
|
|||||||
<div class="background-grid"></div>
|
<div class="background-grid"></div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="success" class="success-section white-section">
|
<section id="success" class="success-section">
|
||||||
<div class="purple-glow-spots">
|
<div class="purple-glow-spots">
|
||||||
<div class="glow-spot"></div>
|
<div class="glow-spot"></div>
|
||||||
<div class="glow-spot"></div>
|
<div class="glow-spot"></div>
|
||||||
|
@ -1281,9 +1281,9 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
|
|
||||||
// ===== PURPLE GLOW SPOTS ANIMATION =====
|
// ===== PURPLE GLOW SPOTS ANIMATION =====
|
||||||
function initPurpleGlowSpots() {
|
function initPurpleGlowSpots() {
|
||||||
const whiteSections = document.querySelectorAll('.white-section');
|
const sectionsWithSpots = document.querySelectorAll('.stats-section, .methodology-section, .success-section, .about-section');
|
||||||
|
|
||||||
whiteSections.forEach(section => {
|
sectionsWithSpots.forEach(section => {
|
||||||
// Create additional random spots
|
// Create additional random spots
|
||||||
for (let i = 0; i < 3; i++) {
|
for (let i = 0; i < 3; i++) {
|
||||||
const spot = document.createElement('div');
|
const spot = document.createElement('div');
|
||||||
@ -1319,9 +1319,9 @@ function initPurpleGlowSpots() {
|
|||||||
const mouseY = e.clientY / window.innerHeight;
|
const mouseY = e.clientY / window.innerHeight;
|
||||||
|
|
||||||
spots.forEach((spot, index) => {
|
spots.forEach((spot, index) => {
|
||||||
const speed = (index + 1) * 0.5;
|
const speed = (index + 1) * 0.3;
|
||||||
const x = (mouseX - 0.5) * speed * 20;
|
const x = (mouseX - 0.5) * speed * 15;
|
||||||
const y = (mouseY - 0.5) * speed * 20;
|
const y = (mouseY - 0.5) * speed * 15;
|
||||||
|
|
||||||
spot.style.transform = `translate(${x}px, ${y}px)`;
|
spot.style.transform = `translate(${x}px, ${y}px)`;
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user