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: director's-message.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">Director's Message</h2>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>                    
        </div>

<div class="site-main">

#prospectus-director-msg .container {
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
            z-index: 5;
            position: relative;
        }

/* --- Layout Styling --- */
        #prospectus-director-msg .flex-container {
            display: flex;
            align-items: stretch;
            gap: 0;
            background: var(--white);
            box-shadow: 0 20px 50px rgba(0,0,0,0.1);
            border-radius: 20px;
            overflow: hidden;
        }

/* --- Left Side: Director Image & Identity --- */
        #prospectus-director-msg .sidebar-profile {
            flex: 0.8;
            background: var(--prospectus-navy);
            color: var(--white);
            padding: 60px 40px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }

#prospectus-director-msg .profile-img-wrap {
            position: relative;
            margin-bottom: 30px;
        }

#prospectus-director-msg .profile-img-wrap img {
            width: 220px;
            height: 220px;
            border-radius: 50%;
            border: 6px solid rgba(255,255,255,0.2);
            object-fit: cover;
            background: #fff;
        }

#prospectus-director-msg .profile-img-wrap::after {
            content: '';
            position: absolute;
            top: -10px; left: 50%;
            transform: translateX(-50%);
            width: 240px; height: 240px;
            border: 2px dashed var(--prospectus-blue);
            border-radius: 50%;
        }

#prospectus-director-msg .id-info h4 {
            font-size: 1.5rem;
            margin-bottom: 5px;
            letter-spacing: 1px;
        }

#prospectus-director-msg .id-info span {
            color: var(--prospectus-blue);
            font-weight: 600;
            font-size: 0.9rem;
            text-transform: uppercase;
        }

/* --- Right Side: Message Content --- */
        #prospectus-director-msg .main-message {
            flex: 1.2;
            padding: 60px;
            position: relative;
            background: var(--white);
        }

#prospectus-director-msg .blue-badge {
            background: var(--prospectus-blue);
            color: white;
            padding: 8px 20px;
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 20px;
        }

#prospectus-director-msg h2 {
            font-size: 2.5rem;
            color: var(--prospectus-navy);
            font-weight: 800;
            margin-bottom: 30px;
            line-height: 1.2;
        }

#prospectus-director-msg .message-text {
            color: #555;
            line-height: 1.8;
            font-size: 1.05rem;
            text-align: justify;
        }

#prospectus-director-msg .message-text p {
            margin-bottom: 20px;
        }

#prospectus-director-msg .quote-mark {
            position: absolute;
            top: 40px;
            right: 40px;
            font-size: 4rem;
            color: #eee;
            z-index: 0;
        }

/* Decorative Elements */
        #prospectus-director-msg .accent-line {
            width: 80px;
            height: 5px;
            background: var(--prospectus-blue);
            margin-bottom: 30px;
        }

/* --- Responsive --- */
        @media (max-width: 991px) {
            #prospectus-director-msg .flex-container { flex-direction: column; }
            #prospectus-director-msg .main-message { padding: 40px 30px; }
            #prospectus-director-msg .sidebar-profile { padding: 40px; }
        }
    </style>

<div class="container">
        <div class="flex-container" data-aos="fade-up">
            
            <div class="sidebar-profile">
                <div class="profile-img-wrap">
                    <img src="images/s.jpg" alt="Director TNCM Law">
                </div>
                <div class="id-info">
                    <h4 style="color:white;">Director</h4>
                    <span style="color:white;">The Newton College of Management</span>
                    <div style="margin-top: 20px; font-size: 0.8rem; opacity: 0.7; style="color:white;"">
                        <i class="fas fa-university"></i> Department of Law
                    </div>
                </div>
            </div>

<div class="main-message">
                <i class="fas fa-quote-right quote-mark"></i>
                <div class="blue-badge">Welcome Message</div>
                <h2>Shaping the Future of <span style="color: var(--prospectus-blue);">Legal Professionals</span></h2>
                <div class="accent-line"></div>

<div class="message-text">
                    <p>It gives me immense pleasure to welcome you to <strong>The Newton College of Management – Department of Law</strong>, a place where knowledge meets values and education shapes the future.</p>
                    
                    <p>In today’s dynamic world, legal education is not just about learning rules, but about understanding <strong>justice, ethics, and responsibility</strong> towards society. Our goal is to nurture students into confident and socially responsible legal experts.</p>
                    
                    <p>We focus on creating an environment that encourages discipline and excellence. I invite you to be a part of our institution and take the first step towards a promising and successful career in law.</p>
                </div>

<div style="margin-top: 40px;">
                    <p style="font-weight: 700; color: var(--prospectus-navy); margin: 0;">Best Wishes,</p>
                    <p style="color: var(--prospectus-blue); font-weight: 600; margin: 0;">The Director, S.N Nayak</p>
                </div>
            </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: director's-message.html

Upload File

Create Folder