epilogue/eplg-cloud
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: epilogue:dev
Branches Tags
epilogue:main
epilogue:dev
..
compare: epilogue:main
Branches Tags
epilogue:dev
epilogue:main

1 commit
dev ... main

Author SHA1 Message Date
obvtiger
d366232f1d revert 05edfaa05e 
revert fix: made main look a bit better
 2025-04-03 17:52:24 +02:00
2 changed files with 23 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

48
index.html
View file

@ -8,33 +8,31 @@
</head> </head>
<body> <body>
<div class="grid-background"></div> <div class="grid-background"></div>
<main> <header>
<header> <div class="container">
<div class="container"> <nav>
<nav> <a href="#" class="logo">eplg<span>.cloud</span></a>
<a href="#" class="logo">eplg<span>.cloud</span></a> <div class="nav-links">
<div class="nav-links"> <a href="#features">Features</a>
<a href="#features">Features</a> <a href="#pricing">Pricing</a>
<a href="#pricing">Pricing</a> <a href="#about">About</a>
<a href="#about">About</a> <a href="mailto:contact@epilogue.team">Contact</a>
<a href="mailto:contact@epilogue.team">Contact</a>
</div>
</nav>
</div>
</header>
<section class="hero">
<div class="container">
<h1>Modern Cloud Hosting for the Future</h1>
<p>Experience lightning-fast performance, unmatched pricing, and a seamless experience. The next generation of cloud hosting is here.</p>
<div class="cta-buttons">
<a href="#pricing" class="button button-primary">Get Started</a>
<a href="#about" class="button button-secondary">Learn More</a>
</div> </div>
</nav>
</div>
</header>
<section class="hero">
<div class="container">
<h1>Modern Cloud Hosting for the Future</h1>
<p>Experience lightning-fast performance, unmatched pricing, and a seamless experience. The next generation of cloud hosting is here.</p>
<div class="cta-buttons">
<a href="#pricing" class="button button-primary">Get Started</a>
<a href="#about" class="button button-secondary">Learn More</a>
</div> </div>
</section> </div>
</main> </section>
<section class="features" id="features"> <section class="features" id="features">
<div class="container"> <div class="container">

36
style.css
View file

@ -440,42 +440,6 @@ footer {
font-size: 0.875rem; font-size: 0.875rem;
} }
/*MiniPandi's Modifications Start*/
main {
min-height: 100vh;
}
main .hero {
min-height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
}
main .hero .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 25px;
}
.features .container .features-grid .feature-card:hover {
transition-duration: 250ms;
transform: scale(1.05);
background-color: var(--dark-accent);
}
.pricing .container .pricing-grid .pricing-card:hover {
transition-duration: 250ms;
transform: scale(1.05);
background-color: var(--dark-accent);
}
.about .container .about-content .about-stats .stat-item:hover {
transition-duration: 250ms;
transform: scale(1.05);
}
/*MiniPandi's Modifications End*/
@media (max-width: 768px) { @media (max-width: 768px) {
.hero h1 { .hero h1 {
font-size: 3rem; font-size: 3rem;