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: index.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="banner-slide">
                <img class="img-fluid" src="images/slider/1.png" alt="Department of Law"/>
                
            </div>

<div class="banner-slide">
                <img class="img-fluid" src="images/slider/2.png" alt="Department of Law"/>
                
            </div>

<div class="banner-slide">
                <img class="img-fluid" src="images/slider/3.png" alt="Department of Law"/>
                
            </div>            
            
            
              
       
           
            
            
        </div>

<div class="site-main">
              
              
             
     <section id="tncm-pro-intro" style="background: #ffffff; padding: 60px 0; font-family: 'Poppins', sans-serif; overflow: hidden;">
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

#tncm-pro-intro .row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }

#tncm-pro-intro .col-text { flex: 1; min-width: 320px; }
        #tncm-pro-intro .col-image { flex: 0.8; min-width: 320px; position: relative; }

/* Mobile Optimization */
        @media (max-width: 768px) {
            #tncm-pro-intro .row { flex-direction: column-reverse; text-align: center; }
            #tncm-pro-intro .title-header h2 { font-size: 1.8rem !important; }
            #tncm-pro-intro .heading-line { margin: 15px auto !important; }
            #tncm-pro-intro .mission-vision-box { justify-content: center; }
        }

/* Styling */
        #tncm-pro-intro .title-header h2 {
            color: #004a99;
            font-size: 2.5rem;
            font-weight: 800;
            line-height: 1.2;
            margin: 0;
        }

#tncm-pro-intro .title-header span { color: #00aaff; }

#tncm-pro-intro .heading-line {
            width: 80px;
            height: 5px;
            background: linear-gradient(90deg, #004a99, #00aaff);
            margin: 20px 0;
            border-radius: 10px;
        }

#tncm-pro-intro .main-description {
            font-size: 1.05rem;
            color: #444;
            line-height: 1.8;
            text-align: justify;
        }

/* Vision & Mission Cards */
        #tncm-pro-intro .mission-vision-container {
            display: flex;
            gap: 20px;
            margin-top: 30px;
            flex-wrap: wrap;
        }

#tncm-pro-intro .mv-card {
            background: #f4f8fb;
            padding: 20px;
            border-radius: 15px;
            flex: 1;
            min-width: 200px;
            border-bottom: 4px solid #004a99;
            transition: 0.3s;
        }

#tncm-pro-intro .mv-card:hover {
            background: #004a99;
            color: #fff;
            transform: translateY(-5px);
        }

#tncm-pro-intro .mv-card i {
            font-size: 2rem;
            color: #00aaff;
            margin-bottom: 10px;
        }

#tncm-pro-intro .mv-card:hover i { color: #fff; }

#tncm-pro-intro .mv-card h4 { margin: 10px 0; font-weight: 700; }
        #tncm-pro-intro .mv-card p { font-size: 0.85rem; line-height: 1.5; margin: 0; }

/* Featured Image with Floating Effect */
        #tncm-pro-intro .img-wrapper img {
            width: 100%;
            border-radius: 50px 5px 50px 5px;
            box-shadow: 25px 25px 0px rgba(0, 170, 255, 0.1);
            animation: floatAni 4s ease-in-out infinite;
        }

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

</style>

<div class="container">
        <div class="row">
            
            <div class="col-text" data-aos="fade-right">
                <div class="title-header">
                    <h2>Welcome to <span>Department of Law</span></h2>
                    <p style="color: #666; font-weight: 600; margin-top: 5px;">The Newton College of Management, Balasore</p>
                </div>
                
                <div class="heading-line"></div>

<p class="main-description">
                    Affiliated with <b>M.S. Law University, Cuttack</b> and recognized by the <b>Govt. of Odisha</b>, we are dedicated to shaping the next generation of legal professionals. Our focus is on academic excellence, ethical values, and practical courtroom exposure through moot courts and workshops.
                </p>

<div class="mission-vision-container">
                    <div class="mv-card">
                        <i class="fas fa-eye"></i>
                        <h4>OUR VISION</h4>
                        <p>Develop skilled legal professionals with strong ethics and social responsibility.</p>
                    </div>
                    <div class="mv-card">
                        <i class="fas fa-rocket"></i>
                        <h4>OUR MISSION</h4>
                        <p>Deliver quality legal education with practical exposure and judiciary focus.</p>
                    </div>
                </div>

<div style="margin-top: 40px;">
                    <a href="about-us.html" style="background: #004a99; color: white; padding: 15px 30px; text-decoration: none; border-radius: 8px; font-weight: 600; box-shadow: 0 10px 20px rgba(0,74,153,0.2);">
                        EXPLORE MORE <i class="fas fa-arrow-right" style="margin-left: 10px;"></i>
                    </a>
                </div>
            </div>

<div class="col-image" data-aos="fade-left">
                <div class="img-wrapper">
                    <img src="images/ad.jpg" alt="Law Dept Balasore">
                </div>
                
                <div style="position: absolute; top: 20px; right: 0; background: #00aaff; color: white; padding: 15px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);">
                    <span style="display: block; font-size: 1.5rem; font-weight: 800;">#1</span>
                    <span style="font-size: 0.7rem; text-transform: uppercase;">Law College <br> in Balasore</span>
                </div>
            </div>

</div>
    </div>

#law-department-section .header-v2 {
            text-align: center;
            margin-bottom: 50px;
        }

#law-department-section .header-v2 h2 {
            color: #004a99;
            font-size: 2.8rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

#law-department-section .divider {
            width: 100px;
            height: 5px;
            background: #00aaff;
            margin: auto;
            border-radius: 10px;
        }

/* Course Cards */
        #law-department-section .course-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
        }

#law-department-section .card-pro {
            background: #fff;
            padding: 40px;
            border-radius: 25px;
            box-shadow: 0 15px 35px rgba(0,74,153,0.08);
            border: 1px solid rgba(0,74,153,0.05);
            transition: 0.4s;
            position: relative;
            display: flex;
            flex-direction: column;
        }

#law-department-section .card-pro:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,74,153,0.15);
            border-color: #00aaff;
        }

#law-department-section .icon-circle {
            width: 80px;
            height: 80px;
            background: #004a99;
            color: white;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin-bottom: 25px;
            transition: 0.5s;
        }

#law-department-section .card-pro:hover .icon-circle {
            background: #00aaff;
            transform: rotateY(360deg);
        }

#law-department-section .whatsapp-btn-sm {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #25d366;
            color: white;
            padding: 12px 20px;
            border-radius: 12px;
            font-weight: 600;
            text-decoration: none;
            margin-top: auto;
            transition: 0.3s;
            gap: 10px;
        }

#law-department-section .whatsapp-btn-sm:hover {
            background: #128c7e;
            transform: scale(1.05);
        }

#law-department-section .list-items {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }

#law-department-section .list-items li {
            padding: 8px 0;
            display: flex;
            align-items: center;
            color: #444;
        }

#law-department-section .list-items i {
            color: #00aaff;
            margin-right: 12px;
        }

/* Career Section Blue Box */
        #law-department-section .career-panel {
            background: #004a99;
            color: white;
            border-radius: 25px;
            padding: 40px;
            margin-top: 50px;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            align-items: center;
        }

#law-department-section .career-list span {
            background: rgba(255,255,255,0.15);
            padding: 6px 15px;
            margin: 5px;
            border-radius: 8px;
            display: inline-block;
            font-size: 0.9rem;
            transition: 0.3s;
        }

#law-department-section .career-list span:hover {
            background: #00aaff;
        }

/* Bottom CTA Buttons */
        #law-department-section .cta-group {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-top: 40px;
        }

#law-department-section .cta-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            border-radius: 15px;
            font-weight: 700;
            font-size: 1.1rem;
            text-decoration: none;
            transition: 0.4s;
            text-align: center;
        }

#law-department-section .btn-download {
            background: #00aaff;
            color: white;
            box-shadow: 0 10px 20px rgba(0,170,255,0.3);
        }

#law-department-section .btn-whatsapp {
            background: #25d366;
            color: white;
            box-shadow: 0 10px 20px rgba(37,211,102,0.3);
        }

#law-department-section .cta-btn:hover {
            transform: scale(1.02);
            filter: brightness(0.9);
        }

@media (max-width: 768px) {
            #law-department-section .header-v2 h2 { font-size: 2rem; }
            #law-department-section .cta-group { grid-template-columns: 1fr; }
        }
    </style>

<div class="container">
        <div class="header-v2" data-aos="fade-up">
            <h2>🎓 Law Department</h2>
            <p>Newton College of Management - Building Legal Excellence</p>
            <div class="divider"></div>
        </div>

<div class="course-wrapper">
            <div class="card-pro" data-aos="fade-right" data-aos-delay="100">
                <div class="icon-circle"><i class="fas fa-balance-scale"></i></div>
                <h3 style="color: #004a99; margin-bottom: 10px;">3 Years LL.B Program</h3>
                <p>Perfect for graduates aiming for professional courtroom expertise.</p>
                <ul class="list-items">
                    <li><i class="fas fa-calendar-alt"></i> Duration: 3 Years</li>
                    <li><i class="fas fa-chair"></i> Seats: 120 Available</li>
                    <li><i class="fas fa-graduation-cap"></i> Eligibility: Graduation</li>
                </ul>
                <a href="https://wa.me/919777979444?text=I%20am%20interested%20in%203%20Years%20LL.B%20Program" target="_blank" class="whatsapp-btn-sm">
                    <i class="fab fa-whatsapp"></i> Apply Now
                </a>
            </div>

<div class="card-pro" data-aos="fade-left" data-aos-delay="200">
                <div class="icon-circle"><i class="fas fa-gavel"></i></div>
                <h3 style="color: #004a99; margin-bottom: 10px;">5 Years B.A. LL.B (Hons.)</h3>
                <p>Integrated legal study path designed specifically for 10+2 students.</p>
                <ul class="list-items">
                    <li><i class="fas fa-calendar-check"></i> Duration: 5 Years</li>
                    <li><i class="fas fa-chair"></i> Seats: 60 Available</li>
                    <li><i class="fas fa-school"></i> Eligibility: 10+2 (All Streams)</li>
                </ul>
                <a href="https://wa.me/919777979444?text=I%20am%20interested%20in%205%20Years%20B.A.%20LL.B%20Program" target="_blank" class="whatsapp-btn-sm">
                    <i class="fab fa-whatsapp"></i> Apply Now
                </a>
            </div>
        </div>

<div class="career-panel" data-aos="zoom-in">
            <div style="flex: 2; min-width: 280px;">
                <h3 style="margin-top: 0; color:white;"><i class="fas fa-briefcase"></i> Career Paths</h3>
                <div class="career-list">
                    <span>Judiciary Services</span> <span>Advocate</span> <span>Legal Advisor</span>
                    <span>Corporate Law</span> <span>Law Firms</span> <span>Govt. Officer</span>
                </div>
            </div>
            <div style="flex: 1; min-width: 250px; border-left: 2px solid rgba(255,255,255,0.2); padding-left: 20px;">
                <h4 style="margin-bottom: 10px; color:white;"><i class="fas fa-file-invoice-dollar"></i> Quick Info</h4>
                <p style="font-size: 0.85rem; margin: 5px 0;">• Application Fee: ₹500</p>
                <p style="font-size: 0.85rem; margin: 5px 0;">• Simple WhatsApp Admission Process</p>
                <p style="font-size: 0.85rem; margin: 5px 0;">• Dedicated Placement Support</p>
            </div>
        </div>

<div class="cta-group" data-aos="fade-up">
            <a href="images/LAW-FORM.pdf" target="_blank" class="cta-btn btn-download">
                DOWNLOAD FORM <i class="fas fa-file-download" style="margin-left: 10px;"></i>
            </a>
            <a href="https://wa.me/919777979444" target="_blank" class="cta-btn btn-whatsapp">
                APPLY VIA WHATSAPP <i class="fab fa-whatsapp" style="margin-left: 10px;"></i>
            </a>
        </div>
    </div>

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

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

#career-3d-section .section-title {
            text-align: center;
            margin-bottom: 70px;
            color: #fff;
        }

#career-3d-section .section-title h2 {
            font-size: 3rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            background: linear-gradient(to right, #fff, #00aaff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

/* 3D Grid Layout */
        #career-3d-section .career-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            perspective: 1000px;
        }

/* 3D Card Design */
        #career-3d-section .career-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            padding: 40px 30px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            transition: all 0.5s ease;
            transform-style: preserve-3d;
            text-align: center;
            cursor: pointer;
        }

#career-3d-section .career-card:hover {
            transform: rotateX(10deg) rotateY(10deg) translateY(-10px);
            border-color: #00aaff;
            background: rgba(0, 170, 255, 0.1);
            box-shadow: 0 20px 40px rgba(0, 170, 255, 0.3);
        }

/* Icon Animation */
        #career-3d-section .icon-box {
            font-size: 3rem;
            color: #00aaff;
            margin-bottom: 20px;
            display: inline-block;
            transition: 0.4s;
            filter: drop-shadow(0 0 10px rgba(0,170,255,0.5));
        }

#career-3d-section .career-card:hover .icon-box {
            transform: translateZ(50px) scale(1.2);
            color: #fff;
            animation: bounceIcon 1s infinite alternate;
        }

@keyframes bounceIcon {
            from { transform: translateZ(50px) translateY(0); }
            to { transform: translateZ(50px) translateY(-10px); }
        }

#career-3d-section h3 {
            font-size: 1.4rem;
            margin-bottom: 15px;
            font-weight: 600;
            transform: translateZ(30px);
        }

#career-3d-section p {
            font-size: 0.9rem;
            opacity: 0.8;
            line-height: 1.6;
            transform: translateZ(20px);
        }

/* CTA Conclusion */
        #career-3d-section .cta-footer {
            margin-top: 80px;
            text-align: center;
            background: linear-gradient(90deg, #004a99, #00aaff);
            padding: 40px;
            border-radius: 30px;
            box-shadow: 0 15px 30px rgba(0,0,0,0.3);
        }

#career-3d-section .cta-footer h4 {
            font-size: 1.8rem;
            color: #fff;
            margin-bottom: 20px;
        }

#career-3d-section .btn-glow {
            display: inline-block;
            padding: 15px 40px;
            background: #fff;
            color: #004a99;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: 0.3s;
            box-shadow: 0 0 20px rgba(255,255,255,0.4);
        }

#career-3d-section .btn-glow:hover {
            transform: scale(1.1);
            background: #00aaff;
            color: #fff;
            box-shadow: 0 0 30px rgba(0,170,255,0.6);
        }

</style>

<div class="container">
        <div class="section-title" data-aos="zoom-in">
            <h2>⚖️ Career Opportunities</h2>
            <p>Your gateway to leadership and respect starts here.</p>
        </div>

<div class="career-grid">
            <div class="career-card" data-aos="fade-up" data-aos-delay="100">
                <div class="icon-box"><i class="fas fa-gavel"></i></div>
                <h3>Judiciary</h3>
                <p>Become a Judge or Magistrate through judicial service exams and serve the justice system.</p>
            </div>

<div class="career-card" data-aos="fade-up" data-aos-delay="200">
                <div class="icon-box"><i class="fas fa-balance-scale"></i></div>
                <h3>Advocacy</h3>
                <p>Practice in District, High, or Supreme Courts after enrolling with the Bar Council.</p>
            </div>

<div class="career-card" data-aos="fade-up" data-aos-delay="300">
                <div class="icon-box"><i class="fas fa-building"></i></div>
                <h3>Corporate Advisor</h3>
                <p>Handle contracts and compliance for top business firms as a specialized legal advisor.</p>
            </div>

<div class="career-card" data-aos="fade-up" data-aos-delay="400">
                <div class="icon-box"><i class="fas fa-briefcase"></i></div>
                <h3>Law Firms</h3>
                <p>Join reputed firms to work on high-profile cases and expert legal drafting.</p>
            </div>

<div class="career-card" data-aos="fade-up" data-aos-delay="500">
                <div class="icon-box"><i class="fas fa-landmark"></i></div>
                <h3>Government Jobs</h3>
                <p>Work in public sector departments and legal advisory roles in govt. services.</p>
            </div>

<div class="career-card" data-aos="fade-up" data-aos-delay="600">
                <div class="icon-box"><i class="fas fa-pen-nib"></i></div>
                <h3>Legal Journalism</h3>
                <p>Excel in legal research and writing for media houses and international publications.</p>
            </div>
        </div>

<div class="cta-footer" data-aos="flip-up">
            <h4>"A law degree is a gateway to limitless growth"</h4>
            <a href="#" class="btn-glow">Start Your Journey Today</a>
        </div>
    </div>

#why-choose-law .section-title {
            text-align: center;
            margin-bottom: 60px;
        }

#why-choose-law .section-title h2 {
            color: #004a99;
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }

#why-choose-law .section-title h2::after {
            content: '';
            width: 50%;
            height: 4px;
            background: #00aaff;
            position: absolute;
            bottom: -10px;
            left: 25%;
            border-radius: 10px;
        }

/* Features Grid */
        #why-choose-law .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }

#why-choose-law .feature-card {
            background: #fff;
            padding: 35px;
            border-radius: 20px;
            border: 1px solid #eef2f6;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            z-index: 1;
            box-shadow: 0 10px 30px rgba(0, 74, 153, 0.05);
        }

#why-choose-law .feature-card:hover {
            transform: scale(1.03);
            border-color: #00aaff;
            box-shadow: 0 20px 40px rgba(0, 74, 153, 0.12);
        }

/* Icon Styling with Pulse Animation */
        #why-choose-law .icon-wrap {
            width: 65px;
            height: 65px;
            background: rgba(0, 170, 255, 0.1);
            color: #004a99;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin-bottom: 20px;
            transition: 0.3s;
        }

#why-choose-law .feature-card:hover .icon-wrap {
            background: #004a99;
            color: #fff;
            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); }
        }

#why-choose-law .feature-card h3 {
            color: #004a99;
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 12px;
        }

#why-choose-law .feature-card p {
            color: #555;
            font-size: 0.95rem;
            line-height: 1.6;
        }

/* Floating Elements Decoration */
        #why-choose-law .bg-circle {
            position: absolute;
            z-index: -1;
            background: linear-gradient(135deg, rgba(0,170,255,0.05) 0%, rgba(0,74,153,0.05) 100%);
            border-radius: 50%;
        }

@media (max-width: 768px) {
            #why-choose-law .section-title h2 { font-size: 2rem; }
        }
    </style>

<div class="section-title" data-aos="fade-down">
            <h2>⭐ Why Choose Us</h2>
            <p style="margin-top: 20px; color: #666; max-width: 700px; margin-left: auto; margin-right: auto;">
                Choosing the right law college is the first step towards a successful career. We provide the perfect blend of academic excellence and practical exposure.
            </p>
        </div>

<div class="features-grid">
            <div class="feature-card" data-aos="zoom-in-up" data-aos-delay="100">
                <div class="icon-wrap"><i class="fas fa-user-tie"></i></div>
                <h3>Expert Faculty</h3>
                <p>Learn from highly qualified professionals who bring real-world legal insights directly into the classroom.</p>
            </div>

<div class="feature-card" data-aos="zoom-in-up" data-aos-delay="200">
                <div class="icon-wrap"><i class="fas fa-balance-scale"></i></div>
                <h3>Practical Training</h3>
                <p>Hands-on learning through Moot Courts, Case Studies, and Legal Workshops to prepare for real courtroom battles.</p>
            </div>

<div class="feature-card" data-aos="zoom-in-up" data-aos-delay="300">
                <div class="icon-wrap"><i class="fas fa-book-reader"></i></div>
                <h3>Career-Oriented</h3>
                <p>Our curriculum is tailored for Judiciary exams, Corporate Law, Litigation, and competitive legal careers.</p>
            </div>

<div class="feature-card" data-aos="zoom-in-up" data-aos-delay="400">
                <div class="icon-wrap"><i class="fas fa-university"></i></div>
                <h3>Strong Academics</h3>
                <p>A disciplined and supportive environment that encourages research, critical thinking, and excellence.</p>
            </div>

<div class="feature-card" data-aos="zoom-in-up" data-aos-delay="500">
                <div class="icon-wrap"><i class="fas fa-gavel"></i></div>
                <h3>Values & Ethics</h3>
                <p>We nurture responsible citizens by emphasizing justice, professional integrity, and social responsibility.</p>
            </div>

<div class="feature-card" data-aos="zoom-in-up" data-aos-delay="600">
                <div class="icon-wrap"><i class="fas fa-briefcase"></i></div>
                <h3>Global Opportunities</h3>
                <p>Prepare for diverse paths including Advocacy, Corporate Legal Advice, Law Firms, and Government Services.</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: index.html

Upload File

Create Folder