File Manager

X7ROOT File Manager

Current Path: /home/u126090504/domains/tncm.org.in/public_html/Department-of-Law

home / u126090504 / domains / tncm.org.in / public_html / Department-of-Law /

📁 ..
📄 TNCM-low.zip(36.49 MB)
📄 about-us.html(36.37 KB)
📁 admin
📄 contact-us.html(30.92 KB)
📄 courses.html(33.2 KB)
📁 css
📄 director's-message.html(29.33 KB)
📄 facilities.html(29.41 KB)
📁 fonts
📄 gallery.html(55.17 KB)
📁 images
📄 index.html(52.68 KB)
📁 js
📁 kailashi

Editing: about-us.html

<!DOCTYPE html>
<html lang="en">

<link rel="shortcut icon" href="images/favicon.png" />

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>

<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>

<link rel="stylesheet" type="text/css" href="css/themify-icons.css"/>

<link rel="stylesheet" type="text/css" href="css/flaticon.css"/>

<link rel="stylesheet" type="text/css" href="css/slick.css">

<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

<link rel="stylesheet" type="text/css" href="css/shortcodes.css"/>

<link rel="stylesheet" type="text/css" href="css/main.css"/>

<link rel="stylesheet" type="text/css" href="css/megamenu.css"/>

<link rel="stylesheet" type="text/css" href="css/responsive.css"/>

</head>

<body>

<div class="page">

<header id="masthead" class="header ttm-header-style-02">
                         
            
            
            
<div id="professional-top-bar" style="background: #002b5c; color: #ffffff; font-family: 'Poppins', sans-serif; border-bottom: 2px solid #00aaff;">
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

/* Branding Box (Left) */
        #professional-top-bar .brand-label {
            background: #00aaff;
            color: #fff;
            padding: 10px 25px;
            font-weight: 700;
            font-size: 13px;
            text-transform: uppercase;
            clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
            display: block;
        }

/* Info Section (Right) */
        #professional-top-bar .info-container {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 5px 20px;
        }

#professional-top-bar .info-link {
            color: #ffffff;
            text-decoration: none;
            font-size: 13px;
            display: flex;
            align-items: center;
            transition: 0.3s;
        }

#professional-top-bar .info-link i {
            color: #00aaff;
            margin-right: 8px;
            font-size: 15px;
        }

#professional-top-bar .info-link:hover {
            color: #00aaff;
        }

/* MOBILE FIX: Force Address to Show */
        @media (max-width: 991px) {
            #professional-top-bar .top-container {
                flex-direction: column;
                text-align: center;
            }
            #professional-top-bar .brand-label {
                width: 100%;
                clip-path: none;
                padding: 8px;
            }
            #professional-top-bar .info-container {
                flex-direction: column; /* Mobile par stack karega */
                gap: 5px;
                padding: 10px;
                width: 100%;
            }
            #professional-top-bar .info-link {
                font-size: 12px;
                width: 100%;
                justify-content: center;
            }
            /* Explicitly ensuring address is visible */
            #professional-top-bar .mobile-address {
                display: flex !important;
            }
        }

@media (max-width: 480px) {
            #professional-top-bar .info-link span {
                display: none; /* Mobile par sirf icon aur main text rakhega */
            }
        }
    </style>

<div class="top-container">
        <div class="brand-label">
            Department of Law | The Newton College of Management
        </div>

<a href="mailto:thenewtoncollegeofmanagement@gmail.com" class="info-link">
                <i class="fa fa-envelope"></i> thenewtoncollegeofmanagement@gmail.com
            </a>

<a href="google.com/maps?q=21.476955,86.935215&z=17&hl=en" class="info-link mobile-address">
                <i class="fa fa-map-marker"></i> Sunduri, Balasore, Odisha
            </a>

</div>
    </div>
</div>
            
           
            
          <div id="site-header-menu" class="site-header-menu ttm-bgcolor-white">
                <div class="site-header-menu-inner ttm-stickable-header">
                    <div class="container">
                        <div class="row">
                            <div class="col">
                                
                                <div class="site-navigation d-flex flex-row">
                                    
                                    <div class="site-branding mr-auto">
                                        <a class="home-link" href="index.html" title="Kailashi" rel="home">
                                            <img id="logo-img" class="img-center lazyload" src="images/logo.png" alt="logo-img">
                                        </a>
                                    </div>
                                    <div class="btn-show-menu-mobile menubar menubar--squeeze">
                                        <span class="menubar-box">
                                            <span class="menubar-inner"></span>
                                        </span>
                                    </div>
                                    
                                    <nav class="main-menu menu-mobile" id="menu">
                                        <ul class="menu">
                                         
                                         
                                          <li class="mega-menu-item">
                                                <a href="index.html"><i class="fa fa-home" aria-hidden="true" style="color:#020075; font-size:22px;"></i>  HOME </a>
                                                
                                            </li>
                                          
                                            <li class="mega-menu-item">
                                                <a href="#" class="mega-menu-link"><i class="fa fa-book" aria-hidden="true" style="color:#020075; font-size:22px;"></i> ABOUT </a>
                                                <ul class="mega-submenu">
                                                   <li><a href="about-us.html">ABOUT US</a></li>
                                                    <li><a href="director%27s-message.html"> DIRECTOR'S MESSAGE</a></li>
                                                     
                                                </ul>
                                            </li>
                                           
                                            
                                       <li class="mega-menu-item">
                                                <a href="courses.html"><i class="fa fa-graduation-cap" aria-hidden="true" style="color:#020075; font-size:22px;"></i> COURSES </a>
                                               
                                            </li>
                                            
                                            
                                         
                                          
                                             <li class="mega-menu-item">
                                                <a href="facilities.html"><i class="fa fa-pie-chart" aria-hidden="true" style="color:#020075; font-size:22px;"></i> FACILITIES </a>
                                                
                                            </li>
                                            
                                       
                                            
                                             <li class="mega-menu-item">
                                                <a href="gallery.html"><i class="fa fa-file-image-o" aria-hidden="true" style="color:#020075; font-size:22px;"></i> GALLERY </a>
                                                
                                            </li>
                                            
                                            <li class="mega-menu-item">
                                                <a href="contact-us.html"><i class="fa fa-volume-control-phone" aria-hidden="true" style="color:#020075; font-size:22px;"></i> CONTACT </a>
                                                
                                            </li>
                                            
                                            
                                            
                                         
                                           
                                        </ul>
                                    </nav>
                                  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>    
       </header>        
        
        
        <div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-textcolor-white">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">About Us</h2>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>                    
        </div>

<div class="site-main">

#tncm-about-us-premium .container {
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
            position: relative;
            z-index: 2;
        }

/* --- Global Styling --- */
        #tncm-about-us-premium h1, #tncm-about-us-premium h2, #tncm-about-us-premium h3 {
            color: var(--navy-blue);
            font-weight: 800;
        }

#tncm-about-us-premium p {
            font-size: 1.05rem;
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }

/* --- Section 1: Main About --- */
        #tncm-about-us-premium .about-header {
            text-align: center;
            margin-bottom: 80px;
        }

#tncm-about-us-premium .about-header h1 {
            font-size: 3.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
            display: inline-block;
            position: relative;
        }

#tncm-about-us-premium .about-header h1::after {
            content: '';
            width: 80px;
            height: 5px;
            background: var(--sky-blue);
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 10px;
        }

#tncm-about-us-premium .about-main-row {
            display: flex;
            align-items: center;
            gap: 50px;
            margin-bottom: 100px;
        }

#tncm-about-us-premium .col-text { flex: 1; }
        #tncm-about-us-premium .col-image {
            flex: 0.9;
            position: relative;
        }

/* Floating Image Decoration */
        #tncm-about-us-premium .image-wrapper img {
            width: 100%;
            border-radius: 30px;
            box-shadow: 20px 20px 60px rgba(0, 74, 153, 0.15);
            animation: floatAni 5s ease-in-out infinite;
        }

@keyframes floatAni {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

#tncm-about-us-premium .experience-badge {
            position: absolute;
            bottom: -30px;
            left: -30px;
            background: var(--navy-blue);
            color: white;
            padding: 20px 35px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 10px 10px 30px rgba(0,0,0,0.1);
        }

#tncm-about-us-premium .experience-badge span:first-child {
            font-size: 2.5rem;
            font-weight: 800;
            display: block;
        }

#tncm-about-us-premium .experience-badge span:last-child {
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

/* --- Section 2: Vision & Mission (Glassmorphism) --- */
        #tncm-about-us-premium .vm-container {
            background: var(--navy-blue);
            padding: 80px 40px;
            border-radius: 40px;
            margin-bottom: 100px;
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
            position: relative;
            overflow: hidden;
        }

#tncm-about-us-premium .vm-container::before {
            content: '';
            position: absolute;
            width: 400px; height: 400px;
            background: rgba(0, 170, 255, 0.1);
            border-radius: 50%;
            top: -200px; right: -200px;
        }

#tncm-about-us-premium .vm-box {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 40px;
            border-radius: 25px;
            flex: 1;
            min-width: 300px;
            transition: 0.3s ease-out;
        }

#tncm-about-us-premium .vm-box:hover {
            transform: translateY(-10px);
            border-color: rgba(255,255,255,0.3);
            background: rgba(255, 255, 255, 0.08);
        }

#tncm-about-us-premium .vm-box h2 {
            color: var(--white);
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }

#tncm-about-us-premium .vm-box h2 i {
            color: var(--sky-blue);
            font-size: 1.8rem;
            margin-right: 15px;
        }

#tncm-about-us-premium .vm-box ul {
            list-style: none;
            padding: 0;
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.0rem;
            line-height: 1.8;
        }

#tncm-about-us-premium .vm-box ul li {
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }

#tncm-about-us-premium .vm-box ul li i {
            color: var(--sky-blue);
            margin-right: 12px;
            font-size: 1.1rem;
        }

/* --- Section 3: Core Values (3D Tiles) --- */
        #tncm-about-us-premium .values-header {
            text-align: center;
            margin-bottom: 60px;
        }

#tncm-about-us-premium .values-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 25px;
        }

#tncm-about-us-premium .value-card {
            background: var(--white);
            padding: 30px 25px;
            border-radius: 20px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(0,74,153,0.05);
            text-align: center;
            transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            perspective: 1000px;
        }

#tncm-about-us-premium .value-card:hover {
            transform: scale(1.05) rotateY(10deg);
            border-color: var(--sky-blue);
            box-shadow: 0 20px 40px rgba(0, 74, 153, 0.12);
        }

/* Pulse Animation on Icon */
        #tncm-about-us-premium .icon-pulse {
            width: 70px;
            height: 70px;
            background: #eef6ff;
            color: var(--navy-blue);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin: auto auto 20px;
            transition: 0.3s;
        }

#tncm-about-us-premium .value-card:hover .icon-pulse {
            background: var(--navy-blue);
            color: var(--white);
            animation: pulse-blue 1.5s infinite;
        }

@keyframes pulse-blue {
            0% { box-shadow: 0 0 0 0 rgba(0, 74, 153, 0.4); }
            70% { box-shadow: 0 0 0 15px rgba(0, 74, 153, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 74, 153, 0); }
        }

#tncm-about-us-premium .value-card h3 {
            font-size: 1.3rem;
            margin-bottom: 10px;
        }

#tncm-about-us-premium .value-card p {
            font-size: 0.9rem;
            color: #666;
            margin: 0;
            text-align: center;
        }

/* Floating Background Light */
        .bg-glow {
            position: absolute;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(0,170,255,0.08) 0%, transparent 70%);
            border-radius: 50%;
            z-index: 1;
            filter: blur(50px);
            animation: moveGlow 15s infinite alternate;
        }

@keyframes moveGlow {
            0% { transform: translate(-10%, -10%); }
            100% { transform: translate(100%, 50%); }
        }

/* --- Responsive Optimization --- */
        @media (max-width: 991px) {
            #tncm-about-us-premium .about-header h1 { font-size: 2.8rem; }
            #tncm-about-us-premium .about-main-row { flex-direction: column-reverse; text-align: center; }
            #tncm-about-us-premium .experience-badge { left: 0; bottom: -20px; }
            #tncm-about-us-premium .vm-container { padding: 50px 20px; }
        }

@media (max-width: 500px) {
            #tncm-about-us-premium .about-header h1 { font-size: 2.2rem; }
            #tncm-about-us-premium p { font-size: 0.95rem; }
        }
    </style>

<div class="container">
        
        <div class="about-header" data-aos="fade-down">
            <h1>📖 About Us</h1>
         
        </div>

<div class="about-main-row">
            <div class="col-text" data-aos="fade-right" data-aos-delay="200">
                <p>Newton College of Management - Department of Law, Balasore delivers high-quality legal education blending academic excellence with practical experience. <br/>We are affiliated with <strong>M.S. Law University, Cuttack</strong> and recognized by the <strong>Government of Odisha</strong>, establishing ourselves as a premier destination for aspiring legal minds in Balasore. We foster responsible individuals grounded in ethics and social responsibility, training them in our moot courts, seminars, and real-world legal training.<br/> Nurture your critical thinking and advocacy skills to face the evolving professional challenges and build a strong foundation for your success in judiciary, corporate law, litigation, and public service.</p>
            </div>
            <div class="col-image" data-aos="fade-left" data-aos-delay="400">
                <div class="image-wrapper">
                    <img src="images/ad.jpg" alt="Newton College of Management - Law Department" /> </div>
                <div class="experience-badge">
                    <span>TRUSTED</span>
                    <span>Legal institution</span>
                </div>
            </div>
        </div>

<div class="vm-container" data-aos="zoom-in" data-aos-duration="1000">
            <div class="vm-box" data-aos="fade-right" data-aos-delay="200">
                <h2><i class="🎯 Target"></i> Our Vision</h2>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Develop skilled and ethical legal professionals</li>
                    <li><i class="fas fa-check-circle"></i> Promote justice, equality, and social responsibility</li>
                    <li><i class="fas fa-check-circle"></i> Create future leaders in the field of law</li>
                    <li><i class="fas fa-check-circle"></i> Contribute to society through legal awareness</li>
                </ul>
            </div>
            <div class="vm-box" data-aos="fade-left" data-aos-delay="400">
                <h2><i class="🚀 Rocket"></i> Our Mission</h2>
                <ul>
                    <li><i class="fas fa-arrow-right"></i> Quality legal education with practical exposure</li>
                    <li><i class="fas fa-arrow-right"></i> Strengthen advocacy, research, and analysis</li>
                    <li><i class="fas fa-arrow-right"></i> Encourage critical thinking and integrity</li>
                    <li><i class="fas fa-arrow-right"></i> Prepare for judiciary, corporate, and legal careers</li>
                    <li><i class="fas fa-arrow-right"></i> Foster a culture of ethics and excellence</li>
                </ul>
            </div>
        </div>

<div class="values-header" data-aos="fade-up">
            <h2>💎 Core Values</h2>
           
        </div>

<div class="values-grid">
            <div class="value-card" data-aos="zoom-in-up" data-aos-delay="100">
                <div class="icon-pulse"><i class="fas fa-balance-scale"></i></div>
                <h3>Integrity</h3>
                <p>Strong moral principles, honesty, and transparency.</p>
            </div>
            <div class="value-card" data-aos="zoom-in-up" data-aos-delay="200">
                <div class="icon-pulse"><i class="fas fa-award"></i></div>
                <h3>Excellence</h3>
                <p>Highest standards in teaching, learning, and student development.</p>
            </div>
            <div class="value-card" data-aos="zoom-in-up" data-aos-delay="300">
                <div class="icon-pulse"><i class="fas fa-handshake"></i></div>
                <h3>Responsibility</h3>
                <p>Upholding justice with accountability to society.</p>
            </div>
            <div class="value-card" data-aos="zoom-in-up" data-aos-delay="400">
                <div class="icon-pulse"><i class="fas fa-lightbulb"></i></div>
                <h3>Innovation</h3>
                <p>Analytical thinking to tackle real-world legal challenges.</p>
            </div>
            <div class="value-card" data-aos="zoom-in-up" data-aos-delay="500">
                <div class="icon-pulse"><i class="fas fa-globe"></i></div>
                <h3>Commitment</h3>
                <p>Professionals who contribute to equality and justice.</p>
            </div>
        </div>

</div>

</div>

#custom-footer h3 {
            color: #00aaff;
            font-size: 1.4rem;
            margin-bottom: 25px;
            position: relative;
            font-weight: 600;
        }

#custom-footer h3::after {
            content: '';
            width: 40px;
            height: 3px;
            background: #ffffff;
            position: absolute;
            bottom: -8px;
            left: 0;
            border-radius: 10px;
        }

#custom-footer p, #custom-footer li {
            font-size: 0.95rem;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 15px;
        }

#custom-footer ul {
            list-style: none;
            padding: 0;
        }

#custom-footer .quick-links li a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: 0.3s;
            display: flex;
            align-items: center;
        }

#custom-footer .quick-links li a i {
            font-size: 0.7rem;
            margin-right: 10px;
            color: #00aaff;
        }

#custom-footer .quick-links li a:hover {
            color: #00aaff;
            padding-left: 10px;
        }

/* Contact Box Styling */
        #custom-footer .contact-info-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
            transition: 0.3s;
        }

#custom-footer .contact-icon {
            width: 40px;
            height: 40px;
            background: rgba(0, 170, 255, 0.1);
            border: 1px solid rgba(0, 170, 255, 0.3);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: #00aaff;
            transition: 0.4s;
        }

#custom-footer .contact-info-item:hover .contact-icon {
            background: #00aaff;
            color: #fff;
            transform: translateY(-5px) rotate(360deg);
            box-shadow: 0 5px 15px rgba(0, 170, 255, 0.4);
        }

#custom-footer .contact-text a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            display: block;
        }

/* Bottom Copyright Area */
        #custom-footer .footer-bottom {
            margin-top: 50px;
            padding-top: 25px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.6);
        }

#custom-footer .social-icons {
            margin-bottom: 15px;
        }

#custom-footer .social-icons a {
            color: #fff;
            margin: 0 10px;
            font-size: 1.2rem;
            transition: 0.3s;
        }

#custom-footer .social-icons a:hover {
            color: #00aaff;
            transform: scale(1.2);
        }

/* Small Map Decoration */
        .footer-logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 15px;
            display: block;
        }

</style>

<div class="container">
        <div data-aos="fade-up">
            <span class="footer-logo">NEWTON COLLEGE</span>
            <p style="text-align:justify;">The Newton College of Management – Department of Law is a premier institution dedicated to shaping the next generation of legal professionals through quality education, ethical values, and practical exposure.
</p>
            <div class="social-icons">
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-linkedin"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
            </div>
        </div>

<div data-aos="fade-up" data-aos-delay="100">
            <h3>Quick Links</h3>
            <ul class="quick-links">
                <li><a href="#"><i class="fas fa-chevron-right"></i> Home</a></li>
                <li><a href="#"><i class="fas fa-chevron-right"></i> LL.B Program</a></li>
                <li><a href="#"><i class="fas fa-chevron-right"></i> B.A. LL.B (Hons.)</a></li>
                <li><a href="#"><i class="fas fa-chevron-right"></i> Why Choose Us</a></li>
                <li><a href="#"><i class="fas fa-chevron-right"></i> Admission Policy</a></li>
            </ul>
        </div>

<div data-aos="fade-up" data-aos-delay="200">
            <h3>Contact Us</h3>
            
            <div class="contact-info-item">
                <div class="contact-icon"><i class="fas fa-map-marker-alt"></i></div>
                <div class="contact-text">
                    <strong>Address:</strong><br>
                    Sunduri, Balasore, Odisha - 756002
                </div>
            </div>

<div class="contact-info-item">
                <div class="contact-icon"><i class="fas fa-phone-alt"></i></div>
                <div class="contact-text">
                    <strong>Phone:</strong>
                    <a href="tel:9777979444">97779 79444</a>
                    <a href="tel:9777187744">97771 87744</a>
                </div>
            </div>

<div class="contact-info-item">
                <div class="contact-icon"><i class="fas fa-envelope"></i></div>
                <div class="contact-text">
                    <strong>Email:</strong>
                    <a href="mailto:thenewtoncollegeofmanagement@gmail.com">thenewtoncollege...</a>
                </div>
            </div>
        </div>

<div data-aos="fade-up" data-aos-delay="300">
            <h3>Official Website</h3>
            <p>Stay updated with our latest news and announcements.</p>
            <a href="https://www.tncm.org.in" target="_blank" style="display: inline-block; background: #00aaff; color: #fff; padding: 10px 25px; border-radius: 8px; text-decoration: none; font-weight: 600; box-shadow: 0 4px 10px rgba(0, 170, 255, 0.3);">
                <i class="fas fa-globe"></i> www.tncm.org.in
            </a>
        </div>
    </div>

<div class="footer-bottom">
        <p>&copy; 2026 The Newton College of Management - Department of Law. All Rights Reserved.</p>
        <p style="font-size: 0.7rem; opacity: 0.5; font-size:18px;">Designed by <a href="https://eduwebsoft.co.in/" style="color:white;">ESS</a></p>
    </div>

<a href="tel:919777187744" class="premium-btn call-premium">
        <span class="icon">📞</span>
        <span class="label">Call Now</span>
    </a>

<a href="https://wa.me/+919777979444" target="_blank" class="premium-btn whatsapp-premium">
        <span class="icon">💬</span>
        <span class="label">WhatsApp</span>
    </a>

</div>

/* Base Button */
.premium-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 22px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Call Style */
.call-premium {
    background: linear-gradient(135deg, #0b2c6a, #1547b0);
}

/* WhatsApp Style */
.whatsapp-premium {
    background: linear-gradient(135deg, #25D366, #1ebe5d);
}

/* Icon */
.premium-btn .icon {
    font-size: 20px;
    animation: pulse 1.8s infinite;
}

/* Glow Effect */
.premium-btn::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    background: rgba(255,255,255,0.2);
    top: -110%;
    left: -110%;
    transform: rotate(45deg);
    transition: 0.6s;
}

.premium-btn:hover::before {
    top: 100%;
    left: 100%;
}

/* Hover Effect */
.premium-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.3);
}

/* Pulse Animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* Mobile Responsive */
@media(max-width:768px){
    .premium-btn {
        padding: 14px;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        justify-content: center;
    }
    .premium-btn .label {
        display: none;
    }
}
</style>

<a id="totop" href="#top">
            <i class="fa fa-angle-up"></i>
        </a>

</div>

</body>

</html>

X7ROOT File Manager

Editing: about-us.html

Upload File

Create Folder