Skip to content

sreevaari #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
sreevaarienterprisessales-cell wants to merge 1 commit into from
Closed

sreevaari #63

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
360 changes: 360 additions & 0 deletions index (5) (2).html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,360 @@
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 class="title">Hello World! </h1>
<p id="currentTime"></p>
<script src="script.js"></script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sreevaeri Enterprises – Premium Lubricants</title>

<style>

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* ROOT COLORS */
:root {
--primary: #e63946;
--dark: #0a0a0a;
--light: #f5f5f5;
--card: #151515;
}

/* GLOBAL */
* {
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Poppins", sans-serif;
}

body {
background: var(--dark);
color: white;
overflow-x: hidden;
}

/* HEADER */
header {
width:100%;
padding:20px 7%;
position:fixed;
top:0;
left:0;
display:flex;
justify-content:space-between;
align-items:center;
z-index:100;
background:rgba(0,0,0,0.70);
backdrop-filter:blur(10px);
}

header h1 {
color: var(--primary);
font-size:26px;
font-weight:700;
}

nav a {
margin-left:20px;
color:#ccc;
text-decoration:none;
font-size:16px;
transition:.3s;
}

nav a:hover {
color: var(--primary);
}

/* HERO */
.hero {
height:100vh;
background:url('https://uploads.onecompiler.io/4464gxv3x/4464gukyt/1561339.jpg') center/cover no-repeat;
display:flex;
align-items:center;
padding-left:7%;
position:relative;
}

.hero::after {
content:"";
position:absolute;
top:0; left:0;
width:100%; height:100%;
background:rgba(0,0,0,0.75);
}

.hero-content {
position:relative;
max-width:600px;
animation:fadeIn 1.5s ease;
}

@keyframes fadeIn {
from {opacity:0; transform:translateY(20px);}
to {opacity:1; transform:translateY(0);}
}

.hero h2 {
font-size:52px;
line-height:1.2;
font-weight:700;
}

.hero p {
margin:20px 0;
font-size:18px;
color:#f1f1f1;
}

.btn {
background: var(--primary);
padding:12px 30px;
color:white;
text-decoration:none;
border-radius:6px;
font-weight:600;
display:inline-block;
transition:.3s;
}

.btn:hover {
background:#c72333;
transform:scale(1.05);
}

/* SECTION TITLE */
.section-title {
text-align:center;
font-size:38px;
margin:70px 0 25px;
color: var(--primary);
font-weight:700;
}

/* BRANDS */
.brands {
padding:0 7% 60px;
display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
gap:25px;
}

.brand-card {
background:var(--card);
padding:25px;
border-radius:8px;
border:1px solid #222;
transition:.4s;
/* Ensure the card itself is styled when linked */
text-decoration:none;
color:white;
display:block; /* important for the whole card to be clickable */
}

.brand-card:hover {
transform:translateY(-8px);
border-color:var(--primary);
}

.brand-card h3 {
color: var(--primary);
margin-bottom:10px;
}

/* PRODUCTS */
.products {
padding:0 7% 60px;
}

.products h3 {
color: var(--primary);
margin-top:35px;
}

.products ul {
margin-top:10px;
list-style:none;
}

.products li {
padding:8px 0;
border-bottom:1px solid #222;
color:#ddd;
}

/* ABOUT */
.about {
padding:60px 7%;
background:#111;
line-height:1.8;
}

.about-text {
font-size:18px;
margin-top:10px;
color:#dcdcdc;
}
/* VISION/MISSION titles */
.about h3 {
color: var(--primary);
margin-top:20px;
font-weight:600;
}

/* CONTACT */
.contact {
padding:60px 7%;
background:#161616;
}

.contact p {
font-size:20px;
margin:10px 0;
}

/* FOOTER */
footer {
text-align:center;
padding:20px;
background:#080808;
border-top:1px solid #333;
font-size:14px;
}
</style>

</head>
<body>

<header>

<h1> SREEVAARI
ENTERPRISES</h1>
<nav>
<a href="#home">Home</a>
<a href="#brands">Brands</a>
<a href="#products">Products</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
</header>

<section class="hero" id="home">
<div class="hero-content">
<h2>Premium Lubricants for<br>Automotive & Industrial Needs</h2>
<p>Your Trusted Authorised Distributor Across Hyderabad & Telangana</p>
<a href="#contact" class="btn">Contact Now</a>
</div>
</section>

<h2 class="section-title" id="brands">Our Brands</h2>
<section class="brands">

<a href="#products" class="brand-card">
<h3>Veedol (Authorised Distributor)</h3>
<p>Automotive & Industrial Lubricants</p>
</a>

<div class="brand-card">
<h3>IPOL</h3>
<p>Engine Oils, Gear Oils, ATF</p>
</div>

<div class="brand-card">
<h3>Feoil</h3>
<p>Hydraulic, Turbine, Compressor Oils</p>
</div>

<div class="brand-card">
<h3>Velvex</h3>
<p>Industrial Greases & Specialty Oils</p>
</div>

</section>

<h2 class="section-title" id="products">Products</h2>
<section class="products">

<h3>A. Veedol Lubricants</h3>
<ul>
<li>Cutting & Machining Oils</li>
<li>Engine Oils (Diesel / Petrol / Synthetic)</li>
<li>Hydraulic Oils</li>
<li>Gear & Transmission Oils</li>
<li>Greases</li>
<li>Coolants & Brake Fluids</li>
</ul>

<h3>B. IPOL Automotive Products</h3>
<ul>
<li>Petrol & Diesel Engine Oils</li>
<li>Gear Oils</li>
<li>ATF / Transmission Oils</li>
<li>Pump Set Oil</li>
<li>Automotive Greases</li>
</ul>

<h3>C. Feoil Industrial Lubricants</h3>
<ul>
<li>HLP / HVLP Hydraulic Oils</li>
<li>Cutting & Machining Oils</li>
<li>Turbine Oils</li>
<li>Compressor Oils</li>
<li>Heat Transfer Oils</li>
</ul>

<h3>D. Velvex Industrial Oils & Greases</h3>
<ul>
<li>EP Greases</li>
<li>Industrial Gear Oils</li>
<li>Machine Oils</li>
<li>Specialty Lubricants</li>
</ul>

</section>

<h2 class="section-title" id="about">About Us</h2>
<section class="about">
<p class="about-text">
Sreevaeri Enterprises is a multi-brand authorised distributor based in
Balanagar, Kukatpally, Hyderabad. We supply premium automotive and industrial lubricants
such as Veedol, IPOL, Feoil, and Velvex to industries, workshops, and fleets.
</p>

<h3>Vision</h3>
<p class="about-text">
To be the leading and most trusted distributor of high-performance lubricants in Telangana, recognized for exceptional service and product reliability.
</p>

<h3>Mission</h3>
<p class="about-text">
To deliver high-performance lubricants that increase machine life,
reduce wear, and improve efficiency. We offer bulk supply, genuine products, and fast delivery.
</p>

</section>

<h2 class="section-title" id="contact">Contact Us</h2>
<section class="contact">
<p>📍 Balanagar, Kukatpally, Hyderabad</p>
<p>📞 Phone: <strong>6300198371</strong></p>
<p>📱 WhatsApp Enquiry <strong>9912304423</strong> </p>
<p>🕒 Mon–Sat | 9 AM – 7 PM</p>
</section>

<footer>
© 2025 Sreevaeri Enterprises – All Rights Reserved
</footer>

</body>
</html>