diff --git a/index (5) (2).html b/index (5) (2).html
new file mode 100644
index 00000000..88991d0b
--- /dev/null
+++ b/index (5) (2).html	
@@ -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>
\ No newline at end of file
