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: facilities.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">Facilities</h2>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>                    
        </div>

<div class="site-main">

#law-minimal-elite .container {
            max-width: 1200px;
            margin: auto;
            padding: 0 25px;
        }

/* --- Sophisticated Header --- */
        #law-minimal-elite .header-wrap {
            text-align: left;
            margin-bottom: 80px;
            border-left: 8px solid var(--b-blue);
            padding-left: 30px;
        }

#law-minimal-elite .header-wrap h1 {
            font-size: 3.5rem;
            font-weight: 800;
            color: var(--b-navy);
            letter-spacing: -2px;
            margin: 0;
        }

#law-minimal-elite .header-wrap p {
            font-size: 1.1rem;
            color: #888;
            margin-top: 10px;
        }

/* --- Modern Grid --- */
        #law-minimal-elite .grid-layout {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 25px;
        }

/* --- The "Elite" Card --- */
        #law-minimal-elite .elite-card {
            background: var(--soft-gray);
            padding: 50px 40px;
            border-radius: 24px;
            transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
            position: relative;
            border: 1px solid transparent;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 320px;
        }

/* Subtle Hover: Card Turns Blue, Text Turns White */
        #law-minimal-elite .elite-card:hover {
            background: var(--b-navy);
            transform: scale(1.02);
            border-color: var(--b-blue);
            box-shadow: 0 30px 60px rgba(0, 43, 92, 0.15);
        }

/* --- Animated Icon Container --- */
        #law-minimal-elite .icon-box {
            width: 65px;
            height: 65px;
            background: #fff;
            color: var(--b-blue);
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin-bottom: 30px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
            transition: 0.5s;
        }

#law-minimal-elite .elite-card:hover .icon-box {
            background: var(--b-blue);
            color: #fff;
            transform: rotateY(180deg);
            box-shadow: 0 0 20px var(--b-blue);
        }

/* --- Text Styling --- */
        #law-minimal-elite h3 {
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--b-navy);
            margin-bottom: 15px;
            transition: 0.3s;
        }

#law-minimal-elite p {
            color: #666;
            line-height: 1.7;
            font-size: 0.95rem;
            transition: 0.3s;
        }

#law-minimal-elite .elite-card:hover h3, 
        #law-minimal-elite .elite-card:hover p {
            color: #fff;
        }

/* --- Light Pulse Effect --- */
        .pulse-dot {
            width: 8px;
            height: 8px;
            background: var(--b-blue);
            border-radius: 50%;
            display: inline-block;
            margin-right: 10px;
            box-shadow: 0 0 0 rgba(0, 86, 179, 0.4);
            animation: pulse 2s infinite;
        }

@keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(0, 86, 179, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(0, 86, 179, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 86, 179, 0); }
        }

/* Responsive */
        @media (max-width: 768px) {
            #law-minimal-elite .header-wrap h1 { font-size: 2.5rem; }
            #law-minimal-elite .grid-layout { grid-template-columns: 1fr; }
        }
    </style>

<div class="container">
        <div class="header-wrap" data-aos="fade-right">
            <h1>Premium <br><span>Campus Facilities</span></h1>
            <p><span class="pulse-dot"></span>World-class infrastructure for future law leaders.</p>
        </div>

<div class="grid-layout">
            
            <div class="elite-card" data-aos="fade-up" data-aos-delay="100">
                <div>
                    <div class="icon-box"><i class="fas fa-university"></i></div>
                    <h3>Moot Court</h3>
                    <p>Experience the heat of real legal battles in our high-tech courtroom simulation hall.</p>
                </div>
            </div>

<div class="elite-card" data-aos="fade-up" data-aos-delay="200">
                <div>
                    <div class="icon-box"><i class="fas fa-book-reader"></i></div>
                    <h3>Digital Library</h3>
                    <p>Access 50,000+ legal volumes and premium online journals like LexisNexis & SCC Online.</p>
                </div>
            </div>

<div class="elite-card" data-aos="fade-up" data-aos-delay="300">
                <div>
                    <div class="icon-box"><i class="fas fa-wifi"></i></div>
                    <h3>Smart Campus</h3>
                    <p>Fully Wi-Fi enabled infrastructure with 5G connectivity for seamless research anywhere.</p>
                </div>
            </div>

<div class="elite-card" data-aos="fade-up" data-aos-delay="400">
                <div>
                    <div class="icon-box"><i class="fas fa-chalkboard-teacher"></i></div>
                    <h3>Hi-Tech Classrooms</h3>
                    <p>Interactive smart boards and ergonomic seating designed for focused academic learning.</p>
                </div>
            </div>

<div class="elite-card" data-aos="fade-up" data-aos-delay="500">
                <div>
                    <div class="icon-box"><i class="fas fa-balance-scale"></i></div>
                    <h3>Legal Aid Clinic</h3>
                    <p>Real-world practical training through our pro-bono legal service cell for the community.</p>
                </div>
            </div>

<div class="elite-card" data-aos="fade-up" data-aos-delay="600">
                <div>
                    <div class="icon-box"><i class="fas fa-user-shield"></i></div>
                    <h3>Career Cell</h3>
                    <p>Specialized placement support and judicial service coaching from industry experts.</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: facilities.html

Upload File

Create Folder