It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://anits.edu.in

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  <!-- meta tags -->
  5.  <meta charset="utf-8">
  6.  <meta name="keywords" content="ANITS, Anil neerukonda institute of technology " />
  7.  <meta name="description" content="Anil neerukonda institute of technology  & sciences (ANITS)" />
  8.  <meta name="author" content="www.cdmedialabs.com" />
  9.  <meta name="viewport" content="width=device-width, initial-scale=1">
  10.  
  11.  <!-- Title -->
  12.  <title>ANITS - Anil Neerukonda Institute Of Technology & Sciences, Visakhapatnam </title>
  13.  
  14.  <!-- favicon icon -->
  15.  
  16.  <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
  17.  <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
  18.  <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
  19.  
  20.  <!-- inject css start -->
  21.  
  22.  <!--== bootstrap -->
  23.  <link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  24.  
  25.  <!--== fonts -->
  26.  <link
  27.    href="https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,300;1,400;1,500;1,600;1,700;1,900&amp;display=swap"
  28.    rel="stylesheet">
  29.  
  30.  <link
  31.    href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
  32.    rel="stylesheet">
  33.  
  34.  <!--== animate -->
  35.  <link href="/static/css/animate.css" rel="stylesheet" type="text/css" />
  36.  
  37.  <!--== line-awesome -->
  38.  <link href="/static/css/line-awesome.min.css" rel="stylesheet" type="text/css" />
  39.  
  40.  <!--== magnific-popup -->
  41.  <link href="/static/css/magnific-popup.css" rel="stylesheet" type="text/css" />
  42.  
  43.  <!--== owl.carousel -->
  44.  <link href="/static/css/owl.carousel.css" rel="stylesheet" type="text/css" />
  45.  
  46.  <!--== lightslider -->
  47.  <link href="/static/css/lightslider.min.css" rel="stylesheet" type="text/css" />
  48.  
  49.  <!--== base -->
  50.  <link href="/static/css/base.css" rel="stylesheet" type="text/css" />
  51.  
  52.  <!--== shortcodes -->
  53.  <link href="/static/css/shortcodes.css" rel="stylesheet" type="text/css" />
  54.  
  55.  <!--== spacing -->
  56.  <link href="/static/css/spacing.css" rel="stylesheet" type="text/css" />
  57.  
  58.  <!--== style -->
  59.  <link href="/static/css/style.css" rel="stylesheet" type="text/css" />
  60. <script async src="https://www.googletagmanager.com/gtag/js?id=G-KV1CZNW40R"></script>
  61.  
  62.    <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet">
  63. <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
  64.  
  65.  
  66.    <link href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" rel="stylesheet">
  67. <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
  68.  
  69. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  70.  
  71.    <script>
  72.  window.dataLayer = window.dataLayer || [];
  73.  function gtag(){dataLayer.push(arguments);}
  74.  gtag('js', new Date());
  75.  
  76.  gtag('config', 'G-KV1CZNW40R');
  77. </script>
  78.  
  79.  
  80.  
  81. </head>
  82.  <!-- inject css end -->
  83.  
  84.  <!-- Google tag (gtag.js) -->
  85. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  86. <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  87. <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  88. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  89.  
  90. <script>
  91.    AOS.init();
  92. </script>
  93. <style>
  94.  
  95.    @media (min-width: 1025px) {
  96.        .sticky__btn {
  97.            position: fixed;
  98.            top: 22%;
  99.            right: 0;
  100.            transform-origin: bottom right;
  101.            z-index: 1;
  102.        }
  103.    }
  104.  
  105.    [data-aos=fade-left] {
  106.        transform: translate3d(100px, 0, 0);
  107.    }
  108.  
  109.    .counter-cards {
  110.        display: flex;
  111.        flex-wrap: wrap;
  112.        gap: 20px;
  113.        justify-content: center;
  114.        align-items: center;
  115.    }
  116.  
  117.    .counter-cards__item {
  118.        width: 250px;
  119.        height: 150px;
  120.        display: flex;
  121.        flex-direction: column;
  122.        justify-content: center;
  123.        align-items: center;
  124.        border-radius: 10px;
  125.        transition: transform 0.3s ease, background-color 0.5s ease;
  126.        position: relative;
  127.        overflow: hidden;
  128.        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  129.    }
  130.  
  131.    .counter-cards__item--yellow {
  132.        background-color: #f8cd26;
  133.    }
  134.  
  135.    .counter-cards__item--green {
  136.        background-color: #78C000;
  137.    }
  138.  
  139.    .counter-cards__item--red {
  140.        background-color: #FF6F61;
  141.    }
  142.  
  143.    /* Hover Animation */
  144.    .counter-cards__item:hover {
  145.        transform: scale(1.05);
  146.        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  147.    }
  148.  
  149.    .counter-cards__number {
  150.        font-size: 2rem;
  151.        font-weight: bold;
  152.        color: #fff;
  153.        animation: fadeInNumber 0.8s ease-in-out;
  154.    }
  155.  
  156.    .counter-cards__item p {
  157.        font-size: 1rem;
  158.        color: #fff;
  159.        text-align: center;
  160.        margin: 0;
  161.        padding: 0 10px;
  162.        opacity: 0;
  163.        animation: fadeInText 1s ease-in-out forwards;
  164.    }
  165.  
  166.    /* Keyframes for fade-in */
  167.    @keyframes fadeInNumber {
  168.        0% {
  169.            opacity: 0;
  170.            transform: translateY(-10px);
  171.        }
  172.        100% {
  173.            opacity: 1;
  174.            transform: translateY(0);
  175.        }
  176.    }
  177.  
  178.    @keyframes fadeInText {
  179.        0% {
  180.            opacity: 0;
  181.            transform: translateY(10px);
  182.        }
  183.        100% {
  184.            opacity: 1;
  185.            transform: translateY(0);
  186.        }
  187.    }
  188.  
  189.  
  190.    /* Container to hold the marquee */
  191.    .marquee-container {
  192.        overflow: hidden;
  193.        width: 100%;
  194.        background-color: #f9f9f9; /* Optional: Set background color */
  195.        padding: 20px 0;
  196.    }
  197.  
  198.    /* Marquee wrapper */
  199.    .marquee {
  200.        display: flex;
  201.        gap: 20px; /* Spacing between images */
  202.        animation: marquee-animation 20s linear infinite; /* Smooth scrolling animation */
  203.    }
  204.  
  205.    /* Individual marquee items */
  206.    .marquee-item img {
  207.        height: 100px; /* Smaller image size */
  208.        object-fit: contain;
  209.        padding: 10px;
  210.        border: 1px solid #ddd; /* Add border for style */
  211.        border-radius: 10px; /* Rounded corners */
  212.        background-color: #fff; /* Background for images */
  213.        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
  214.    }
  215.  
  216.    /* Keyframes for marquee effect */
  217.    @keyframes marquee-animation {
  218.        0% {
  219.            transform: translateX(0%);
  220.        }
  221.        100% {
  222.            transform: translateX(-50%);
  223.        }
  224.    }
  225.  
  226.    .sticky__btn {
  227.        position: fixed;
  228.        top: 40%;
  229.        right: 0;
  230.        transform: translateY(-50%); /* Centers the button vertically */
  231.        z-index: 1000; /* Ensures the button is on top of other content */
  232.        display: flex;
  233.        flex-direction: column;
  234.        gap: 30px; /* Increased space between buttons */
  235.        padding: 15px 0; /* Padding for vertical spacing */
  236.        align-items: center; /* Align buttons to the center */
  237.    }
  238.  
  239.    .sticky__btn ul {
  240.        list-style: none;
  241.        margin: 0;
  242.        padding: 0;
  243.    }
  244.  
  245.    .sticky__btn ul li {
  246.        margin: 0;
  247.        padding: 0;
  248.        width: auto; /* Remove fixed width for content-based sizing */
  249.    }
  250.  
  251.    .sticky__btn ul li a {
  252.        text-decoration: none;
  253.        color: white;
  254.        font-weight: bold;
  255.        font-size: 16px; /* Slightly increased font size */
  256.        display: block;
  257.        padding: 10px 30px; /* Increased padding for better clarity */
  258.        background-color: #FF4500; /* Background color for buttons */
  259.        border-radius: 25px; /* Rounded corners */
  260.        text-align: center;
  261.        transform: rotate(-90deg); /* Rotate the text */
  262.        transform-origin: right center; /* Rotation origin to the right edge */
  263.        white-space: nowrap; /* Prevent text from wrapping */
  264.        transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  265.        box-sizing: border-box; /* Ensures padding and border are included in the element's total width/height */
  266.        margin-right: 24px;
  267.  
  268.    }
  269.  
  270.    .sticky__btn ul li a:hover {
  271.        background-color: #FF6347; /* Hover background color */
  272.        transform: rotate(-90deg) scale(1.05); /* Zoom effect on hover */
  273.        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Subtle shadow for hover effect */
  274.    }
  275.  
  276.    /* AOS Animations */
  277.    [data-aos^="fade"][data-aos^="fade"].aos-animate {
  278.        opacity: 1;
  279.        transform: translateZ(0);
  280.    }
  281.  
  282.    [data-aos][data-aos][data-aos-easing="ease"],
  283.    body[data-aos-easing="ease"] [data-aos] {
  284.        transition-timing-function: ease;
  285.    }
  286.  
  287.    [data-aos][data-aos][data-aos-duration="800"],
  288.    body[data-aos-duration="800"] [data-aos] {
  289.        transition-duration: 0.8s;
  290.    }
  291.  
  292.    [data-aos^="fade"][data-aos^="fade"] {
  293.        opacity: 0;
  294.        transition-property: opacity, transform;
  295.    }
  296.  
  297.  
  298.    .events-container {
  299.        position: relative;
  300.        padding: 10px;
  301.        border-radius: 12px;
  302.        background: white;
  303.        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  304.    }
  305.  
  306.    .events-title {
  307.        font-weight: 800;
  308.        color: #212529;
  309.        margin-bottom: 30px;
  310.        display: inline-block;
  311.        position: relative;
  312.    }
  313.  
  314.    .events-title::after {
  315.        content: "";
  316.        position: absolute;
  317.        width: 70%;
  318.        height: 4px;
  319.        background: linear-gradient(135deg, #3a7bd5, #00d2ff);
  320.        bottom: -10px;
  321.        left: 0;
  322.        border-radius: 2px;
  323.    }
  324.  
  325.    .event-item {
  326.        position: relative;
  327.      
  328.        margin-bottom: 20px;
  329.        border-radius: 8px;
  330.        background-color: #fff;
  331.        transition: all 0.3s ease;
  332.      
  333.    }
  334.  
  335.  
  336.  
  337.    .event-date-badge {
  338.        position: absolute;
  339.        top: 20px;
  340.        right: 20px;
  341.        padding: 6px 12px;
  342.        border-radius: 20px;
  343.        font-size: 0.8rem;
  344.        font-weight: 600;
  345.        color: white;
  346.        background: linear-gradient(135deg, #3a7bd5, #00d2ff);
  347.    }
  348.  
  349.    .event-title {
  350.        font-weight: 700;
  351.        color: #343a40;
  352.        margin-bottom: 8px;
  353.        padding-right: 100px;
  354.    }
  355.  
  356.    .event-subtitle {
  357.        color: #6c757d;
  358.        font-size: 0.95rem;
  359.        margin-bottom: 10px;
  360.    }
  361.  
  362.    .event-desc {
  363.        color: #495057;
  364.        font-size: 0.9rem;
  365.        margin-bottom: 15px;
  366.    }
  367.  
  368.    .view-all-btn {
  369.        display: block;
  370.        width: 100%;
  371.        padding: 12px;
  372.        text-align: center;
  373.        border-radius: 8px;
  374.        background: linear-gradient(135deg, #3a7bd5, #00d2ff);
  375.        color: white;
  376.        font-weight: 600;
  377.        border: none;
  378.        transition: all 0.3s ease;
  379.        text-decoration: none;
  380.        margin-top: 15px;
  381.    }
  382.  
  383.    .view-all-btn:hover {
  384.        background: linear-gradient(135deg, #3a7bd5, #00d2ff);
  385.        box-shadow: 0 5px 15px rgba(255, 126, 95, 0.3);
  386.        color: white;
  387.    }
  388.  
  389.    .event-tag {
  390.        display: inline-block;
  391.        padding: 4px 10px;
  392.        font-size: 0.7rem;
  393.        font-weight: 600;
  394.        background-color: #f8f9fa;
  395.        color: #6c757d;
  396.        border-radius: 4px;
  397.        margin-right: 5px;
  398.    }
  399.  
  400.    .news-container {
  401.        max-width: 100%;
  402.  
  403.        margin: 0 auto;
  404.        border-radius: 12px;
  405.        overflow: hidden;
  406.        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  407.        background-color: #fff;
  408.    }
  409.  
  410.    .news-header {
  411.        background: linear-gradient(135deg, #192f59, #3498db);
  412.        color: white;
  413.        padding: 32px 20px;
  414.        display: flex;
  415.        align-items: center;
  416.        margin-top: -49px;
  417.        justify-content: space-between;
  418.    }
  419.  
  420.    .news-header h4 {
  421.        margin: 0;
  422.        font-weight: 600;
  423.    }
  424.  
  425.    .marquee-container {
  426.        height: 150px;
  427.        overflow-y: hidden;
  428.        position: relative;
  429.    }
  430.  
  431.    .marquee-container2 {
  432.        height: 450px;
  433.        overflow-y: hidden;
  434.        position: relative;
  435.    }
  436.  
  437.    .marquee-content {
  438.        padding: 0;
  439.        animation: scroll-y 25s linear infinite;
  440.        position: relative;
  441.    }
  442.  
  443.    .marquee-content:hover {
  444.        animation-play-state: paused;
  445.    }
  446.  
  447.    @keyframes scroll-y {
  448.        0% {
  449.            transform: translateY(0);
  450.        }
  451.        100% {
  452.            transform: translateY(-50%);
  453.        }
  454.    }
  455.  
  456.    .news-item {
  457.        padding: 15px 20px;
  458.        border-bottom: 1px solid #e9ecef;
  459.        display: flex;
  460.        transition: all 0.3s ease;
  461.    }
  462.  
  463.    .news-item:hover {
  464.        background-color: #f8f9fa;
  465.    }
  466.  
  467.    .news-date {
  468.        min-width: 80px;
  469.        text-align: center;
  470.        background-color: #e9ecef;
  471.        border-radius: 4px;
  472.        padding: 5px;
  473.        font-size: 0.75rem;
  474.        font-weight: 600;
  475.        color: #495057;
  476.        height: fit-content;
  477.        display: flex;
  478.        flex-direction: column;
  479.    }
  480.  
  481.    .news-date .day {
  482.        font-size: 1.2rem;
  483.        font-weight: 700;
  484.        color: #3a7bd5;
  485.    }
  486.  
  487.    .news-content {
  488.        margin-left: 15px;
  489.        flex: 1;
  490.    }
  491.  
  492.    .news-title {
  493.        font-weight: 600;
  494.        margin-bottom: 5px;
  495.        color: #343a40;
  496.    }
  497.  
  498.    .news-desc {
  499.        font-size: 0.85rem;
  500.        color: #6c757d;
  501.        margin-bottom: 8px;
  502.    }
  503.  
  504.    .news-tag {
  505.        display: inline-block;
  506.        padding: 2px 8px;
  507.        background-color: #e9ecef;
  508.        border-radius: 20px;
  509.        font-size: 0.7rem;
  510.        color: #495057;
  511.        margin-right: 5px;
  512.    }
  513.  
  514.    .news-footer {
  515.        padding: 12px;
  516.        text-align: center;
  517.        background-color: #f8f9fa;
  518.        border-top: 1px solid #e9ecef;
  519.    }
  520.  
  521.    .news-footer a {
  522.        color: #3a7bd5;
  523.        text-decoration: none;
  524.        font-weight: 600;
  525.        font-size: 0.9rem;
  526.    }
  527.  
  528.    .news-indicator {
  529.        width: 8px;
  530.        height: 8px;
  531.        border-radius: 50%;
  532.        display: inline-block;
  533.        margin-right: 8px;
  534.    }
  535.  
  536.    .indicator-new {
  537.        background-color: #38b000;
  538.        box-shadow: 0 0 0 3px rgba(56, 176, 0, 0.2);
  539.    }
  540.  
  541.    .indicator-important {
  542.        background-color: #e63946;
  543.        box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.2);
  544.    }
  545.  
  546.    .indicator-update {
  547.        background-color: #ff9e00;
  548.        box-shadow: 0 0 0 3px rgba(255, 158, 0, 0.2);
  549.    }
  550.  
  551.    /* Add a fading effect at top and bottom */
  552.    .marquee-container::before,
  553.    .marquee-container::after {
  554.        content: "";
  555.        position: absolute;
  556.        z-index: 2;
  557.        left: 0;
  558.        right: 0;
  559.        height: 30px;
  560.        pointer-events: none;
  561.    }
  562.  
  563.    .marquee-container::before {
  564.        top: 0;
  565.        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  566.    }
  567.  
  568.    .marquee-container::after {
  569.        bottom: 0;
  570.        background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  571.    }
  572.  
  573.    /* Controls */
  574.    .news-controls {
  575.        display: flex;
  576.        gap: 10px;
  577.    }
  578.  
  579.    .control-btn {
  580.        background: rgba(255, 255, 255, 0.2);
  581.        border: none;
  582.        width: 30px;
  583.        height: 30px;
  584.        border-radius: 50%;
  585.        display: flex;
  586.        align-items: center;
  587.        justify-content: center;
  588.        color: white;
  589.        cursor: pointer;
  590.        transition: all 0.2s ease;
  591.    }
  592.  
  593.    .control-btn:hover {
  594.        background: rgba(255, 255, 255, 0.4);
  595.    }
  596.  
  597.  
  598.    .section-title {
  599.        position: relative;
  600.        margin-bottom: 2rem;
  601.    }
  602.  
  603.    .section-title h2 {
  604.        font-weight: 700;
  605.        color: var(--secondary-color);
  606.        position: relative;
  607.        display: inline-block;
  608.        padding-bottom: 0.5rem;
  609.    }
  610. .flip_header {
  611.    font-weight: 700;
  612.    color: white;
  613.    font-size: 1.8rem;
  614.    position: relative;
  615.    display: inline-block;
  616.    padding-bottom: 8px;
  617. }
  618.  
  619. .flip_header::after {
  620.    content: "";
  621.    position: absolute;
  622.    left: 0;
  623.    bottom: 0;
  624.    height: 3px;
  625.    width: 100%;
  626.    background-color: #000000; /* Nice teal or any accent color */
  627.    border-radius: 2px;
  628.    transition: width 0.3s ease-in-out;
  629. }
  630.  
  631.    .section-title h2::after {
  632.        content: '';
  633.        position: absolute;
  634.        left: 0;
  635.        bottom: 0;
  636.        width: 70%;
  637.        height: 3px;
  638.        background: var(--primary-color);
  639.        transition: width var(--transition-speed);
  640.    }
  641.  
  642.    .section-title h2:hover::after {
  643.        width: 100%;
  644.    }
  645.  
  646.  
  647.    .btn-primary:hover {
  648.        background-color: var(--dark-color);
  649.        border-color: var(--dark-color);
  650.        transform: translateY(-3px);
  651.        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  652.    }
  653.  
  654.    .news-container {
  655.        padding: 3rem 0;
  656.    }
  657.  
  658.  
  659.    .news-card:hover {
  660.        transform: translateY(-10px);
  661.        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  662.    }
  663.  
  664.    .news-thumb {
  665.        position: relative;
  666.        overflow: hidden;
  667.        height: 250px;
  668.    }
  669.  
  670.    .news-thumb img {
  671.        width: 100%;
  672.        height: 100%;
  673.        object-fit: cover;
  674.        transition: transform var(--transition-speed);
  675.    }
  676.  
  677.    .news-card:hover .news-thumb img {
  678.        transform: scale(1.05);
  679.    }
  680.  
  681.    .news-category {
  682.        position: absolute;
  683.        top: 15px;
  684.        left: 15px;
  685.        background-color: var(--primary-color);
  686.        color: white;
  687.        padding: 5px 15px;
  688.        border-radius: 20px;
  689.        font-size: 0.8rem;
  690.        font-weight: 600;
  691.        z-index: 1;
  692.    }
  693.  
  694.    .news-body {
  695.        padding: 1.5rem;
  696.    }
  697.  
  698.    .news-title {
  699.        font-weight: 700;
  700.        margin-bottom: 1rem;
  701.        color: var(--dark-color);
  702.    }
  703.  
  704.    .news-date {
  705.        color: #7f8c8d;
  706.        font-size: 0.9rem;
  707.        margin-bottom: 0.5rem;
  708.    }
  709.  
  710.    .news-text {
  711.        color: #34495e;
  712.        margin-bottom: 1rem;
  713.    }
  714.  
  715.    .news-link {
  716.        color: var(--primary-color);
  717.        font-weight: 600;
  718.        display: inline-flex;
  719.        align-items: center;
  720.        text-decoration: none;
  721.        transition: all var(--transition-speed);
  722.    }
  723.  
  724.    .news-link:hover {
  725.        color: var(--dark-color);
  726.    }
  727.  
  728.    .news-link i {
  729.        margin-left: 0.5rem;
  730.        transition: transform var(--transition-speed);
  731.    }
  732.  
  733.    .news-link:hover i {
  734.        transform: translateX(5px);
  735.    }
  736.  
  737.  
  738.    /* Fade In Animation */
  739.    @keyframes fadeIn {
  740.        from {
  741.            opacity: 0;
  742.            transform: translateY(20px);
  743.        }
  744.        to {
  745.            opacity: 1;
  746.            transform: translateY(0);
  747.        }
  748.    }
  749.  
  750.    .animate-in {
  751.        animation: fadeIn 0.5s ease forwards;
  752.    }
  753.  
  754.    /* Responsive Adjustments */
  755.    @media (max-width: 767px) {
  756.        .section-title h2 {
  757.            font-size: 1.5rem;
  758.        }
  759.  
  760.        .news-card {
  761.            margin-bottom: 2rem;
  762.        }
  763.    }
  764.  
  765.    .card {
  766.        min-height: 595px;
  767.        border-radius: 12px;
  768.        overflow: hidden;
  769.        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  770.        transform: translateY(0);
  771.        transition: transform 0.3s ease, box-shadow 0.3s ease;
  772.    }
  773.  
  774.    .card:hover {
  775.        transform: translateY(-10px);
  776.        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  777.    }
  778.  
  779.    .card-header {
  780.        background: linear-gradient(135deg, #192f59, #3498db);
  781.        color: white;
  782.        padding: 20px;
  783.        position: relative;
  784.        overflow: hidden;
  785.    }
  786.  
  787.    .card-header h2 {
  788.        position: relative;
  789.        z-index: 1;
  790.        font-size: 24px;
  791.        margin-bottom: 5px;
  792.        font-weight: 600;
  793.        animation: fadeIn 0.8s ease-in-out forwards;
  794.    }
  795.  
  796.    .bubble {
  797.        position: absolute;
  798.        border-radius: 50%;
  799.        background: rgba(255, 255, 255, 0.1);
  800.        animation: bubbleFloat 8s infinite linear;
  801.    }
  802.  
  803.    .bubble:nth-child(1) {
  804.        width: 60px;
  805.        height: 60px;
  806.        top: -20px;
  807.        left: 10%;
  808.        animation-delay: 0s;
  809.        animation-duration: 10s;
  810.    }
  811.  
  812.    .bubble:nth-child(2) {
  813.        width: 80px;
  814.        height: 80px;
  815.        top: 30px;
  816.        right: -30px;
  817.        animation-delay: 1s;
  818.        animation-duration: 12s;
  819.    }
  820.  
  821.    .bubble:nth-child(3) {
  822.        width: 40px;
  823.        height: 40px;
  824.        bottom: -10px;
  825.        left: 30%;
  826.        animation-delay: 2s;
  827.        animation-duration: 9s;
  828.    }
  829.  
  830.    .card-content {
  831.        height: 480px;
  832.        overflow-y: auto;
  833.        padding: 0;
  834.        background: white;
  835.    }
  836.  
  837.    .bulletin-list {
  838.        list-style: none;
  839.        padding: 0;
  840.    }
  841.  
  842.    .bulletin-item {
  843.        padding: 15px 20px;
  844.        border-bottom: 1px solid #eee;
  845.        transition: background-color 0.3s ease;
  846.        animation: slideIn 0.5s ease-out forwards;
  847.        opacity: 0;
  848.        transform: translateY(20px);
  849.    }
  850.  
  851.    .bulletin-item:hover {
  852.        background-color: #f8f9fa;
  853.    }
  854.  
  855.    .bulletin-item a {
  856.        display: flex;
  857.        align-items: center;
  858.        color: #1030d4;
  859.        text-decoration: none;
  860.        font-weight: 500;
  861.        transition: color 0.3s ease;
  862.    }
  863.  
  864.    .bulletin-item a:hover {
  865.        color: #192f59;
  866.    }
  867.  
  868.    .bulletin-item .dot {
  869.        color: #3498db;
  870.        margin-right: 10px;
  871.        font-size: 12px;
  872.        animation: pulse 2s infinite;
  873.    }
  874.  
  875.    .bulletin-item:nth-child(even) {
  876.        animation-delay: 0.1s;
  877.    }
  878.  
  879.    .bulletin-item:nth-child(odd) {
  880.        animation-delay: 0.2s;
  881.    }
  882.  
  883.    /* Custom scrollbar */
  884.    .card-content::-webkit-scrollbar {
  885.        width: 8px;
  886.    }
  887.  
  888.    .card-content::-webkit-scrollbar-track {
  889.        background: #f1f1f1;
  890.    }
  891.  
  892.    .card-content::-webkit-scrollbar-thumb {
  893.        background: #c1d1e3;
  894.        border-radius: 4px;
  895.    }
  896.  
  897.    .card-content::-webkit-scrollbar-thumb:hover {
  898.        background: #3498db;
  899.    }
  900.  
  901.    @keyframes slideIn {
  902.        0% {
  903.            opacity: 0;
  904.            transform: translateY(20px);
  905.        }
  906.        100% {
  907.            opacity: 1;
  908.            transform: translateY(0);
  909.        }
  910.    }
  911.  
  912.    @keyframes fadeIn {
  913.        0% {
  914.            opacity: 0;
  915.        }
  916.        100% {
  917.            opacity: 1;
  918.        }
  919.    }
  920.  
  921.    @keyframes bubbleFloat {
  922.        0% {
  923.            transform: translateY(0) rotate(0deg);
  924.        }
  925.        50% {
  926.            transform: translateY(-20px) rotate(180deg);
  927.        }
  928.        100% {
  929.            transform: translateY(0) rotate(360deg);
  930.        }
  931.    }
  932.  
  933.    @keyframes pulse {
  934.        0% {
  935.            transform: scale(1);
  936.            opacity: 0.8;
  937.        }
  938.        50% {
  939.            transform: scale(1.2);
  940.            opacity: 1;
  941.        }
  942.        100% {
  943.            transform: scale(1);
  944.            opacity: 0.8;
  945.        }
  946.    }
  947.  
  948.    * {
  949.        margin: 0;
  950.        padding: 0;
  951.        box-sizing: border-box;
  952.        font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
  953.    }
  954.  
  955.    body {
  956.        background-color: #f8f9fa;
  957.        color: #333;
  958.        line-height: 1.6;
  959.    }
  960.  
  961.    .section {
  962.        padding: 80px 0;
  963.    }
  964.  
  965.    .container {
  966.        max-width: 1200px;
  967.        margin: 0 auto;
  968.        padding: 0 20px;
  969.    }
  970.  
  971.    /* Section header */
  972.    .section-header {
  973.        text-align: center;
  974.        margin-bottom: 60px;
  975.    }
  976.  
  977.    .section-title {
  978.        font-size: 2.5rem;
  979.        font-weight: 700;
  980.        color: #2d3748;
  981.        margin-bottom: 15px;
  982.        position: relative;
  983.        display: inline-block;
  984.    }
  985.  
  986.    .section-title::after {
  987.        content: '';
  988.        position: absolute;
  989.        bottom: -10px;
  990.        left: 50%;
  991.        transform: translateX(-50%);
  992.        width: 70px;
  993.        height: 4px;
  994.        background: linear-gradient(90deg, #4527a0, #7b1fa2);
  995.        border-radius: 2px;
  996.    }
  997.  
  998.    .section-subtitle {
  999.        font-size: 1.1rem;
  1000.        color: #718096;
  1001.        max-width: 700px;
  1002.        margin: 0 auto;
  1003.        margin-top: 25px;
  1004.    }
  1005.  
  1006.    /* Top recruiters grid */
  1007. /* Recruiters Grid *//* Recruiters Grid */
  1008.        .recruiters-grid {
  1009.            display: flex;
  1010.            flex-direction: row;
  1011.            justify-content: space-between;
  1012.            gap: 15px;
  1013.            max-width: 1300px;
  1014.            margin: 0 auto;
  1015.        }
  1016.  
  1017.        .recruiter-card {
  1018.            perspective: 1000px;
  1019.            height: 280px;
  1020.            width: 20%;
  1021.            cursor: pointer;
  1022.        }
  1023.  
  1024.          /* Responsive layout */
  1025.        @media (max-width: 992px) {
  1026.            .recruiters-grid {
  1027.                flex-wrap: wrap;
  1028.                justify-content: center;
  1029.                gap: 20px;
  1030.            }
  1031.  
  1032.            .recruiter-card {
  1033.                width: 45%;
  1034.                margin-bottom: 20px;
  1035.            }
  1036.        }
  1037.  
  1038.        @media (max-width: 600px) {
  1039.            .recruiters-grid {
  1040.                flex-direction: column;
  1041.                align-items: center;
  1042.            }
  1043.  
  1044.            .recruiter-card {
  1045.                width: 85%;
  1046.                margin-bottom: 25px;
  1047.            }
  1048.        }
  1049.  
  1050.  
  1051.        .card-inner {
  1052.            position: relative;
  1053.            width: 100%;
  1054.            height: 100%;
  1055.            transition: transform 0.8s;
  1056.            transform-style: preserve-3d;
  1057.            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  1058.            border-radius: 8px;
  1059.        }
  1060.  
  1061.        .card-front, .card-back {
  1062.            position: absolute;
  1063.            width: 100%;
  1064.            height: 100%;
  1065.            -webkit-backface-visibility: hidden;
  1066.            backface-visibility: hidden;
  1067.            display: flex;
  1068.            flex-direction: column;
  1069.            align-items: center;
  1070.            justify-content: center;
  1071.            border-radius: 8px;
  1072.            padding: 16px;
  1073.            box-sizing: border-box;
  1074.        }
  1075.  
  1076.        .card-front {
  1077.            background-color: white;
  1078.        }
  1079.  
  1080.        .card-back {
  1081.            background: linear-gradient(135deg, #192f59, #3498db);
  1082.            color: white;
  1083.            transform: rotateY(180deg);
  1084.        }
  1085.  
  1086.        .flipped .card-inner {
  1087.            transform: rotateY(180deg);
  1088.        }
  1089.  
  1090.        .recruiter-logo {
  1091.            max-width: 80%;
  1092.            max-height: 100px;
  1093.            margin-bottom: 16px;
  1094.        }
  1095.  
  1096.        .recruiter-name {
  1097.            font-size: 18px;
  1098.            font-weight: bold;
  1099.            margin-top: 10px;
  1100.            text-align: center;
  1101.        }
  1102.  
  1103.        .package-info {
  1104.            width: 100%;
  1105.        }
  1106.  
  1107.        .package-info h4.flip_header {
  1108.            text-align: center;
  1109.            margin-bottom: 15px;
  1110.            font-size: 20px;
  1111.            font-weight: bold;
  1112.            text-transform: uppercase;
  1113.            letter-spacing: 1px;
  1114.            color: #ffffff;
  1115.            text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  1116.            position: relative;
  1117.        }
  1118.  
  1119.        .package-info h4.flip_header:after {
  1120.            content: '';
  1121.            display: block;
  1122.            width: 50px;
  1123.            height: 2px;
  1124.            background: rgba(255,255,255,0.6);
  1125.            margin: 8px auto 0;
  1126.        }
  1127.  
  1128.        .package-info ul {
  1129.            list-style: none;
  1130.            padding: 0;
  1131.            margin: 0;
  1132.        }
  1133.  
  1134.        .package-info li {
  1135.            padding: 6px 0;
  1136.            text-align: center;
  1137.            font-size: 16px;
  1138.        }
  1139.  
  1140.        /* Controls */
  1141.        .controls {
  1142.            display: flex;
  1143.            justify-content: center;
  1144.            margin: 20px 0;
  1145.        }
  1146.  
  1147.        .control-btn {
  1148.            padding: 8px 16px;
  1149.            margin: 0 8px;
  1150.            border: none;
  1151.            background-color: #4a69bd;
  1152.            color: white;
  1153.            border-radius: 4px;
  1154.            cursor: pointer;
  1155.            font-size: 14px;
  1156.        }
  1157.  
  1158.        .control-btn:hover {
  1159.            background-color: #3e5ca1;
  1160.        }
  1161.    /* Carousel section */
  1162.    .featured-recruiters {
  1163.        margin-top: 60px;
  1164.    }
  1165.  
  1166.    .featured-title {
  1167.        text-align: center;
  1168.        margin-bottom: 30px;
  1169.        font-size: 1.5rem;
  1170.        color: #4a5568;
  1171.        position: relative;
  1172.        padding-bottom: 15px;
  1173.    }
  1174.  
  1175.    .featured-title::after {
  1176.        content: '';
  1177.        position: absolute;
  1178.        bottom: 0;
  1179.        left: 50%;
  1180.        transform: translateX(-50%);
  1181.        width: 50px;
  1182.        height: 3px;
  1183.        background: linear-gradient(90deg, #4527a0, #7b1fa2);
  1184.        border-radius: 2px;
  1185.    }
  1186.  
  1187.  
  1188.    @keyframes scrollX {
  1189.        0% {
  1190.            transform: translateX(0);
  1191.        }
  1192.        100% {
  1193.            transform: translateX(calc(-250px * 6)); /* Half the total width */
  1194.        }
  1195.    }
  1196. /* General Styles */
  1197. .stats-container {
  1198.    display: flex;
  1199.    justify-content: space-around;
  1200.    align-items: center;
  1201.    flex-wrap: wrap;
  1202.    gap: 20px;
  1203.    padding: 40px 20px;
  1204.    background-color: #f9fafb;
  1205.    border-radius: 12px;
  1206.    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  1207. }
  1208.  
  1209. .stat-item {
  1210.    text-align: center;
  1211.    padding: 20px;
  1212.    background-color: #ffffff;
  1213.    border-radius: 10px;
  1214.    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  1215.    transition: transform 0.3s ease, box-shadow 0.3s ease;
  1216.    flex: 1 1 200px; /* Flexible sizing for responsiveness */
  1217.    max-width: 250px;
  1218. }
  1219.  
  1220. .stat-item:hover {
  1221.    transform: translateY(-10px);
  1222.    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  1223. }
  1224.  
  1225. .stat-number {
  1226.    font-size: 2.5rem;
  1227.    font-weight: 700;
  1228.    color: #1e3a8a; /* Dark blue for emphasis */
  1229.    margin-bottom: 10px;
  1230.    transition: color 0.3s ease;
  1231. }
  1232.  
  1233. .stat-item:hover .stat-number {
  1234.    color: #3b82f6; /* Light blue on hover */
  1235. }
  1236.  
  1237. .stat-text {
  1238.    font-size: 1.1rem;
  1239.    color: #4b5563; /* Gray for subtlety */
  1240.    font-weight: 500;
  1241.    margin: 0;
  1242. }
  1243.  
  1244. /* Responsive Design */
  1245. @media (max-width: 768px) {
  1246.    .stats-container {
  1247.        flex-direction: column;
  1248.        gap: 15px;
  1249.    }
  1250.  
  1251.    .stat-item {
  1252.        max-width: 100%;
  1253.        width: 80%;
  1254.    }
  1255. }
  1256.  
  1257.    /* Responsive styles */
  1258.    @media (max-width: 768px) {
  1259.        .section {
  1260.            padding: 60px 0;
  1261.        }
  1262.  
  1263.        .section-title {
  1264.            font-size: 2rem;
  1265.        }
  1266.  
  1267.        .recruiters-grid {
  1268.            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  1269.            gap: 20px;
  1270.        }
  1271.  
  1272.        .stat-item {
  1273.            min-width: 150px;
  1274.        }
  1275.    }
  1276.  
  1277.    @media (max-width: 480px) {
  1278.        .recruiters-grid {
  1279.            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  1280.        }
  1281.  
  1282.        .carousel-item {
  1283.            flex: 0 0 200px;
  1284.        }
  1285.  
  1286.        .stat-number {
  1287.            font-size: 2.5rem;
  1288.        }
  1289.    }
  1290.  
  1291.    .card-container {
  1292.        display: flex;
  1293.        flex-wrap: wrap;
  1294.        gap: 20px;
  1295.        justify-content: center;
  1296.    }
  1297.  
  1298.    .card {
  1299.        width: 300px;
  1300.        background: #fff;
  1301.        border-radius: 10px;
  1302.        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  1303.        overflow: hidden;
  1304.        transition: transform 0.3s ease-in-out;
  1305.    }
  1306.  
  1307.    .card:hover {
  1308.        transform: scale(1.05);
  1309.    }
  1310.  
  1311.    .card-header {
  1312.        background: linear-gradient(135deg, #192f59, #3498db);
  1313.        color: white;
  1314.        padding: 20px;
  1315.        font-size: 18px;
  1316.        text-align: center;
  1317.    }
  1318.  
  1319.    .card-content {
  1320.        padding: 20px;
  1321.        text-align: center;
  1322.    }
  1323.  
  1324.    .counter {
  1325.        font-size: 2rem;
  1326.        font-weight: bold;
  1327.        color: #333;
  1328.    }
  1329.  
  1330.    .event-card, .news-card {
  1331.        background: #fff;
  1332.        border-radius: 10px;
  1333.        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  1334.        padding: 20px;
  1335.        margin-bottom: 20px;
  1336.        transition: transform 0.3s;
  1337.    }
  1338.  
  1339.    .event-card:hover, .news-card:hover {
  1340.        transform: translateY(-5px);
  1341.    }
  1342.  
  1343.  
  1344.    @keyframes float {
  1345.        0%, 100% {
  1346.            transform: translate(0, 0);
  1347.        }
  1348.        50% {
  1349.            transform: translate(20px, 20px);
  1350.        }
  1351.    }
  1352.  
  1353.    :root {
  1354.        --primary-color: #3498db;
  1355.        --secondary-color: #2c3e50;
  1356.        --hover-color: #2980b9;
  1357.    }
  1358.  
  1359.    .section-title {
  1360.        color: var(--secondary-color);
  1361.        text-align: center;
  1362.        margin-bottom: 2rem;
  1363.        font-weight: 600;
  1364.        position: relative;
  1365.        padding-bottom: 15px;
  1366.    }
  1367.  
  1368.    .section-title:after {
  1369.        content: '';
  1370.        position: absolute;
  1371.        bottom: 0;
  1372.        left: 50%;
  1373.        transform: translateX(-50%);
  1374.        width: 80px;
  1375.        height: 3px;
  1376.        background-color: var(--primary-color);
  1377.    }
  1378.  
  1379.    .vital-links-carousel {
  1380.        padding: 2rem 0 4rem;
  1381.        position: relative;
  1382.    }
  1383.  
  1384.    .carousel-container {
  1385.        position: relative;
  1386.        max-width: 1200px;
  1387.        margin: 0 auto;
  1388.    }
  1389.  
  1390.    .carousel-item {
  1391.        transition: transform 0.6s ease-in-out;
  1392.    }
  1393.  
  1394.    .link-card {
  1395.        background-color: white;
  1396.        border-radius: 12px;
  1397.        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  1398.        transition: all 0.3s ease;
  1399.        margin: 10px;
  1400.        height: 150px;
  1401.        overflow: hidden;
  1402.        display: flex;
  1403.        align-items: center;
  1404.        justify-content: center;
  1405.    }
  1406.  
  1407.    .link-card:hover {
  1408.        transform: translateY(-5px);
  1409.        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  1410.        border-bottom: 3px solid var(--primary-color);
  1411.    }
  1412.  
  1413.    .link-card-inner {
  1414.        display: flex;
  1415.        flex-direction: column;
  1416.        align-items: center;
  1417.        justify-content: center;
  1418.        text-align: center;
  1419.        padding: 1.25rem;
  1420.        width: 100%;
  1421.        height: 100%;
  1422.    }
  1423.  
  1424.    .link-icon {
  1425.        width: 60px;
  1426.        height: 60px;
  1427.        background-color: rgba(52, 152, 219, 0.1);
  1428.        border-radius: 50%;
  1429.        display: flex;
  1430.        align-items: center;
  1431.        justify-content: center;
  1432.        margin-bottom: 1rem;
  1433.        color: var(--primary-color);
  1434.        transition: all 0.3s ease;
  1435.    }
  1436.  
  1437.    .link-card:hover .link-icon {
  1438.        background-color: var(--primary-color);
  1439.        color: white;
  1440.        transform: scale(1.1);
  1441.    }
  1442.  
  1443.    .link-title {
  1444.        font-weight: 600;
  1445.        color: var(--secondary-color);
  1446.        font-size: 1rem;
  1447.        transition: color 0.3s ease;
  1448.        margin: 0;
  1449.    }
  1450.  
  1451.    .link-card:hover .link-title {
  1452.        color: var(--primary-color);
  1453.    }
  1454.  
  1455.    .carousel-control-prev,
  1456.    .carousel-control-next {
  1457.        width: 50px;
  1458.        height: 50px;
  1459.        background-color: var(--primary-color);
  1460.        border-radius: 50%;
  1461.        top: 50%;
  1462.        transform: translateY(-50%);
  1463.        opacity: 0.8;
  1464.    }
  1465.  
  1466.    .carousel-control-prev {
  1467.        left: -25px;
  1468.    }
  1469.  
  1470.    .carousel-control-next {
  1471.        right: -25px;
  1472.    }
  1473.  
  1474.    .carousel-control-prev:hover,
  1475.    .carousel-control-next:hover {
  1476.        opacity: 1;
  1477.        background-color: var(--hover-color);
  1478.    }
  1479.  
  1480.    .carousel-indicators {
  1481.        bottom: -40px;
  1482.    }
  1483.  
  1484.    .carousel-indicators [data-bs-target] {
  1485.        width: 12px;
  1486.        height: 12px;
  1487.        border-radius: 50%;
  1488.        background-color: #ccc;
  1489.        margin: 0 5px;
  1490.        border: none;
  1491.    }
  1492.  
  1493.    .carousel-indicators .active {
  1494.        background-color: var(--primary-color);
  1495.    }
  1496.  
  1497.    .card-link {
  1498.        text-decoration: none;
  1499.        color: inherit;
  1500.        display: block;
  1501.        height: 100%;
  1502.        width: 100%;
  1503.    }
  1504.  
  1505.    @media (max-width: 768px) {
  1506.        .carousel-control-prev,
  1507.        .carousel-control-next {
  1508.            display: none;
  1509.        }
  1510.  
  1511.        .link-card {
  1512.            height: 130px;
  1513.        }
  1514.  
  1515.        .link-icon {
  1516.            width: 50px;
  1517.            height: 50px;
  1518.        }
  1519.    }
  1520.  
  1521. .featured-recruiters {
  1522.            margin-top: 60px;
  1523.        }
  1524.  
  1525.        .featured-title {
  1526.            text-align: center;
  1527.            margin-bottom: 30px;
  1528.            font-size: 1.5rem;
  1529.            color: #4a5568;
  1530.            position: relative;
  1531.            padding-bottom: 15px;
  1532.        }
  1533.  
  1534.        .featured-title::after {
  1535.            content: '';
  1536.            position: absolute;
  1537.            bottom: 0;
  1538.            left: 50%;
  1539.            transform: translateX(-50%);
  1540.            width: 50px;
  1541.            height: 3px;
  1542.            background: linear-gradient(90deg, #4527a0, #7b1fa2);
  1543.            border-radius: 2px;
  1544.        }
  1545.       .accreditation-section {
  1546.    background: linear-gradient(135deg, #192f59, #3498db);
  1547.    color: white;
  1548.    padding: 4rem 0;
  1549. }
  1550.        .accreditation-title {
  1551.            font-size: 2.5rem;
  1552.            font-weight: bold;
  1553.            margin-bottom: 1rem;
  1554.        }
  1555.        .accreditation-description {
  1556.            font-size: 1rem;
  1557.            margin-bottom: 2rem;
  1558.        }
  1559.        .accreditation-cards {
  1560.            display: flex;
  1561.            justify-content: center;
  1562.            gap: 1.5rem;
  1563.        }
  1564.        .accreditation-card {
  1565.            background-color: white;
  1566.            border-radius: 10px;
  1567.            padding: 2rem;
  1568.            text-align: center;
  1569.            width: 250px;
  1570.            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  1571.        }
  1572.        .accreditation-card img {
  1573.            max-width: 150px;
  1574.            margin-bottom: 1rem;
  1575.        }
  1576.          #demo2 .carousel-control-prev,
  1577.    #demo2 .carousel-control-next {
  1578.        display: none;
  1579.    }
  1580.  
  1581.      .adj_section {
  1582.    margin-top: -50px !important;
  1583. }
  1584.  
  1585. @media screen and (max-width: 989px) {
  1586.    .adj_section {
  1587.        margin-top: -61px !important;
  1588.    }
  1589. }
  1590.  
  1591.    /* Default carousel size */
  1592.  
  1593.  
  1594. /* On small screens (less than 768px), increase the height */
  1595. @media screen and (max-width: 767px) {
  1596.    #demo2 .carousel-inner img {
  1597.       /* or any value you prefer */
  1598.        width: 100%;
  1599.          object-fit: cover;
  1600.    }
  1601. }
  1602.    .scrollable-bulletin {
  1603.  scrollbar-width: thin;
  1604.  scrollbar-color: #ccc transparent;
  1605. }
  1606.  
  1607. .scrollable-bulletin::-webkit-scrollbar {
  1608.  width: 6px;
  1609. }
  1610.  
  1611. .scrollable-bulletin::-webkit-scrollbar-thumb {
  1612.  background-color: #ccc;
  1613.  border-radius: 4px;
  1614. }
  1615.  
  1616. .testimonial-card {
  1617.            border-radius: 15px;
  1618.            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  1619.            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  1620.            overflow: hidden;
  1621.            height: 100%;
  1622.        }
  1623.  
  1624.        .testimonial-card:hover {
  1625.            transform: translateY(-10px);
  1626.            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  1627.        }
  1628.  
  1629.        .avatar-container {
  1630.            width: 100px;
  1631.            height: 100px;
  1632.            border-radius: 50%;
  1633.            overflow: hidden;
  1634.            margin: 0 auto;
  1635.            border: 3px solid #fff;
  1636.            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  1637.        }
  1638.  
  1639.        .testimonial-header {
  1640.            background: linear-gradient(135deg, #3498db, #1abc9c);
  1641.            color: white;
  1642.            padding: 20px 0 60px 0;
  1643.            border-radius: 15px 15px 0 0;
  1644.            position: relative;
  1645.        }
  1646.  
  1647.        .testimonial-body {
  1648.            padding: 60px 20px 20px 20px;
  1649.            position: relative;
  1650.            background-color: #fff;
  1651.        }
  1652.  
  1653.        .avatar-container {
  1654.            position: absolute;
  1655.            top: -50px;
  1656.            left: 50%;
  1657.            transform: translateX(-50%);
  1658.        }
  1659.  
  1660.        .stars {
  1661.            color: #FFD700;
  1662.            margin: 10px 0;
  1663.        }
  1664.  
  1665.        .testimonial-text {
  1666.            font-style: italic;
  1667.            color: #555;
  1668.            margin-bottom: 15px;
  1669.        }
  1670.  
  1671.        .testimonial-name {
  1672.            font-weight: bold;
  1673.            margin-bottom: 0;
  1674.        }
  1675.  
  1676.        .section-title {
  1677.            position: relative;
  1678.            margin-bottom: 50px;
  1679.            text-align: center;
  1680.        }
  1681.  
  1682.        .section-title:after {
  1683.            content: '';
  1684.            position: absolute;
  1685.            bottom: -15px;
  1686.            left: 50%;
  1687.            transform: translateX(-50%);
  1688.            width: 80px;
  1689.            height: 3px;
  1690.            background: linear-gradient(to right, #3498db, #1abc9c);
  1691.        }
  1692.  
  1693.        .testimonial-section {
  1694.            background-color: #f9f9f9;
  1695.            padding: 60px 0;
  1696.        }
  1697.        
  1698.        .modal-backdrop {
  1699.            background: rgba(0, 0, 0, 0.8);
  1700.            backdrop-filter: blur(10px);
  1701.        }
  1702.  
  1703.        .modal-content {
  1704.            background: linear-gradient(145deg, #ffffff, #f8f9ff);
  1705.            border: none;
  1706.            border-radius: 20px;
  1707.            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  1708.            overflow: hidden;
  1709.            position: relative;
  1710.        }
  1711.  
  1712.        .modal-content::before {
  1713.            content: '';
  1714.            position: absolute;
  1715.            top: 0;
  1716.            left: 0;
  1717.            right: 0;
  1718.            height: 4px;
  1719.            background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
  1720.            background-size: 300% 300%;
  1721.            animation: gradientShift 3s ease infinite;
  1722.        }
  1723.  
  1724.        @keyframes gradientShift {
  1725.            0%, 100% { background-position: 0% 50%; }
  1726.            50% { background-position: 100% 50%; }
  1727.        }
  1728.  
  1729.        .modal-header {
  1730.            border-bottom: none;
  1731.            padding: 2rem 2rem 1rem;
  1732.            position: relative;
  1733.        }
  1734.  
  1735.        .modal-title {
  1736.            font-weight: 700;
  1737.            font-size: 1.8rem;
  1738.            background: linear-gradient(45deg, #667eea, #764ba2);
  1739.            -webkit-background-clip: text;
  1740.            -webkit-text-fill-color: transparent;
  1741.            background-clip: text;
  1742.            margin: 0;
  1743.            animation: titlePulse 2s ease-in-out infinite alternate;
  1744.        }
  1745.  
  1746.        @keyframes titlePulse {
  1747.            from { transform: scale(1); }
  1748.            to { transform: scale(1.05); }
  1749.        }
  1750.  
  1751.        .btn-close {
  1752.            background: linear-gradient(45deg, #ff6b6b, #ee5a24);
  1753.            border-radius: 50%;
  1754.            width: 40px;
  1755.            height: 40px;
  1756.            opacity: 1;
  1757.            display: flex;
  1758.            align-items: center;
  1759.            justify-content: center;
  1760.            transition: all 0.3s ease;
  1761.        }
  1762.  
  1763.        .btn-close:hover {
  1764.            transform: rotate(90deg) scale(1.1);
  1765.            background: linear-gradient(45deg, #ee5a24, #ff6b6b);
  1766.        }
  1767.  
  1768.        .modal-body {
  1769.            padding: 1rem 2rem 2rem;
  1770.        }
  1771.  
  1772.        .video-container {
  1773.            position: relative;
  1774.            margin-bottom: 2rem;
  1775.            border-radius: 15px;
  1776.            overflow: hidden;
  1777.            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  1778.            animation: videoFloat 6s ease-in-out infinite;
  1779.        }
  1780.  
  1781.        @keyframes videoFloat {
  1782.            0%, 100% { transform: translateY(0px); }
  1783.            50% { transform: translateY(-10px); }
  1784.        }
  1785.  
  1786.        .video-container iframe {
  1787.            width: 100%;
  1788.            height: 315px;
  1789.            border: none;
  1790.        }
  1791.  
  1792.        .form-container {
  1793.            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  1794.            border-radius: 20px;
  1795.            padding: 2rem;
  1796.            backdrop-filter: blur(10px);
  1797.            border: 1px solid rgba(255, 255, 255, 0.2);
  1798.            position: relative;
  1799.            overflow: hidden;
  1800.        }
  1801.  
  1802.        .form-container::before {
  1803.            content: '';
  1804.            position: absolute;
  1805.            top: -50%;
  1806.            left: -50%;
  1807.            width: 200%;
  1808.            height: 200%;
  1809.            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  1810.            animation: shimmer 3s infinite;
  1811.            pointer-events: none;
  1812.        }
  1813.  
  1814.        @keyframes shimmer {
  1815.            0% { transform: rotate(0deg); }
  1816.            100% { transform: rotate(360deg); }
  1817.        }
  1818.  
  1819.        .form-title {
  1820.            text-align: center;
  1821.            margin-bottom: 1.5rem;
  1822.            font-weight: 600;
  1823.            color: #333;
  1824.            position: relative;
  1825.        }
  1826.  
  1827.        .form-group {
  1828.            margin-bottom: 1.5rem;
  1829.            position: relative;
  1830.        }
  1831.  
  1832.        .form-control {
  1833.            border: 2px solid transparent;
  1834.            border-radius: 15px;
  1835.            padding: 12px 20px 12px 50px;
  1836.            font-size: 1rem;
  1837.            background: rgba(255, 255, 255, 0.9);
  1838.            backdrop-filter: blur(5px);
  1839.            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  1840.            position: relative;
  1841.        }
  1842.  
  1843.        .form-control:focus {
  1844.            border-color: #667eea;
  1845.            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  1846.            background: rgba(255, 255, 255, 1);
  1847.            transform: translateY(-2px);
  1848.        }
  1849.  
  1850.        .input-icon {
  1851.            position: absolute;
  1852.            left: 18px;
  1853.            top: 50%;
  1854.            transform: translateY(-50%);
  1855.            color: #667eea;
  1856.            font-size: 1.1rem;
  1857.            z-index: 2;
  1858.            transition: all 0.3s ease;
  1859.        }
  1860.  
  1861.        .form-group:focus-within .input-icon {
  1862.            color: #764ba2;
  1863.            transform: translateY(-50%) scale(1.1);
  1864.        }
  1865.  
  1866.        .download-btn {
  1867.            background: linear-gradient(45deg, #667eea, #764ba2);
  1868.            border: none;
  1869.            border-radius: 50px;
  1870.            padding: 15px 40px;
  1871.            font-weight: 600;
  1872.            font-size: 1.1rem;
  1873.            color: white;
  1874.            width: 100%;
  1875.            position: relative;
  1876.            overflow: hidden;
  1877.            transition: all 0.3s ease;
  1878.            text-transform: uppercase;
  1879.            letter-spacing: 1px;
  1880.        }
  1881.  
  1882.        .download-btn::before {
  1883.            content: '';
  1884.            position: absolute;
  1885.            top: 0;
  1886.            left: -100%;
  1887.            width: 100%;
  1888.            height: 100%;
  1889.            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  1890.            transition: all 0.5s ease;
  1891.        }
  1892.  
  1893.        .download-btn:hover::before {
  1894.            left: 100%;
  1895.        }
  1896.  
  1897.        .download-btn:hover {
  1898.            transform: translateY(-3px);
  1899.            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
  1900.            background: linear-gradient(45deg, #764ba2, #667eea);
  1901.        }
  1902.  
  1903.        .download-btn:active {
  1904.            transform: translateY(-1px);
  1905.        }
  1906.  
  1907.        .floating-elements {
  1908.            position: absolute;
  1909.            top: 0;
  1910.            left: 0;
  1911.            width: 100%;
  1912.            height: 100%;
  1913.            pointer-events: none;
  1914.            overflow: hidden;
  1915.        }
  1916.  
  1917.        .floating-circle {
  1918.            position: absolute;
  1919.            border-radius: 50%;
  1920.            background: linear-gradient(45deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
  1921.            animation: float 6s ease-in-out infinite;
  1922.        }
  1923.  
  1924.        .floating-circle:nth-child(1) {
  1925.            width: 60px;
  1926.            height: 60px;
  1927.            top: 20%;
  1928.            left: 10%;
  1929.            animation-delay: 0s;
  1930.        }
  1931.  
  1932.        .floating-circle:nth-child(2) {
  1933.            width: 40px;
  1934.            height: 40px;
  1935.            top: 60%;
  1936.            right: 15%;
  1937.            animation-delay: 2s;
  1938.        }
  1939.  
  1940.        .floating-circle:nth-child(3) {
  1941.            width: 30px;
  1942.            height: 30px;
  1943.            bottom: 30%;
  1944.            left: 20%;
  1945.            animation-delay: 4s;
  1946.        }
  1947.  
  1948.        @keyframes float {
  1949.            0%, 100% {
  1950.                transform: translateY(0px) rotate(0deg);
  1951.                opacity: 0.7;
  1952.            }
  1953.            50% {
  1954.                transform: translateY(-20px) rotate(180deg);
  1955.                opacity: 1;
  1956.            }
  1957.        }
  1958.  
  1959.        .modal.show .modal-dialog {
  1960.            animation: modalSlideIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  1961.        }
  1962.  
  1963.        @keyframes modalSlideIn {
  1964.            from {
  1965.                opacity: 0;
  1966.                transform: scale(0.7) translateY(-50px);
  1967.            }
  1968.            to {
  1969.                opacity: 1;
  1970.                transform: scale(1) translateY(0);
  1971.            }
  1972.        }
  1973.  
  1974.        .form-control.animate {
  1975.            animation: inputPop 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  1976.        }
  1977.  
  1978.        @keyframes inputPop {
  1979.            0% { transform: scale(1); }
  1980.            50% { transform: scale(1.05); }
  1981.            100% { transform: scale(1); }
  1982.        }
  1983.  
  1984.        .success-message {
  1985.            display: none;
  1986.            text-align: center;
  1987.            padding: 1rem;
  1988.            background: linear-gradient(45deg, #4ecdc4, #44a08d);
  1989.            color: white;
  1990.            border-radius: 15px;
  1991.            margin-top: 1rem;
  1992.            animation: successSlide 0.5s ease;
  1993.        }
  1994.  
  1995.        @keyframes successSlide {
  1996.            from {
  1997.                opacity: 0;
  1998.                transform: translateY(20px);
  1999.            }
  2000.            to {
  2001.                opacity: 1;
  2002.                transform: translateY(0);
  2003.            }
  2004.        }
  2005.  
  2006.        @media (max-width: 768px) {
  2007.            .modal-dialog {
  2008.                margin: 1rem;
  2009.            }
  2010.  
  2011.            .modal-title {
  2012.                font-size: 1.5rem;
  2013.            }
  2014.  
  2015.            .video-container iframe {
  2016.                height: 250px;
  2017.            }
  2018.  
  2019.            .form-container {
  2020.                padding: 1.5rem;
  2021.            }
  2022.        }
  2023. </style>
  2024.  
  2025.  
  2026. <body>
  2027.  
  2028. <!--<div data-aos="fade-left" class="sticky__btn aos-init aos-animate">-->
  2029. <!--    <ul>-->
  2030.  
  2031. <!--        <li><a href="https://onlinesystem.anits.edu.in/" target="_blank">Admissions Open 2025|Apply</a></li>-->
  2032. <!--    </ul>-->
  2033. <!--</div>-->
  2034.  
  2035.  
  2036. <!-- page wrapper start -->
  2037.  
  2038. <div class="page-wrapper">
  2039.  
  2040.    <!-- preloader start -->
  2041.  
  2042.        <div id="ht-preloader">
  2043.      <div class="clear-loader d-flex align-items-center justify-content-center">
  2044.  
  2045.        <div class="loader">
  2046.          <img src="/static/images/logo.png" class="img-fluid" style="width: 80px;" /> <br /> <br />
  2047.          <p style="color: #fff;">Loading... </p>
  2048.        </div>
  2049.      </div>
  2050.    </div>
  2051.  
  2052.    <header id="site-header" class="header">
  2053. <div class="topmost_header py-1">
  2054.  <div class="container-fluid">
  2055.    <div class="d-flex flex-column flex-sm-row flex-wrap justify-content-center align-items-center text-center gap-2" style="line-height: 1.2;">
  2056.  
  2057.      <!-- Contact Info -->
  2058.      <div class="top_call m-0 p-0" style="line-height: 1.5;">
  2059.        <span>College Code:</span> <b>ANIL</b> &emsp;
  2060.        <span>Email:</span> principal@anits.edu.in &emsp;
  2061.       8712005999, 8712008222, 9154220250 <small>(Admissions)</small>
  2062.      </div>
  2063.  
  2064.      <!-- Menu Links -->
  2065.      <ul class="menu-topmenu list-unstyled d-flex flex-row gap-2 mb-0" style="line-height: 1;">
  2066.        <li><a title="NBA" href="/nba">NBA</a></li>
  2067.        <li><a title="NAAC" href="/naac">NAAC</a></li>
  2068.        <li><a title="IIC" href="/iic">IIC</a></li>
  2069.        <li><a title="E-Learning" href="/elearning">E-Learning</a></li>
  2070.      </ul>
  2071.  
  2072.    </div>
  2073.  </div>
  2074. </div>
  2075.  
  2076.  
  2077.  
  2078.  <div id="header-wrap">
  2079.    <div class="topHeader py-2">
  2080.  <div class="container">
  2081.    <div class="row align-items-center">
  2082.      <!-- Logo - smaller on mobile, but visible -->
  2083.      <div class="col-3 col-md-2 col-lg-1">
  2084.        <a href="/">
  2085.          <img id="logo-img" class="img-fluid" src="/static/images/logo_header1.png" alt="ANITS Logo" style="max-width: 64px;">
  2086.        </a>
  2087.      </div>
  2088.  
  2089.      <!-- Institute name - responsive text size -->
  2090.      <div class="col-9 col-md-6 col-lg-7">
  2091.        <a href="/" class="text-decoration-none">
  2092.          <div class="logo-text fs-6 fs-md-5 fs-lg-4 fw-bold">ANIL NEERUKONDA INSTITUTE OF TECHNOLOGY & SCIENCES</div>
  2093.        </a>
  2094.      </div>
  2095.  
  2096.      <!-- Accreditation logos - hide on very small screens -->
  2097.      <div class="col-md-4 col-lg-4 d-none d-md-block">
  2098.        <div class="d-flex justify-content-end gap-2">
  2099.          <img class="img-fluid" src="/static/images/auto.webp" alt="Autonomous Status" style="max-height: 70px;">
  2100.          <img class="img-fluid" src="/static/images/naac.png" alt="NAAC Accreditation" style="max-height: 70px;">
  2101.          <!--<img class="img-fluid" src="/static/images/admnopen2.png" alt="Admissions open" style="max-height: 70px;">-->
  2102.         <a href="#" data-bs-toggle="modal" data-bs-target="#videoModal" title="Get Brochure">
  2103.  <img src="/static/images/admnopen2.png" alt="Download Brochure" class="flicker" style="max-height: 70px;">
  2104. </a>
  2105. <a href="/static/images/meritranks.pdf" target="_blank" >
  2106.  <img src="/static/images/merrit1.png" alt="Download Brochure" style="max-height: 80px;" >
  2107. </a>
  2108.        </div>
  2109.      </div>
  2110.    </div>
  2111.  </div>
  2112. </div>
  2113.  
  2114. <!-- Add these CSS improvements to your stylesheet -->
  2115. <style>
  2116.  @media (max-width: 767.98px) {
  2117.    .logo-text {
  2118.      font-size: 14px !important;
  2119.      line-height: 1.2;
  2120.    }
  2121.  
  2122.    #logo-img {
  2123.      max-width: 70px;
  2124.    }
  2125.  }
  2126.  
  2127.  @media (min-width: 768px) and (max-width: 991.98px) {
  2128.    .logo-text {
  2129.      font-size: 16px !important;
  2130.    }
  2131.  }
  2132.  
  2133.  @media (min-width: 992px) {
  2134.    .logo-text {
  2135.      font-size: 18px !important;
  2136.    }
  2137.  }
  2138.  
  2139.  @keyframes flicker {
  2140.  0%, 100% { opacity: 1; }
  2141.  50% { opacity: 0.4; }
  2142. }
  2143.  
  2144. .flicker {
  2145.  animation: flicker 1s infinite;
  2146. }
  2147. </style>
  2148.  
  2149.    <div class="menuheader">
  2150.      <div class="container ">
  2151.        <div class="row">
  2152.          <div class="col-sm-12">
  2153.            <nav class="navbar navbar-expand-lg">
  2154.              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
  2155.                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span></span>
  2156.                <span></span>
  2157.                <span></span>
  2158.              </button>
  2159.              <div class="collapse navbar-collapse" id="navbarNav">
  2160.                <ul class="navbar-nav mx-auto position-relative">
  2161.                  <!-- Home -->
  2162.                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#"
  2163.                      data-bs-toggle="dropdown">About Us</a>
  2164.                    <ul class="dropdown-menu">
  2165.                          <li><a href="/anits_glance">Anits at a glance</a></li>
  2166.                                                <!--<li><a href="/about_vision_mission">vision &amp; mission</a></li>-->
  2167.                                                <li><a href="/about_principal">Principal</a></li>
  2168.                                                <li><a href="/directorRD">Director R & D</a></li>
  2169.                                                <li><a href="/our_team">Our team</a></li>
  2170.                                                <!--<li><a href="/our_society">Our society</a></li>-->
  2171.                                                <!--<li><a href="/governing_body">Governing body</a></li>-->
  2172.                                                <!--<li><a href="/finance">Finance Committee</a></li>-->
  2173.                                                <li><a href="/committees">Committees</a></li>
  2174.                                                <li><a href="/academic_council">Academic council</a></li>
  2175.                                                <li><a href="/organization_chart">Organization chart</a></li>
  2176.                                              
  2177.                                                
  2178.  
  2179.                    </ul>
  2180.                  </li>
  2181.               <li class="nav-item "> <a class="nav-link " href="/admissions">Admissions</a>
  2182.  
  2183.                  </li>
  2184.  
  2185.                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#"
  2186.                      data-bs-toggle="dropdown">Academics</a>
  2187.                    <ul class="dropdown-menu">
  2188.                                                <li><a href="/academiccalendar">Academic Calendar</a></li>
  2189.                                                <li><a href="/timetable">Time Table</a></li>
  2190.                                                <li><a href="/syllabusacademics"> Syllabus</a></li>
  2191.                                                <li><a href="/elearning">E-Learning</a></li>
  2192.                                                <li><a href="/exam">Exam Section</a></li>
  2193.  
  2194.                                                <li><a href="/static/images/ISOcertficate.pdf">ISO Certificate</a></li>
  2195.                                                <li><a href="/apssdc">APSSDC</a></li>
  2196.                                                <li><a href="/swayam">SWAYAM-NPTEL</a></li>
  2197.  
  2198.                                                <!--<li><a href="/studentclubs">Student Clubs</a></li>-->
  2199.                                                <li><a href="/professionalbodies">Professional Bodies</a></li>
  2200.                        <li><a href="/NSS">NSS</a></li>
  2201.                        <li><a href="/NCC">NCC</a></li>
  2202.                        <!--<li><a href="/finance">Prospectus</a></li>-->
  2203.                        <!--<li><a href="/finance">Mandatory Disclosure</a></li>-->
  2204.                    </ul>
  2205.                  </li>
  2206.  
  2207.  
  2208.       <li class="nav-item dropdown">
  2209.    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Departments</a>
  2210.    <ul class="dropdown-menu">
  2211.        <li><a class="dropdown-item" href="/department/chemical" >Chemical Engineering</a></li>
  2212.        <li><a class="dropdown-item" href="/department/civil">Civil Engineering</a></li>
  2213.        <li><a class="dropdown-item" href="/department/cse">Computer Science and Engineering</a></li>
  2214.        <li><a class="dropdown-item" href="/department/cse-ai-ml">Computer Science and Engineering<br> (AI&amp;ML)</a></li>
  2215.        <li><a class="dropdown-item" href="/department/cse-ds" >Computer Science and Engineering<br> (DS)</a></li>
  2216.        <li><a class="dropdown-item" href="/department/eee" >Electrical & Electronics Eng.</a></li>
  2217.        <li><a class="dropdown-item" href="/department/ece" >Electronics & Communication Eng.</a></li>
  2218.        <li><a class="dropdown-item" href="/department/it">Information Technology</a></li>
  2219.        <li><a class="dropdown-item" href="/department/mech">Mechanical Engineering</a></li>
  2220.        <li><a class="dropdown-item" href="/department/mba">MBA (Hospital Administration)</a></li>
  2221.      
  2222.        <li class="dropdown-submenu">
  2223.            <a class="dropdown-item dropdown-toggle" href="#" >Freshman Engineering Department</a>
  2224.            <ul class="dropdown-menu">
  2225.                                <li><a class="dropdown-item" href="/fed" >FED-HOD</a></li>
  2226.  
  2227.                <li><a class="dropdown-item" href="/department/chemistry" >Chemistry</a></li>
  2228.                <li><a class="dropdown-item" href="/department/english" >English and Humanities</a></li>
  2229.                <li><a class="dropdown-item" href="/department/maths" >Mathematics</a></li>
  2230.                <li><a class="dropdown-item" href="/department/physics" >Physics</a></li>
  2231.            </ul>
  2232.        </li>
  2233.    </ul>
  2234. </li>
  2235.  
  2236.  
  2237.  
  2238.                      <li class="nav-item "> <a class="nav-link " href="/department/rdc">R&D</a>
  2239.                      <ul class="dropdown-menu">
  2240.                      <li class="nav-item "> <a class="nav-link " href="/directorRD">R&D</a></li>
  2241.  
  2242.                      </ul>
  2243.  
  2244.                  </li>
  2245.                   <li class="nav-item "> <a class="nav-link " href="/iqac">IQAC</a>
  2246.  
  2247.                  </li>
  2248.  
  2249.  
  2250.  
  2251.  
  2252.  
  2253.  
  2254.  
  2255.  
  2256.  
  2257.                    <li class="nav-item "> <a class="nav-link " href="/policies">Policies </a>
  2258.  
  2259.                  </li>
  2260.  
  2261.                    <li class="nav-item "> <a class="nav-link " href="/facilities">Facilities </a></li>
  2262.                     <li class="nav-item "> <a class="nav-link " href="/centrallibrary">Library</a></li>
  2263.  
  2264.                    <li class="nav-item "> <a class="nav-link " href="/training_placements">Training&Placements </a></li>
  2265.  
  2266.  
  2267.                </ul>
  2268.              </div>
  2269.  
  2270.  
  2271.            </nav>
  2272.          </div>
  2273.        </div>
  2274.      </div>
  2275.    </div>
  2276.  
  2277.  </div>
  2278.  
  2279.  </header>
  2280.  
  2281.  
  2282.    <!--header end-->
  2283.  
  2284.  
  2285.    <!--hero section start-->
  2286.  
  2287.  
  2288.                    <section>
  2289.  
  2290.   <section class="banner p-0 pos-r adj_section" >
  2291.    <div id="demo2" class="carousel slide banner" data-bs-ride="carousel" data-bs-interval="3000" data-bs-pause="false">
  2292.        <!-- Indicators/dots -->
  2293.        <div class="carousel-indicators">
  2294.            
  2295.                <button type="button" data-bs-target="#demo2" data-bs-slide-to="0" class="active"></button>
  2296.            
  2297.                <button type="button" data-bs-target="#demo2" data-bs-slide-to="1" class=""></button>
  2298.            
  2299.                <button type="button" data-bs-target="#demo2" data-bs-slide-to="2" class=""></button>
  2300.            
  2301.                <button type="button" data-bs-target="#demo2" data-bs-slide-to="3" class=""></button>
  2302.            
  2303.                <button type="button" data-bs-target="#demo2" data-bs-slide-to="4" class=""></button>
  2304.            
  2305.        </div>
  2306.  
  2307.        <!-- The slideshow/carousel -->
  2308.        <div class="carousel-inner">
  2309.            
  2310.                <div class="carousel-item active">
  2311.                    <img src="/media/jrcollege/slides/4_VrB8lcO.5_-_6.75_LPA_2.png" style="background-size: cover;width: 100%">
  2312.                </div>
  2313.            
  2314.                <div class="carousel-item ">
  2315.                    <img src="/media/jrcollege/slides/4_NlS18ac.5_-_6.75_LPA.png" style="background-size: cover;width: 100%">
  2316.                </div>
  2317.            
  2318.                <div class="carousel-item ">
  2319.                    <img src="/media/jrcollege/slides/4_eAerJaO.5_-_6.75_LPA_3.png" style="background-size: cover;width: 100%">
  2320.                </div>
  2321.            
  2322.                <div class="carousel-item ">
  2323.                    <img src="/media/jrcollege/slides/2_DyuBQWE_1_1_1_myjt4bG.png" style="background-size: cover;width: 100%">
  2324.                </div>
  2325.            
  2326.                <div class="carousel-item ">
  2327.                    <img src="/media/jrcollege/slides/slide2_2_YZSPSoq_DrN5pxS.png" style="background-size: cover;width: 100%">
  2328.                </div>
  2329.            
  2330.        </div>
  2331.  
  2332.        <!-- Left and right controls/icons -->
  2333.        <button class="carousel-control-prev" type="button" data-bs-target="#demo2" data-bs-slide="prev">
  2334.            <span class="carousel-control-prev-icon"></span>
  2335.        </button>
  2336.        <button class="carousel-control-next" type="button" data-bs-target="#demo2" data-bs-slide="next">
  2337.            <span class="carousel-control-next-icon"></span>
  2338.        </button>
  2339.    </div>
  2340. </section>
  2341.    <!--hero section end-->
  2342.  
  2343.  
  2344.    <!--body content start-->
  2345.  
  2346.    <div class="page-content">
  2347.  
  2348.        <!--feature start-->
  2349.        <section>
  2350.            <div class="container">
  2351.                <div class="row align-items-center justify-content-between">
  2352.                    <div class="col-lg-6 col-12 pe-md-6">
  2353.                        <iframe
  2354.                                width="560"
  2355.                                height="315"
  2356.                                src="https://www.youtube.com/embed/LGzFBhVqQ20?si=wgBmE8uV9cryJRHK&autoplay=1&mute=1&loop=1&playlist=LGzFBhVqQ20"
  2357.                                title="YouTube video player"
  2358.                                frameborder="0"
  2359.                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  2360.                                allowfullscreen>
  2361.                        </iframe>
  2362.  
  2363.                    </div>
  2364.                    <div class="col-lg-6 col-12 mt-6 mt-lg-0">
  2365.                        <div>
  2366.                            <h2 class="events-title">Welcome to ANITS</h2>
  2367.                            <p class="mb-0">Anil Neerukonda Institute of Technology & Sciences (ANITS), Visakhapatnam is
  2368.                                owned by Megha Engineering and Infrastructure Limited (MEIL) which is one of the top
  2369.                                infrastructure and manufacturing company in India with headquarters at Hyderabad. The
  2370.                                institute was established in the academic year 2001-02 by Anil Neerukonda Educational
  2371.                                Society (ANES) which was founded by Dr. N.B.R. Prasad, an NRI Philanthropist from the
  2372.                                USA,
  2373.                                with industrialists and eminent educationists in memory of Late Anil Neerukonda, S/o.
  2374.                                Dr.
  2375.                                N.B.R. Prasad.
  2376.                            </p> <br/>
  2377.                        </div>
  2378.                        </a>
  2379.                    </div>
  2380.                </div>
  2381.            </div>
  2382.        </section>
  2383.  
  2384.        <section data-aos="fade-up" data-aos-duration="800" class="aos-init aos-animate">
  2385.            <div class="container">
  2386.                <div style="display: flex; justify-content: center;">
  2387.                    <h2 style="text-align: center; padding-right: 20px;" class="events-title">ANITS at a Glance</h2>
  2388.                </div>
  2389.  
  2390.  
  2391.                <div class="counter-cards">
  2392.                    <div class="counter-cards__item counter-cards__item--yellow">
  2393.                        <h3 class="counter-cards__number">6.5k+</h3>
  2394.                        <p></p>
  2395.                        <p>Active students</p>
  2396.                        <p></p>
  2397.                    </div>
  2398.                    <div class="counter-cards__item counter-cards__item--green">
  2399.                        <h3 class="counter-cards__number">90k+</h3>
  2400.                        <p></p>
  2401.                        <p>Alumni across 105 countries</p>
  2402.                        <p></p>
  2403.                    </div>
  2404.                    <div class="counter-cards__item counter-cards__item--red">
  2405.                        <h3 class="counter-cards__number">1600+</h3>
  2406.                        <p></p>
  2407.                        <p>Teaching staff</p>
  2408.                        <p></p>
  2409.                    </div>
  2410.                    <div class="counter-cards__item counter-cards__item--yellow">
  2411.                        <h3 class="counter-cards__number">75% +</h3>
  2412.                        <p></p>
  2413.                        <p>&nbsp;Faculty with PhDs in most disciplines</p>
  2414.                        <p></p>
  2415.                    </div>
  2416.                    <div class="counter-cards__item counter-cards__item--green">
  2417.                        <h3 class="counter-cards__number">18k+</h3>
  2418.                        <p></p>
  2419.                        <p>Publications</p>
  2420.                        <p></p>
  2421.                    </div>
  2422.                    <div class="counter-cards__item counter-cards__item--red">
  2423.                        <h3 class="counter-cards__number">82</h3>
  2424.                        <p></p>
  2425.                        <p>H-Index</p>
  2426.                        <p></p>
  2427.                    </div>
  2428.                    <div class="counter-cards__item counter-cards__item--yellow">
  2429.                        <h3 class="counter-cards__number">150+</h3>
  2430.                        <p></p>
  2431.                        <p>Research projects</p>
  2432.                        <p></p>
  2433.                    </div>
  2434.                    <div class="counter-cards__item counter-cards__item--green">
  2435.                        <h3 class="counter-cards__number">300+</h3>
  2436.                        <p></p>
  2437.                        <p>Patents</p>
  2438.                        <p></p>
  2439.                    </div>
  2440.                </div>
  2441.            </div>
  2442.        </section>
  2443.                 <section class="accreditation-section text-center">
  2444.        <div class="container">
  2445.            <h1 class="accreditation-title" style="color: white">Recognition. Renown.</h1>
  2446.            <h2 class="accreditation-title" style="color: white">Accreditations</h2>
  2447.            <p class="accreditation-description">
  2448.                Enter a realm where creativity ignites excellence at ANITS.
  2449.                Home to the illustrious NAAC "A+" honour and a beacon in India's NIRF top 150,
  2450.                we're a cradle of greatness recognised by AICTE, TCS, and JNTU(H).
  2451.                Here, horizons are limitless, and dreams are the seeds of reality.
  2452.                Embrace the canvas where your brightest colours come alive.
  2453.            </p>
  2454.            <div class="accreditation-cards row">
  2455.                <div class="accreditation-card col-md-4">
  2456.                    <img src="/static/images/NBA-1-150x117.png" alt="NBA Accreditation">
  2457.                    <h3>NBA Accreditation</h3>
  2458.                </div>
  2459.                <div class="accreditation-card col-md-4">
  2460.                    <img src="/static/images/naac-1.png" alt="NAAC A Accreditation">
  2461.                    <h3>NAAC "A+" Accreditation</h3>
  2462.                </div>
  2463.                <div class="accreditation-card col-md-4" >
  2464.                    <img src="/static/images/UGC.png" alt="UGC Autonomous">
  2465.                    <h3>UGC Autonomous</h3>
  2466.                </div>
  2467.            </div>
  2468.        </div>
  2469.    </section>
  2470.        <section class="p-0 card-container" style="margin-top: 30px;">
  2471.            <div class="container">
  2472.                <div class="row">
  2473.                    <div class="col-sm-6">
  2474.  
  2475.                        <div class="card-header">
  2476.                            <div class="bubble"></div>
  2477.                            <div class="bubble"></div>
  2478.                            <div class="bubble"></div>
  2479.                            <h2 class="text-white">Events</h2>
  2480.                        </div>
  2481.                        <div class="card-content">
  2482.  
  2483.  
  2484.                            <!-- Double the news items for seamless loop -->
  2485.                            <!-- First set of items -->
  2486.                          
  2487. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2488.                                                   data-bs-target="#eventModal"
  2489.                                                   data-title="Two-Day International Conference on
  2490. AI in ELT: Bridging Pedagogy and Performance in the Digital Age"
  2491.                                                   data-id="35"
  2492.                                                   data-description=""
  2493.                                                   data-date="27 Jun 2025"
  2494.                                                   data-gallery=""><div class="news-item">
  2495.    <div class="news-date">
  2496.        <span class="day">27</span>
  2497.        <span>Jun 2025</span>
  2498.    </div>
  2499.    <div class="news-content">
  2500.        <h5 class="news-title">
  2501.            <span class="news-indicator indicator-new"></span>
  2502.            Two-Day International Conference on
  2503. AI in ELT: Bridging Pedagogy and Performance in the Digital Age
  2504.        </h5>
  2505.        <p class="news-desc">
  2506.            
  2507.        </p>
  2508.        <div>
  2509.            <span class="news-tag">
  2510.                <i class="fas fa-tag me-1"></i> Conference
  2511.            </span>
  2512.            <span class="news-tag">
  2513.                <i class="fas fa-calendar-alt me-1"></i> Department: ENGLISH
  2514.            </span>
  2515.        </div>
  2516.    </div>
  2517. </div></a>
  2518.  
  2519. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2520.                                                   data-bs-target="#eventModal"
  2521.                                                   data-title="Online FDP on Transforming in Medical Research with Next-Gen AI : Machine Learning &amp; Deep Learning in Action"
  2522.                                                   data-id="13"
  2523.                                                   data-description="The Department of CSE is organizing an online FDP on Transforming in Medical Research with Next-Gen AI : Machine Learning &amp; Deep Learning in Action
  2524. In Association With Electronics &amp; ICT Academy, NIT Warangal from 16th June 2025 to 26th June 2025. Registration Link : https://forms.gle/HoW7W2HLnYZK7hcTA."
  2525.                                                   data-date="16 Jun 2025"
  2526.                                                   data-gallery=""><div class="news-item">
  2527.    <div class="news-date">
  2528.        <span class="day">16</span>
  2529.        <span>Jun 2025</span>
  2530.    </div>
  2531.    <div class="news-content">
  2532.        <h5 class="news-title">
  2533.            <span class="news-indicator indicator-new"></span>
  2534.            Online FDP on Transforming in Medical Research with Next-Gen AI : Machine Learning &amp; Deep Learning in Action
  2535.        </h5>
  2536.        <p class="news-desc">
  2537.            The Department of CSE is organizing an online FDP on Transforming in Medical Research with Next-Gen AI : Machine Learning …
  2538.        </p>
  2539.        <div>
  2540.            <span class="news-tag">
  2541.                <i class="fas fa-tag me-1"></i> FDP
  2542.            </span>
  2543.            <span class="news-tag">
  2544.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE
  2545.            </span>
  2546.        </div>
  2547.    </div>
  2548. </div></a>
  2549.  
  2550. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2551.                                                   data-bs-target="#eventModal"
  2552.                                                   data-title="ONLINE FACULTY DEVELOPMENT PROGRAMME (FDP)
  2553. ON AI Innovations in Computer Vision, IoT, and Medical Imaging
  2554. Applications"
  2555.                                                   data-id="14"
  2556.                                                   data-description="AI Innovations in Computer Vision, IoT, and Medical Imaging
  2557. Applications
  2558. (16th June - 26th June 2025)
  2559. Organised by
  2560. Electronics &amp; ICT Academy, NIT Warangal
  2561. In association with
  2562. Department of ECE, Anil Neerukonda Institute of Technology and Sciences(A) (ANITS),
  2563. Sangivalasa, Bheemunipatnam Mandal, Visakhapatnam-531162.
  2564.  
  2565. Registration Link: https://forms.gle/H54cYKHtotSVAm828"
  2566.                                                   data-date="16 Jun 2025"
  2567.                                                   data-gallery=""><div class="news-item">
  2568.    <div class="news-date">
  2569.        <span class="day">16</span>
  2570.        <span>Jun 2025</span>
  2571.    </div>
  2572.    <div class="news-content">
  2573.        <h5 class="news-title">
  2574.            <span class="news-indicator indicator-new"></span>
  2575.            ONLINE FACULTY DEVELOPMENT PROGRAMME (FDP)
  2576. ON AI Innovations in Computer Vision, IoT, and Medical Imaging
  2577. Applications
  2578.        </h5>
  2579.        <p class="news-desc">
  2580.            AI Innovations in Computer Vision, IoT, and Medical Imaging Applications (16th June - 26th June 2025) Organised by Electronics &amp; …
  2581.        </p>
  2582.        <div>
  2583.            <span class="news-tag">
  2584.                <i class="fas fa-tag me-1"></i> FDP
  2585.            </span>
  2586.            <span class="news-tag">
  2587.                <i class="fas fa-calendar-alt me-1"></i> Department: ECE
  2588.            </span>
  2589.        </div>
  2590.    </div>
  2591. </div></a>
  2592.  
  2593. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2594.                                                   data-bs-target="#eventModal"
  2595.                                                   data-title="AI Workshop: Advanced Chatbot Development"
  2596.                                                   data-id="15"
  2597.                                                   data-description="1. Introduction
  2598. The AI Workshop on Chatbot Development was conducted as part of a skill development program aimed at equipping participants with hands-on experience in building AI-powered chatbots. The workshop covered fundamental concepts of artificial intelligence, natural language processing (NLP), and chatbot development using various frameworks and tools.
  2599.  
  2600. 2. Objectives
  2601. The primary objectives of the workshop were:
  2602.  
  2603. • To provide an understanding of AI and its applications in chatbot development.
  2604. • To introduce participants to NLP and its role in AI-driven conversations.
  2605. • To develop and deploy a functional chatbot for real-world applications.
  2606.  
  2607. 3. Workshop Highlights
  2608. • Introduction to AI and NLP
  2609. o Basics of AI and machine learning
  2610. o Overview of NLP techniques for chatbot interaction
  2611. o Understanding chatbot architecture (Rule-based vs. AI-powered)
  2613.  
  2615.  
  2616.  
  2617.  
  2618. • Chatbot Development
  2619. o Hands-on coding session to build a simple chatbot
  2620. o Training the chatbot with custom datasets
  2621.  
  2622. 4. Key Takeaways
  2623. • Participants gained theoretical knowledge and hands-on experience in chatbot development.
  2624. • They learned how to integrate AI models into chatbots for better conversational capabilities.
  2625. • The session provided insights into real-world applications in customer service, education, and business automation.
  2626. • A final project demonstration allowed participants to showcase their chatbot solutions.
  2627. 5. Conclusion
  2628. The AI workshop successfully provided a comprehensive learning experience on chatbot development, enabling participants to apply AI concepts in practical scenarios. With growing demand for AI-powered conversational agents, this skill development program empowered attendees with the knowledge and tools needed to build intelligent chatbots."
  2629.                                                   data-date="03 Apr 2025"
  2630.                                                   data-gallery=""><div class="news-item">
  2631.    <div class="news-date">
  2632.        <span class="day">03</span>
  2633.        <span>Apr 2025</span>
  2634.    </div>
  2635.    <div class="news-content">
  2636.        <h5 class="news-title">
  2637.            <span class="news-indicator indicator-new"></span>
  2638.            AI Workshop: Advanced Chatbot Development
  2639.        </h5>
  2640.        <p class="news-desc">
  2641.            1. Introduction The AI Workshop on Chatbot Development was conducted as part of a skill development program aimed at equipping …
  2642.        </p>
  2643.        <div>
  2644.            <span class="news-tag">
  2645.                <i class="fas fa-tag me-1"></i> Workshop
  2646.            </span>
  2647.            <span class="news-tag">
  2648.                <i class="fas fa-calendar-alt me-1"></i> Department: IT
  2649.            </span>
  2650.        </div>
  2651.    </div>
  2652. </div></a>
  2653.  
  2654. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2655.                                                   data-bs-target="#eventModal"
  2656.                                                   data-title="💻 CSI:  Code Zen Contest"
  2657.                                                   data-id="20"
  2658.                                                   data-description="Description:
  2659.     CodeZen was a high-energy, multi-round coding contest designed for 1st and 2nd-year students across all departments. Conducted via the Unstop platform, the event attracted 150+ participants and challenged their coding, logic, and analytical skills.
  2660. Key Highlights:
  2661. • 3 competitive rounds on Unstop
  2662. • Cross-department participation
  2663. • Strong focus on logic, fluency, and speed
  2664. &quot;Code smart. Code fast. CodeZen!&quot;"
  2665.                                                   data-date="03 Apr 2025"
  2666.                                                   data-gallery=""><div class="news-item">
  2667.    <div class="news-date">
  2668.        <span class="day">03</span>
  2669.        <span>Apr 2025</span>
  2670.    </div>
  2671.    <div class="news-content">
  2672.        <h5 class="news-title">
  2673.            <span class="news-indicator indicator-new"></span>
  2674.            💻 CSI:  Code Zen Contest
  2675.        </h5>
  2676.        <p class="news-desc">
  2677.            Description: CodeZen was a high-energy, multi-round coding contest designed for 1st and 2nd-year students across all departments. Conducted via the …
  2678.        </p>
  2679.        <div>
  2680.            <span class="news-tag">
  2681.                <i class="fas fa-tag me-1"></i> CSI
  2682.            </span>
  2683.            <span class="news-tag">
  2684.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  2685.            </span>
  2686.        </div>
  2687.    </div>
  2688. </div></a>
  2689.  
  2690. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2691.                                                   data-bs-target="#eventModal"
  2692.                                                   data-title="Training Programme - DevOps"
  2693.                                                   data-id="16"
  2694.                                                   data-description="The recent event on DevOps and the Software Development Life Cycle (SDLC) turned out to be a fantastic experience for everyone involved. It kicked off with a warm introduction from the HOD, who set a positive tone for the day. We were excited to have a guest speaker with immense expertise, who shared valuable insights into the world of modern software development.
  2695. During the session, the speaker delved into key DevOps principles and SDLC methodologies, emphasizing how important concepts like automation, continuous integration and delivery (CI/CD), Infrastructure as Code (IaC), and containerization are in today’s industry. Students were especially engaged as they got hands-on experience with essential DevOps tools like Git, Jenkins, Docker, Kubernetes, Terraform, and the ELK Stack, learning how these tools are applied in real-world scenarios.
  2696. One of the highlights was the interactive Q&amp;A session, which allowed students to ask questions about potential career paths, current industry trends, and relevant certifications. It was clear that there is a growing demand for professionals in the DevOps field, and participants left feeling inspired and informed.
  2697. The feedback from attendees was overwhelmingly positive, with many appreciating the practical approach and the relevance of the content to the industry. Looking ahead, we hope to offer hands-on workshops, guidance on certifications, and expert panel discussions to further enhance students’ technical skills and career readiness.
  2698. Overall, the event was not just educational but also highly engaging, leaving students equipped with essential skills for the future. It was a day well spent!"
  2699.                                                   data-date="03 Mar 2025"
  2700.                                                   data-gallery=""><div class="news-item">
  2701.    <div class="news-date">
  2702.        <span class="day">03</span>
  2703.        <span>Mar 2025</span>
  2704.    </div>
  2705.    <div class="news-content">
  2706.        <h5 class="news-title">
  2707.            <span class="news-indicator indicator-new"></span>
  2708.            Training Programme - DevOps
  2709.        </h5>
  2710.        <p class="news-desc">
  2711.            The recent event on DevOps and the Software Development Life Cycle (SDLC) turned out to be a fantastic experience for …
  2712.        </p>
  2713.        <div>
  2714.            <span class="news-tag">
  2715.                <i class="fas fa-tag me-1"></i> Guest Lecture
  2716.            </span>
  2717.            <span class="news-tag">
  2718.                <i class="fas fa-calendar-alt me-1"></i> Department: IT
  2719.            </span>
  2720.        </div>
  2721.    </div>
  2722. </div></a>
  2723.  
  2724. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2725.                                                   data-bs-target="#eventModal"
  2726.                                                   data-title="Guest Talk on &quot;Role of STPI in Promoting Entrepreneurship&quot;"
  2727.                                                   data-id="5"
  2728.                                                   data-description="🚀 Guest Talk on Entrepreneurship at ANITS CSE! 🚀
  2729.  
  2730. ANITS CSE hosted a Guest Talk on &quot;Role of STPI in Promoting Entrepreneurship&quot; with Dr. Suresh Batha, Additional Director, STPI as the speaker.
  2731.  
  2732. The session highlighted startups, innovation, government schemes, and the importance of technology for societal impact.
  2733.  
  2734. 💡 Key Highlights:
  2735. ✅ ANITS secured 4/5-star rating in MHRD 2022 IIC ranking
  2736. ✅ Significant funding for IoT-enabled smart solar system &amp; Harmonic Farming
  2737. ✅ Hackathon success &amp; startup opportunities
  2738.  
  2739. 💬 &quot;Success is a continuous journey!&quot; – Dr. Suresh Batha"
  2740.                                                   data-date="12 Feb 2025"
  2741.                                                   data-gallery=""><div class="news-item">
  2742.    <div class="news-date">
  2743.        <span class="day">12</span>
  2744.        <span>Feb 2025</span>
  2745.    </div>
  2746.    <div class="news-content">
  2747.        <h5 class="news-title">
  2748.            <span class="news-indicator indicator-new"></span>
  2749.            Guest Talk on &quot;Role of STPI in Promoting Entrepreneurship&quot;
  2750.        </h5>
  2751.        <p class="news-desc">
  2752.            🚀 Guest Talk on Entrepreneurship at ANITS CSE! 🚀 ANITS CSE hosted a Guest Talk on &quot;Role of STPI in …
  2753.        </p>
  2754.        <div>
  2755.            <span class="news-tag">
  2756.                <i class="fas fa-tag me-1"></i> Guest Talk
  2757.            </span>
  2758.            <span class="news-tag">
  2759.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE
  2760.            </span>
  2761.        </div>
  2762.    </div>
  2763. </div></a>
  2764.  
  2765. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2766.                                                   data-bs-target="#eventModal"
  2767.                                                   data-title="👨‍💻ISTE :  Blind Code Challenge 👩‍💻"
  2768.                                                   data-id="18"
  2769.                                                   data-description="Coding in the dark—literally! “Blind Code” tested students&#x27; raw coding skills as they solved problems without viewing their monitors. Held in the Department Lab, this event saw enthusiastic participation from 100 second and third-year B.Tech students.
  2770. Key Highlights:
  2771. • Intense coding with no screen visibility
  2772. • 10 finalists from both 2nd and 3rd year moved to Round 2
  2773. • Strong engagement and technical excitement
  2774.  
  2775. &quot;Code with your mind, not your eyes!&quot;"
  2776.                                                   data-date="28 Jan 2025"
  2777.                                                   data-gallery=""><div class="news-item">
  2778.    <div class="news-date">
  2779.        <span class="day">28</span>
  2780.        <span>Jan 2025</span>
  2781.    </div>
  2782.    <div class="news-content">
  2783.        <h5 class="news-title">
  2784.            <span class="news-indicator indicator-new"></span>
  2785.            👨‍💻ISTE :  Blind Code Challenge 👩‍💻
  2786.        </h5>
  2787.        <p class="news-desc">
  2788.            Coding in the dark—literally! “Blind Code” tested students&#x27; raw coding skills as they solved problems without viewing their monitors. Held …
  2789.        </p>
  2790.        <div>
  2791.            <span class="news-tag">
  2792.                <i class="fas fa-tag me-1"></i> ISTE
  2793.            </span>
  2794.            <span class="news-tag">
  2795.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  2796.            </span>
  2797.        </div>
  2798.    </div>
  2799. </div></a>
  2800.  
  2801. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2802.                                                   data-bs-target="#eventModal"
  2803.                                                   data-title="🌐 WORKSHOP on Computer Networking"
  2804.                                                   data-id="22"
  2805.                                                   data-description="A comprehensive Workshop on Computer Networking was conducted in multiple batches, engaging a total of 254 students from the CSM stream from 21/1/2025 to 30/1/2025.The workshop was facilitated by Mr. K. Vijay Kumar from Iconic Computers.
  2806. Designed to provide foundational to intermediate-level knowledge, the workshop blended theoretical concepts with hands-on practical sessions, enabling students to gain a solid understanding of the core principles of computer networking. By focusing on the architecture, protocols, and technologies that form the backbone of modern communication systems, the workshop empowered participants to build critical technical skills essential for both academic advancement and industry readiness.
  2807. Key Highlights:
  2808. • Hands-on networking simulations
  2809. • Batch-wise detailed sessions
  2810. • Conceptual clarity in real-time setups
  2811. &quot;Connecting the world, one packet at a time!&quot;
  2812. Gallery"
  2813.                                                   data-date="21 Jan 2025"
  2814.                                                   data-gallery=""><div class="news-item">
  2815.    <div class="news-date">
  2816.        <span class="day">21</span>
  2817.        <span>Jan 2025</span>
  2818.    </div>
  2819.    <div class="news-content">
  2820.        <h5 class="news-title">
  2821.            <span class="news-indicator indicator-new"></span>
  2822.            🌐 WORKSHOP on Computer Networking
  2823.        </h5>
  2824.        <p class="news-desc">
  2825.            A comprehensive Workshop on Computer Networking was conducted in multiple batches, engaging a total of 254 students from the CSM …
  2826.        </p>
  2827.        <div>
  2828.            <span class="news-tag">
  2829.                <i class="fas fa-tag me-1"></i> WORKSHOP
  2830.            </span>
  2831.            <span class="news-tag">
  2832.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  2833.            </span>
  2834.        </div>
  2835.    </div>
  2836. </div></a>
  2837.  
  2838. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2839.                                                   data-bs-target="#eventModal"
  2840.                                                   data-title="🎓 Online Faculty Development Program (FDP) on “Revolutionizing Education with Machine Learning &amp; Generative AI”"
  2841.                                                   data-id="30"
  2842.                                                   data-description="The Department of Computer Science and Engineering (AI &amp; ML) at ANITS, in association with the Electronics &amp; ICT Academy, NIT Warangal, organized a ten-day Faculty Development Programme (FDP) titled &quot;Revolutionizing Education with Machine Learning &amp; Generative AI.&quot; The event was coordinated by Dr. M. A. Srinuvasu and overseen by             Dr. K. Selvani Depthi, Head of the Department.
  2843.  
  2844. The FDP comprised two sessions per day, totalling 20 insightful sessions. A distinguished panel of 12 speakers from reputed institutions such as IITs, NITs, IIITs, foreign universities, and industry experts shared their expertise. The sessions delved into core topics including Artificial Intelligence, Machine Learning, Deep Learning, and the transformative role of Generative AI in modern education.
  2845.  
  2846. This FDP served as a dynamic platform for educators and researchers to explore cutting-edge AI technologies and their applications in educational innovation, curriculum development, and personalized learning experiences.
  2847. Such initiatives not only bridge the gap between academia and industry but also pave the way for a smarter, AI-driven future in education.
  2848.  
  2849. Key Highlights:
  2850. • Deep dive into ML, DL, and Generative AI
  2851. • Hands-on learning for real-world implementation
  2852. • Collaboration between academia and industry
  2853. &quot;Empowering educators to shape AI-powered classrooms!&quot;"
  2854.                                                   data-date="03 Jan 2025"
  2855.                                                   data-gallery=""><div class="news-item">
  2856.    <div class="news-date">
  2857.        <span class="day">03</span>
  2858.        <span>Jan 2025</span>
  2859.    </div>
  2860.    <div class="news-content">
  2861.        <h5 class="news-title">
  2862.            <span class="news-indicator indicator-new"></span>
  2863.            🎓 Online Faculty Development Program (FDP) on “Revolutionizing Education with Machine Learning &amp; Generative AI”
  2864.        </h5>
  2865.        <p class="news-desc">
  2866.            The Department of Computer Science and Engineering (AI &amp; ML) at ANITS, in association with the Electronics &amp; ICT Academy, …
  2867.        </p>
  2868.        <div>
  2869.            <span class="news-tag">
  2870.                <i class="fas fa-tag me-1"></i> FDP
  2871.            </span>
  2872.            <span class="news-tag">
  2873.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  2874.            </span>
  2875.        </div>
  2876.    </div>
  2877. </div></a>
  2878.  
  2879. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2880.                                                   data-bs-target="#eventModal"
  2881.                                                   data-title="🗣Guest Lecture on “Enhancing Interview Skills for Beginners”"
  2882.                                                   data-id="27"
  2883.                                                   data-description="A guest lecture on Enhancing Interview Skills for Beginners was conducted from 9:00 AM to 12:00 PM, attended by 74 students from II/IV B.Tech CSM &amp; CSD. The session was led by Dr. Sabirunnisa Gouse, Assistant Professor of English – FED, with the objective of preparing students for the competitive job market.
  2884. The session covered key aspects of interview readiness, including body language, communication strategies, and techniques for handling challenging questions. With a focus on building confidence and clarity, the lecture equipped students with practical tools to effectively present themselves during interviews and take their first steps toward professional success.
  2885. Key Highlights:
  2886. • Resume building, mock interviews &amp; do’s/don’ts
  2887. • Real-time feedback and interactive session
  2888. • Practical prep for placements
  2889. &quot;Ace your first impression!&quot;"
  2890.                                                   data-date="31 Dec 2024"
  2891.                                                   data-gallery=""><div class="news-item">
  2892.    <div class="news-date">
  2893.        <span class="day">31</span>
  2894.        <span>Dec 2024</span>
  2895.    </div>
  2896.    <div class="news-content">
  2897.        <h5 class="news-title">
  2898.            <span class="news-indicator indicator-new"></span>
  2899.            🗣Guest Lecture on “Enhancing Interview Skills for Beginners”
  2900.        </h5>
  2901.        <p class="news-desc">
  2902.            A guest lecture on Enhancing Interview Skills for Beginners was conducted from 9:00 AM to 12:00 PM, attended by 74 …
  2903.        </p>
  2904.        <div>
  2905.            <span class="news-tag">
  2906.                <i class="fas fa-tag me-1"></i> Guest Lecture
  2907.            </span>
  2908.            <span class="news-tag">
  2909.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  2910.            </span>
  2911.        </div>
  2912.    </div>
  2913. </div></a>
  2914.  
  2915. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2916.                                                   data-bs-target="#eventModal"
  2917.                                                   data-title="🧠 Guest Lecture on “Explainable Deep Learning to solve real time problems in various Domains”"
  2918.                                                   data-id="25"
  2919.                                                   data-description="An enlightening guest lecture on Explainable AI (XAI) Techniques was conducted from 9:00 AM to 12:00 PM, engaging 118 students from III/IV B.Tech CSM &amp; CSD programs. The session was delivered by Dr. Chandra Mohan D, Assistant Professor at IIIT Sri City, who provided an in-depth exploration of how explainable AI enhances transparency and interpretability in deep learning models.
  2920. Key Highlights:
  2921. • Deep learning applications across domains
  2922. • Focus on explainability and interpretability
  2923. • Expert-led with academic depth
  2924. &quot;AI that’s not just smart—but also understandable!&quot;"
  2925.                                                   data-date="23 Dec 2024"
  2926.                                                   data-gallery=""><div class="news-item">
  2927.    <div class="news-date">
  2928.        <span class="day">23</span>
  2929.        <span>Dec 2024</span>
  2930.    </div>
  2931.    <div class="news-content">
  2932.        <h5 class="news-title">
  2933.            <span class="news-indicator indicator-new"></span>
  2934.            🧠 Guest Lecture on “Explainable Deep Learning to solve real time problems in various Domains”
  2935.        </h5>
  2936.        <p class="news-desc">
  2937.            An enlightening guest lecture on Explainable AI (XAI) Techniques was conducted from 9:00 AM to 12:00 PM, engaging 118 students …
  2938.        </p>
  2939.        <div>
  2940.            <span class="news-tag">
  2941.                <i class="fas fa-tag me-1"></i> Guest Lecture
  2942.            </span>
  2943.            <span class="news-tag">
  2944.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  2945.            </span>
  2946.        </div>
  2947.    </div>
  2948. </div></a>
  2949.  
  2950. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2951.                                                   data-bs-target="#eventModal"
  2952.                                                   data-title="Industrial Visit  - Andhra Pradesh MedTech Zone (AMTZ) in Visakhapatnam"
  2953.                                                   data-id="6"
  2954.                                                   data-description="The visit aimed to provide students with practical insights into the workings of a med-tech manufacturing ecosystem and its role in the healthcare industry.
  2955.  
  2956. The primary objectives of the visit were:
  2957. 1. To understand the functioning of AMTZ as a manufacturing hub.
  2958. 2. To explore operational strategies and business models in the med-tech sector.
  2959. 3. To gain exposure to cutting-edge medical technology and its economic impact.
  2960. 4. To relate management theories to real-world industrial practices."
  2961.                                                   data-date="13 Dec 2024"
  2962.                                                   data-gallery=""><div class="news-item">
  2963.    <div class="news-date">
  2964.        <span class="day">13</span>
  2965.        <span>Dec 2024</span>
  2966.    </div>
  2967.    <div class="news-content">
  2968.        <h5 class="news-title">
  2969.            <span class="news-indicator indicator-new"></span>
  2970.            Industrial Visit  - Andhra Pradesh MedTech Zone (AMTZ) in Visakhapatnam
  2971.        </h5>
  2972.        <p class="news-desc">
  2973.            The visit aimed to provide students with practical insights into the workings of a med-tech manufacturing ecosystem and its role …
  2974.        </p>
  2975.        <div>
  2976.            <span class="news-tag">
  2977.                <i class="fas fa-tag me-1"></i> Industrial Visit
  2978.            </span>
  2979.            <span class="news-tag">
  2980.                <i class="fas fa-calendar-alt me-1"></i> Department: MBA
  2981.            </span>
  2982.        </div>
  2983.    </div>
  2984. </div></a>
  2985.  
  2986. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  2987.                                                   data-bs-target="#eventModal"
  2988.                                                   data-title="Two day workshop on “Artificial Intelligence for Chemical Engineers”"
  2989.                                                   data-id="8"
  2990.                                                   data-description="The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students chapter under Walter Region Centre organized a two day National student conference, “CHEMFLARE-2024”, during 1st and 2nd March 2024. Prof. R. Srikanth, Head of the chemical Engineering department, ANITS is the president of the inaugural function, Ms. S. Harika, Faculty convener, Ms. S. Srivalli, Student president RACE body were also present on the dais.
  2991. Prof. R. Srikanth, advised students to be actively involve in workshops, conferences, technical fests conducted. He encouraged our participants to study more and enlarge their knowledge in Chemical Engineering and applauded the role of a chemical engineer and also informed that the world is moving faster in technology and science.
  2992. Ms. S. Srivalli, RACE president, expressed that, the department will always encourage students to participate in various technical and extra-curricular activities. She also informed the activities of the CHEMFLARE-2024 such as Resonate (paper presentation), Re-vibe (poster presentation), reflux (model expo), reminisce (cross word), contests like Treasure Hunt, Wheel Reel and Create a Meme.
  2993. Ms. S. Harika, Faculty convener, thanked all the participants 65 are from outside colleges and 109 are in-house participants. She congratulated all the winners of various events. She expressed that all this would not have been possible, if it wasn’t for the students and faculty of our Chemical Engineering Department, working tirelessly and stepping out of their comfort zone to bring out the best in all the parts of this event. Hours of planning, coordinating and organizing went into the making of this conference, and we are all very glad to see it reaping amazing results from the amount of participation and appreciation that we are getting these past two days. She expressed gratitude for Prof. S. Subba Rao, Dr. Ch. Anil, Mr. M. Koteswara Rao, Dr. K. China Malakondaiah, Dr. D. Anjali, and Mr. B. Pradeep Santosh Kumar, other supporting staff, and Students who made the event grand success."
  2994.                                                   data-date="09 Dec 2024"
  2995.                                                   data-gallery=""><div class="news-item">
  2996.    <div class="news-date">
  2997.        <span class="day">09</span>
  2998.        <span>Dec 2024</span>
  2999.    </div>
  3000.    <div class="news-content">
  3001.        <h5 class="news-title">
  3002.            <span class="news-indicator indicator-new"></span>
  3003.            Two day workshop on “Artificial Intelligence for Chemical Engineers”
  3004.        </h5>
  3005.        <p class="news-desc">
  3006.            The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students …
  3007.        </p>
  3008.        <div>
  3009.            <span class="news-tag">
  3010.                <i class="fas fa-tag me-1"></i> Conferences / Workshops
  3011.            </span>
  3012.            <span class="news-tag">
  3013.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMICAL
  3014.            </span>
  3015.        </div>
  3016.    </div>
  3017. </div></a>
  3018.  
  3019. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3020.                                                   data-bs-target="#eventModal"
  3021.                                                   data-title="🛡️ Guest Lecture on “Empowering Women, Ending Violence &amp; Cyber Crimes”"
  3022.                                                   data-id="24"
  3023.                                                   data-description="A powerful and insightful session on Gender Rights, Women&#x27;s Safety, and Combating Cybercrimes was conducted from 11:00 AM to 12:00 PM, engaging 80 students from II/IV B.Tech CSM &amp; CSD programs. The session was led by Mr. Chowdari Hari Krishna, Sub-Inspector, Civil Law &amp; Order, who emphasized the importance of understanding gender rights, ensuring women&#x27;s safety, and recognizing the growing impact of cybercrimes in today’s digital era.
  3024. The talk highlighted the crucial intersection of technology and social responsibility, encouraging students to become proactive in promoting a safe, respectful, and inclusive digital environment. The session empowered students with knowledge of legal provisions, digital safety practices, and the importance of being vigilant and empathetic digital citizens.
  3025. Key Highlights:
  3026. • Awareness on violence, safety, and cyber laws
  3027. • Real-world examples of cybercrime scenarios
  3028. • Proactive measures and legal empowerment
  3029. &quot;Empower. Educate. Evolve.&quot;"
  3030.                                                   data-date="25 Nov 2024"
  3031.                                                   data-gallery=""><div class="news-item">
  3032.    <div class="news-date">
  3033.        <span class="day">25</span>
  3034.        <span>Nov 2024</span>
  3035.    </div>
  3036.    <div class="news-content">
  3037.        <h5 class="news-title">
  3038.            <span class="news-indicator indicator-new"></span>
  3039.            🛡️ Guest Lecture on “Empowering Women, Ending Violence &amp; Cyber Crimes”
  3040.        </h5>
  3041.        <p class="news-desc">
  3042.            A powerful and insightful session on Gender Rights, Women&#x27;s Safety, and Combating Cybercrimes was conducted from 11:00 AM to 12:00 …
  3043.        </p>
  3044.        <div>
  3045.            <span class="news-tag">
  3046.                <i class="fas fa-tag me-1"></i> Guest Lecture
  3047.            </span>
  3048.            <span class="news-tag">
  3049.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3050.            </span>
  3051.        </div>
  3052.    </div>
  3053. </div></a>
  3054.  
  3055. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3056.                                                   data-bs-target="#eventModal"
  3057.                                                   data-title="🔧 Guest Lecture  on  “Tech Trends Awareness: “Empowering Growth”"
  3058.                                                   data-id="29"
  3059.                                                   data-description="As part of the Life Skills series, a guest lecture titled “Tech Trends Awareness: Empowering Growth” was held from 9:00 AM to 12:00 PM, with the participation of 60 students from II/IV B.Tech CSM. The session was delivered by Mr. Dharanidhar Sunkari, Technical Lead at Proservartner, focusing on equipping students with awareness of transformative technologies shaping the future.
  3060. The lecture explored six major domains—Artificial Intelligence (AI), Machine Learning (ML), Internet of Things (IoT), Robotic Process Automation (RPA), Cloud Computing, and Cybersecurity. Through real-world case studies, emerging industry trends, and practical insights, students were inspired to embrace innovation and prepare themselves to lead in a dynamic digital landscape. The session emphasized adaptability, continuous learning, and proactive skill development as essential life skills for future-ready professionals.
  3061. Key Highlights:
  3062. • Industry-ready skills in tech
  3063. • Strategic upskilling for future careers
  3064. • Insightful career-building roadmap
  3065.         &quot;Stay ahead by staying informed!&quot;"
  3066.                                                   data-date="23 Nov 2024"
  3067.                                                   data-gallery=""><div class="news-item">
  3068.    <div class="news-date">
  3069.        <span class="day">23</span>
  3070.        <span>Nov 2024</span>
  3071.    </div>
  3072.    <div class="news-content">
  3073.        <h5 class="news-title">
  3074.            <span class="news-indicator indicator-new"></span>
  3075.            🔧 Guest Lecture  on  “Tech Trends Awareness: “Empowering Growth”
  3076.        </h5>
  3077.        <p class="news-desc">
  3078.            As part of the Life Skills series, a guest lecture titled “Tech Trends Awareness: Empowering Growth” was held from 9:00 …
  3079.        </p>
  3080.        <div>
  3081.            <span class="news-tag">
  3082.                <i class="fas fa-tag me-1"></i> Guest Lecture
  3083.            </span>
  3084.            <span class="news-tag">
  3085.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3086.            </span>
  3087.        </div>
  3088.    </div>
  3089. </div></a>
  3090.  
  3091. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3092.                                                   data-bs-target="#eventModal"
  3093.                                                   data-title="🚀 ISTE:  IDEATHON Contest 🚀"
  3094.                                                   data-id="17"
  3095.                                                   data-description="The “Ideathon Contest” at ANITS was a powerhouse of innovation and creativity! This exciting event offered students a platform to solve real-world problems using cutting-edge technologies like AI, ML, and Data Science. A total of 64 students formed 12 dynamic teams to participate in this highly collaborative and intellectually stimulating challenge.
  3096. Key Highlights:
  3097. • Innovation-driven collaboration
  3098. • AI/ML &amp; Data Science problem-solving
  3099. &quot;Great ideas come from teamwork and passion!&quot;"
  3100.                                                   data-date="20 Nov 2024"
  3101.                                                   data-gallery=""><div class="news-item">
  3102.    <div class="news-date">
  3103.        <span class="day">20</span>
  3104.        <span>Nov 2024</span>
  3105.    </div>
  3106.    <div class="news-content">
  3107.        <h5 class="news-title">
  3108.            <span class="news-indicator indicator-new"></span>
  3109.            🚀 ISTE:  IDEATHON Contest 🚀
  3110.        </h5>
  3111.        <p class="news-desc">
  3112.            The “Ideathon Contest” at ANITS was a powerhouse of innovation and creativity! This exciting event offered students a platform to …
  3113.        </p>
  3114.        <div>
  3115.            <span class="news-tag">
  3116.                <i class="fas fa-tag me-1"></i> ISTE
  3117.            </span>
  3118.            <span class="news-tag">
  3119.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3120.            </span>
  3121.        </div>
  3122.    </div>
  3123. </div></a>
  3124.  
  3125. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3126.                                                   data-bs-target="#eventModal"
  3127.                                                   data-title="How to crack a job interview"
  3128.                                                   data-id="34"
  3129.                                                   data-description="A one day seminar is organized by Department of Chemistry (FED) on Life Skills “How to crack a job interview” on 20th November 2024."
  3130.                                                   data-date="20 Nov 2024"
  3131.                                                   data-gallery=""><div class="news-item">
  3132.    <div class="news-date">
  3133.        <span class="day">20</span>
  3134.        <span>Nov 2024</span>
  3135.    </div>
  3136.    <div class="news-content">
  3137.        <h5 class="news-title">
  3138.            <span class="news-indicator indicator-new"></span>
  3139.            How to crack a job interview
  3140.        </h5>
  3141.        <p class="news-desc">
  3142.            A one day seminar is organized by Department of Chemistry (FED) on Life Skills “How to crack a job interview” …
  3143.        </p>
  3144.        <div>
  3145.            <span class="news-tag">
  3146.                <i class="fas fa-tag me-1"></i> Seminar
  3147.            </span>
  3148.            <span class="news-tag">
  3149.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMISTRY
  3150.            </span>
  3151.        </div>
  3152.    </div>
  3153. </div></a>
  3154.  
  3155. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3156.                                                   data-bs-target="#eventModal"
  3157.                                                   data-title="Solid Waste Management"
  3158.                                                   data-id="33"
  3159.                                                   data-description="An outreach and extension programme is organized along with the students of Chemical and Electrical and Electronics Engineering at Zilla Parishad High School, Boni (V), Anandapuram (M), Visakhapatnam on Solid Waste Management held on 16th November 2024."
  3160.                                                   data-date="16 Nov 2024"
  3161.                                                   data-gallery=""><div class="news-item">
  3162.    <div class="news-date">
  3163.        <span class="day">16</span>
  3164.        <span>Nov 2024</span>
  3165.    </div>
  3166.    <div class="news-content">
  3167.        <h5 class="news-title">
  3168.            <span class="news-indicator indicator-new"></span>
  3169.            Solid Waste Management
  3170.        </h5>
  3171.        <p class="news-desc">
  3172.            An outreach and extension programme is organized along with the students of Chemical and Electrical and Electronics Engineering at Zilla …
  3173.        </p>
  3174.        <div>
  3175.            <span class="news-tag">
  3176.                <i class="fas fa-tag me-1"></i> Outreach Program
  3177.            </span>
  3178.            <span class="news-tag">
  3179.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMISTRY
  3180.            </span>
  3181.        </div>
  3182.    </div>
  3183. </div></a>
  3184.  
  3185. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3186.                                                   data-bs-target="#eventModal"
  3187.                                                   data-title="Language and Communication Skills: Enhancing Interview Skills for Beginners"
  3188.                                                   data-id="32"
  3189.                                                   data-description="A one day seminar is organized by Department of Chemistry (FED) on Capacity Development and Skill-Enhancing Activity “Language and Communication Skills: Enhancing Interview Skills for Beginners” for Chemical and Civil Engineering students on 15th November 2024."
  3190.                                                   data-date="15 Nov 2024"
  3191.                                                   data-gallery=""><div class="news-item">
  3192.    <div class="news-date">
  3193.        <span class="day">15</span>
  3194.        <span>Nov 2024</span>
  3195.    </div>
  3196.    <div class="news-content">
  3197.        <h5 class="news-title">
  3198.            <span class="news-indicator indicator-new"></span>
  3199.            Language and Communication Skills: Enhancing Interview Skills for Beginners
  3200.        </h5>
  3201.        <p class="news-desc">
  3202.            A one day seminar is organized by Department of Chemistry (FED) on Capacity Development and Skill-Enhancing Activity “Language and Communication …
  3203.        </p>
  3204.        <div>
  3205.            <span class="news-tag">
  3206.                <i class="fas fa-tag me-1"></i> Seminar
  3207.            </span>
  3208.            <span class="news-tag">
  3209.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMISTRY
  3210.            </span>
  3211.        </div>
  3212.    </div>
  3213. </div></a>
  3214.  
  3215. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3216.                                                   data-bs-target="#eventModal"
  3217.                                                   data-title="💬Guest Lecture on “Emotional Intelligence (EI)”"
  3218.                                                   data-id="26"
  3219.                                                   data-description="A guest lecture on Emotional Intelligence was held from 9:00 AM to 12:00 PM for 49 students of II/IV B.Tech CSM &amp; CSD, delivered by Ms. G. Lavanya, Assistant Professor of English – FED. The session emphasized the importance of self-awareness, empathy, and communication in academic and professional success. Real-life success stories shared by the speaker provided practical insights, helping students connect theory with real-world application and encouraging them to strengthen their emotional intelligence for holistic growth.
  3220. Key Highlights:
  3221. • Networking, mentorship &amp; growth through EI
  3222. • Emotional self-regulation and active listening
  3223. • Real-world case discussions
  3224. &quot;EQ is the new IQ!&quot;"
  3225.                                                   data-date="29 Oct 2024"
  3226.                                                   data-gallery=""><div class="news-item">
  3227.    <div class="news-date">
  3228.        <span class="day">29</span>
  3229.        <span>Oct 2024</span>
  3230.    </div>
  3231.    <div class="news-content">
  3232.        <h5 class="news-title">
  3233.            <span class="news-indicator indicator-new"></span>
  3234.            💬Guest Lecture on “Emotional Intelligence (EI)”
  3235.        </h5>
  3236.        <p class="news-desc">
  3237.            A guest lecture on Emotional Intelligence was held from 9:00 AM to 12:00 PM for 49 students of II/IV B.Tech …
  3238.        </p>
  3239.        <div>
  3240.            <span class="news-tag">
  3241.                <i class="fas fa-tag me-1"></i> Guest Lecture
  3242.            </span>
  3243.            <span class="news-tag">
  3244.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3245.            </span>
  3246.        </div>
  3247.    </div>
  3248. </div></a>
  3249.  
  3250. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3251.                                                   data-bs-target="#eventModal"
  3252.                                                   data-title="⏳ Workshop on Time Management &amp; Goal Setting"
  3253.                                                   data-id="28"
  3254.                                                   data-description="A Workshop on Time Management &amp; Goal Setting was conducted from 9:00 AM to 12:00 PM, with participation from 50 students of II/IV B.Tech CSD. The session was led by Mrs. T. Sunandha Tulasi, Assistant Professor of English – FED, and aimed to empower students with practical strategies for achieving academic and career success.
  3255. The workshop focused on essential skills such as setting meaningful goals, time-blocking, identifying and minimizing distractions, and utilizing planners effectively. Through interactive discussions and hands-on techniques, students were encouraged to take control of their time and align their daily activities with long-term aspirations.
  3256. Key Highlights:
  3257. • Life planning strategies for students
  3258. • Stress reduction through time mastery
  3259. • Personalized goal-setting
  3260. &quot;Plan well. Act better. Succeed faster!&quot;"
  3261.                                                   data-date="28 Oct 2024"
  3262.                                                   data-gallery=""><div class="news-item">
  3263.    <div class="news-date">
  3264.        <span class="day">28</span>
  3265.        <span>Oct 2024</span>
  3266.    </div>
  3267.    <div class="news-content">
  3268.        <h5 class="news-title">
  3269.            <span class="news-indicator indicator-new"></span>
  3270.            ⏳ Workshop on Time Management &amp; Goal Setting
  3271.        </h5>
  3272.        <p class="news-desc">
  3273.            A Workshop on Time Management &amp; Goal Setting was conducted from 9:00 AM to 12:00 PM, with participation from 50 …
  3274.        </p>
  3275.        <div>
  3276.            <span class="news-tag">
  3277.                <i class="fas fa-tag me-1"></i> WORKSHOP
  3278.            </span>
  3279.            <span class="news-tag">
  3280.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3281.            </span>
  3282.        </div>
  3283.    </div>
  3284. </div></a>
  3285.  
  3286. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3287.                                                   data-bs-target="#eventModal"
  3288.                                                   data-title="🤖 WORKSHOP on Robotic Process Automation (RPA)"
  3289.                                                   data-id="21"
  3290.                                                   data-description="Description:
  3291.         A 3-day hands-on workshop aimed at familiarizing students with real-life applications of RPA tools and technologies. Delivered by senior students from 3rd-year CSD-B to II/IV       B. Tech CSM Students and total: 85 students participated, it helped attendees gain technical fluency in business process automation.
  3292. Key Highlights:
  3293. • Real-world exposure to RPA tools
  3294. • Peer-led knowledge sharing
  3295. • Emphasis on automation &amp; industry readiness
  3296. &quot;Automate the routine. Accelerate innovation!&quot;"
  3297.                                                   data-date="18 Sep 2024"
  3298.                                                   data-gallery=""><div class="news-item">
  3299.    <div class="news-date">
  3300.        <span class="day">18</span>
  3301.        <span>Sep 2024</span>
  3302.    </div>
  3303.    <div class="news-content">
  3304.        <h5 class="news-title">
  3305.            <span class="news-indicator indicator-new"></span>
  3306.            🤖 WORKSHOP on Robotic Process Automation (RPA)
  3307.        </h5>
  3308.        <p class="news-desc">
  3309.            Description: A 3-day hands-on workshop aimed at familiarizing students with real-life applications of RPA tools and technologies. Delivered by senior …
  3310.        </p>
  3311.        <div>
  3312.            <span class="news-tag">
  3313.                <i class="fas fa-tag me-1"></i> WORKSHOP
  3314.            </span>
  3315.            <span class="news-tag">
  3316.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3317.            </span>
  3318.        </div>
  3319.    </div>
  3320. </div></a>
  3321.  
  3322. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3323.                                                   data-bs-target="#eventModal"
  3324.                                                   data-title="🧭CSI:    Tech Trek: Technical Treasure Hunt"
  3325.                                                   data-id="19"
  3326.                                                   data-description="Description:
  3327.        CSI’s first-ever Tech Trek was an exhilarating treasure hunt, designed around the theme “Abhimanyu’s Escape from the Chakravyuha,” blending mythology with modern tech challenges. Students from 2nd, 3rd, and 4th year (CSM, CSD, CSE) participated with full enthusiasm.
  3328. Key Highlights:
  3329. • Interactive, theme-based technical treasure hunt
  3330. • Inspired by Mahabharata’s tactical depth
  3331. • Hosted by HOD Dr. K. Selvani Deepthi with coordination by Ms. M.V. Bhuvaneshwari
  3332. &quot;Strategy meets technology in every clue!&quot;"
  3333.                                                   data-date="13 Sep 2024"
  3334.                                                   data-gallery=""><div class="news-item">
  3335.    <div class="news-date">
  3336.        <span class="day">13</span>
  3337.        <span>Sep 2024</span>
  3338.    </div>
  3339.    <div class="news-content">
  3340.        <h5 class="news-title">
  3341.            <span class="news-indicator indicator-new"></span>
  3342.            🧭CSI:    Tech Trek: Technical Treasure Hunt
  3343.        </h5>
  3344.        <p class="news-desc">
  3345.            Description: CSI’s first-ever Tech Trek was an exhilarating treasure hunt, designed around the theme “Abhimanyu’s Escape from the Chakravyuha,” blending …
  3346.        </p>
  3347.        <div>
  3348.            <span class="news-tag">
  3349.                <i class="fas fa-tag me-1"></i> CSI
  3350.            </span>
  3351.            <span class="news-tag">
  3352.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3353.            </span>
  3354.        </div>
  3355.    </div>
  3356. </div></a>
  3357.  
  3358. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3359.                                                   data-bs-target="#eventModal"
  3360.                                                   data-title="🌸Guest Lecture  on Gynaecological Issues in Youngsters"
  3361.                                                   data-id="23"
  3362.                                                   data-description="This insightful seminar focused on raising awareness about reproductive health challenges faced by young women. Dr. Roohi Khaja (Resource Person, M.B.B.S, Medical Administrator, OMNI Hospital, University of West Indie) addressed to III/IV B.Tech CSM ,  104 students participated and she discussed about the essential issues related to early detection, prevention, and proper care, creating a supportive space for open dialogue and knowledge sharing.
  3363. Key Highlights:
  3364. • Women’s health and wellness awareness
  3365. • Participation from 3rd and 4th-year students
  3366. • Focus on early detection and education
  3367. &quot;Healthy minds thrive in healthy bodies!&quot;"
  3368.                                                   data-date="29 Aug 2024"
  3369.                                                   data-gallery=""><div class="news-item">
  3370.    <div class="news-date">
  3371.        <span class="day">29</span>
  3372.        <span>Aug 2024</span>
  3373.    </div>
  3374.    <div class="news-content">
  3375.        <h5 class="news-title">
  3376.            <span class="news-indicator indicator-new"></span>
  3377.            🌸Guest Lecture  on Gynaecological Issues in Youngsters
  3378.        </h5>
  3379.        <p class="news-desc">
  3380.            This insightful seminar focused on raising awareness about reproductive health challenges faced by young women. Dr. Roohi Khaja (Resource Person, …
  3381.        </p>
  3382.        <div>
  3383.            <span class="news-tag">
  3384.                <i class="fas fa-tag me-1"></i> Guest Lecture
  3385.            </span>
  3386.            <span class="news-tag">
  3387.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE-AI-ML
  3388.            </span>
  3389.        </div>
  3390.    </div>
  3391. </div></a>
  3392.  
  3393. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3394.                                                   data-bs-target="#eventModal"
  3395.                                                   data-title="Excellene Through Meditation"
  3396.                                                   data-id="31"
  3397.                                                   data-description="A one day workshop is organized by Department of Chemistry in association with Women and Redressal cell for faculty on Excellene Through Meditation on 15th July 2024."
  3398.                                                   data-date="15 Jun 2024"
  3399.                                                   data-gallery=""><div class="news-item">
  3400.    <div class="news-date">
  3401.        <span class="day">15</span>
  3402.        <span>Jun 2024</span>
  3403.    </div>
  3404.    <div class="news-content">
  3405.        <h5 class="news-title">
  3406.            <span class="news-indicator indicator-new"></span>
  3407.            Excellene Through Meditation
  3408.        </h5>
  3409.        <p class="news-desc">
  3410.            A one day workshop is organized by Department of Chemistry in association with Women and Redressal cell for faculty on …
  3411.        </p>
  3412.        <div>
  3413.            <span class="news-tag">
  3414.                <i class="fas fa-tag me-1"></i> Workshop
  3415.            </span>
  3416.            <span class="news-tag">
  3417.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMISTRY
  3418.            </span>
  3419.        </div>
  3420.    </div>
  3421. </div></a>
  3422.  
  3423. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3424.                                                   data-bs-target="#eventModal"
  3425.                                                   data-title="National Student Conference CHEMFLARE 2K24"
  3426.                                                   data-id="7"
  3427.                                                   data-description="The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students chapter under Walter Region Centre organized a two day National student conference, “CHEMFLARE-2024”, during 1st and 2nd March 2024. Prof. R. Srikanth, Head of the chemical Engineering department, ANITS is the president of the inaugural function, Ms. S. Harika, Faculty convener, Ms. S. Srivalli, Student president RACE body were also present on the dais.
  3428. Prof. R. Srikanth, advised students to be actively involve in workshops, conferences, technical fests conducted. He encouraged our participants to study more and enlarge their knowledge in Chemical Engineering and applauded the role of a chemical engineer and also informed that the world is moving faster in technology and science.
  3429. Ms. S. Srivalli, RACE president, expressed that, the department will always encourage students to participate in various technical and extra-curricular activities. She also informed the activities of the CHEMFLARE-2024 such as Resonate (paper presentation), Re-vibe (poster presentation), reflux (model expo), reminisce (cross word), contests like Treasure Hunt, Wheel Reel and Create a Meme.
  3430. Ms. S. Harika, Faculty convener, thanked all the participants 65 are from outside colleges and 109 are in-house participants. She congratulated all the winners of various events. She expressed that all this would not have been possible, if it wasn’t for the students and faculty of our Chemical Engineering Department, working tirelessly and stepping out of their comfort zone to bring out the best in all the parts of this event. Hours of planning, coordinating and organizing went into the making of this conference, and we are all very glad to see it reaping amazing results from the amount of participation and appreciation that we are getting these past two days. She expressed gratitude for Prof. S. Subba Rao, Dr. Ch. Anil, Mr. M. Koteswara Rao, Dr. K. China Malakondaiah, Dr. D. Anjali, and Mr. B. Pradeep Santosh Kumar, other supporting staff, and Students who made the event grand success."
  3431.                                                   data-date="01 Mar 2024"
  3432.                                                   data-gallery=""><div class="news-item">
  3433.    <div class="news-date">
  3434.        <span class="day">01</span>
  3435.        <span>Mar 2024</span>
  3436.    </div>
  3437.    <div class="news-content">
  3438.        <h5 class="news-title">
  3439.            <span class="news-indicator indicator-new"></span>
  3440.            National Student Conference CHEMFLARE 2K24
  3441.        </h5>
  3442.        <p class="news-desc">
  3443.            The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students …
  3444.        </p>
  3445.        <div>
  3446.            <span class="news-tag">
  3447.                <i class="fas fa-tag me-1"></i> Conferences / Workshops
  3448.            </span>
  3449.            <span class="news-tag">
  3450.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMICAL
  3451.            </span>
  3452.        </div>
  3453.    </div>
  3454. </div></a>
  3455.  
  3456. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3457.                                                   data-bs-target="#eventModal"
  3458.                                                   data-title="AWS Cloud Computing Training Program"
  3459.                                                   data-id="2"
  3460.                                                   data-description="1.To disseminate the knowledge of Amazon Web Services among students, researchers and academicians
  3461. 2. To discuss the current status of Amazon Web Services and research work in India and  
  3462.     across the world"
  3463.                                                   data-date="04 Dec 2023"
  3464.                                                   data-gallery=""><div class="news-item">
  3465.    <div class="news-date">
  3466.        <span class="day">04</span>
  3467.        <span>Dec 2023</span>
  3468.    </div>
  3469.    <div class="news-content">
  3470.        <h5 class="news-title">
  3471.            <span class="news-indicator indicator-new"></span>
  3472.            AWS Cloud Computing Training Program
  3473.        </h5>
  3474.        <p class="news-desc">
  3475.            1.To disseminate the knowledge of Amazon Web Services among students, researchers and academicians 2. To discuss the current status of …
  3476.        </p>
  3477.        <div>
  3478.            <span class="news-tag">
  3479.                <i class="fas fa-tag me-1"></i> Others
  3480.            </span>
  3481.            <span class="news-tag">
  3482.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE
  3483.            </span>
  3484.        </div>
  3485.    </div>
  3486. </div></a>
  3487.  
  3488. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3489.                                                   data-bs-target="#eventModal"
  3490.                                                   data-title="BlockChain Technology and it’s Applications"
  3491.                                                   data-id="3"
  3492.                                                   data-description="Blockchain is a technology that enables the secure sharing of information. Data, obviously, is
  3493. stored in a database. Transactions are recorded in an account book called a ledger. A blockchain
  3494. is a type of distributed database or ledger—one of today’s top tech trends—which means the
  3495. power to update a blockchain is distributed between the nodes, or participants, of a public or
  3496. private computer network. Solidity is a high-level programming language designed for
  3497. implementing smart contracts. Several industrial applications of blockchain technology
  3498. include food supply chain traceability, financial service for the banking industry, decentralized
  3499. data storage in healthcare applications, logistics, additive manufacturing and a lot more."
  3500.                                                   data-date="08 Aug 2023"
  3501.                                                   data-gallery=""><div class="news-item">
  3502.    <div class="news-date">
  3503.        <span class="day">08</span>
  3504.        <span>Aug 2023</span>
  3505.    </div>
  3506.    <div class="news-content">
  3507.        <h5 class="news-title">
  3508.            <span class="news-indicator indicator-new"></span>
  3509.            BlockChain Technology and it’s Applications
  3510.        </h5>
  3511.        <p class="news-desc">
  3512.            Blockchain is a technology that enables the secure sharing of information. Data, obviously, is stored in a database. Transactions are …
  3513.        </p>
  3514.        <div>
  3515.            <span class="news-tag">
  3516.                <i class="fas fa-tag me-1"></i> Workshops
  3517.            </span>
  3518.            <span class="news-tag">
  3519.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE
  3520.            </span>
  3521.        </div>
  3522.    </div>
  3523. </div></a>
  3524.  
  3525. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3526.                                                   data-bs-target="#eventModal"
  3527.                                                   data-title="National Student conference CHEMFLARE-2K23"
  3528.                                                   data-id="9"
  3529.                                                   data-description="The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students chapter under Walter Region Centre organized a two day National student conference, “CHEMFLARE-2023”, during 2nd and 3rd March 2023. Prof. R. Srikanth, Head of the chemical Engineering department, ANITS is the president of the inaugural function, Dr. Ch. Anil, Faculty convener, Mr. P. Naveen Kumar, Student president RACE body were also present on the dais.
  3530. Prof. R. Srikanth, advised students to be actively involve in workshops, conferences, technical fests conducted. He informed that, the chemical engineers are good at cause and effect of the process. He advised students to be like bigfish in small pond but not like a small fish in a big lake. He emphasized that the future is for Electric Vehicles, Catalysis, Biotechnology and Nanotechnology.
  3531. Dr. Ch. Anil, Faculty convener, highlighted the difference between the academic environment and industrial environment. He expressed that, the department will always encourages students to participate in various technical and extra-curricular activities. He also informed that, such events and activities will be organized in future also for the benefit of the students. He also informed the activities of the CHEMFLARE-2023 such as Resonate (paper presentation), Re-vibe (poster presentation), reflux (model expo), reminisce (cross word), spot events like mock CID, mock parliament and sports
  3532. Mr. P. Naveen Kumar, Student president RACE body, thanked all the participants 52 are from outside colleges and 120 are in-house participants. He congratulated all the winners of various events. He expressed gratitude for Prof. S. Subba Rao, Mr. K. Koteswara Rao, Ms. S. Harika, Dr. K. China Malakondaiah, Dr. D. Anjali, and Mr. Pradeep Santosh Kumar, other supporting staff, and Students who made the event grand success."
  3533.                                                   data-date="02 Mar 2023"
  3534.                                                   data-gallery=""><div class="news-item">
  3535.    <div class="news-date">
  3536.        <span class="day">02</span>
  3537.        <span>Mar 2023</span>
  3538.    </div>
  3539.    <div class="news-content">
  3540.        <h5 class="news-title">
  3541.            <span class="news-indicator indicator-new"></span>
  3542.            National Student conference CHEMFLARE-2K23
  3543.        </h5>
  3544.        <p class="news-desc">
  3545.            The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students …
  3546.        </p>
  3547.        <div>
  3548.            <span class="news-tag">
  3549.                <i class="fas fa-tag me-1"></i> Conferences / Workshops
  3550.            </span>
  3551.            <span class="news-tag">
  3552.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMICAL
  3553.            </span>
  3554.        </div>
  3555.    </div>
  3556. </div></a>
  3557.  
  3558. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3559.                                                   data-bs-target="#eventModal"
  3560.                                                   data-title="Workshop on Full Stack .net"
  3561.                                                   data-id="4"
  3562.                                                   data-description=""
  3563.                                                   data-date="23 Feb 2023"
  3564.                                                   data-gallery=""><div class="news-item">
  3565.    <div class="news-date">
  3566.        <span class="day">23</span>
  3567.        <span>Feb 2023</span>
  3568.    </div>
  3569.    <div class="news-content">
  3570.        <h5 class="news-title">
  3571.            <span class="news-indicator indicator-new"></span>
  3572.            Workshop on Full Stack .net
  3573.        </h5>
  3574.        <p class="news-desc">
  3575.            
  3576.        </p>
  3577.        <div>
  3578.            <span class="news-tag">
  3579.                <i class="fas fa-tag me-1"></i> Workshops
  3580.            </span>
  3581.            <span class="news-tag">
  3582.                <i class="fas fa-calendar-alt me-1"></i> Department: CSE
  3583.            </span>
  3584.        </div>
  3585.    </div>
  3586. </div></a>
  3587.  
  3588. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3589.                                                   data-bs-target="#eventModal"
  3590.                                                   data-title="National Student conference CHEMFLARE-2K22"
  3591.                                                   data-id="10"
  3592.                                                   data-description="The Department of Chemical Engineering, ANITS has organized a two day National Level Student Conference Chemflare 2k22 during 21 st April – 22 nd April, 2022. With a total participation of 51 students, of which students are from GPCE, RVR &amp; JC, JNTUK,MVGR GVP and GMRIT. We saw more enthusiasm and an increase in the number of participants than last year. With a total of two technical paper presentation sessions, a poster session, how do you react, technical treasure hunt and various spot events, the participants were given various exciting and demanding platforms, by which they were able to improve their skills and knowledge. With a total of 11 prototype models, 18 papers and 6 posters are presented, the competition was indeed tough. Students were highly enlightened with technical events and spot events."
  3593.                                                   data-date="21 Apr 2022"
  3594.                                                   data-gallery=""><div class="news-item">
  3595.    <div class="news-date">
  3596.        <span class="day">21</span>
  3597.        <span>Apr 2022</span>
  3598.    </div>
  3599.    <div class="news-content">
  3600.        <h5 class="news-title">
  3601.            <span class="news-indicator indicator-new"></span>
  3602.            National Student conference CHEMFLARE-2K22
  3603.        </h5>
  3604.        <p class="news-desc">
  3605.            The Department of Chemical Engineering, ANITS has organized a two day National Level Student Conference Chemflare 2k22 during 21 st …
  3606.        </p>
  3607.        <div>
  3608.            <span class="news-tag">
  3609.                <i class="fas fa-tag me-1"></i> Conferences / Workshops
  3610.            </span>
  3611.            <span class="news-tag">
  3612.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMICAL
  3613.            </span>
  3614.        </div>
  3615.    </div>
  3616. </div></a>
  3617.  
  3618. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3619.                                                   data-bs-target="#eventModal"
  3620.                                                   data-title="National Student conference CHEMFLARE-2K20"
  3621.                                                   data-id="11"
  3622.                                                   data-description="The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students chapter under Walter Region Centre was organizing a two day National student conference, “CHEMFLARE-2020”, during 19th and 20th February 2020. The chief guest of the inaugural function is Sri G.S.V.S.S.S Prasad Sarma, Executive Director (Retd.), Visakha Refinery, HPCL, the guest of honour Mr. Naveen Neerukond, Treasurer, ANES, Prof. T.V. Hanumantha Rao, Principal; ANITS is the president of the function. Dr. Ch. Anil, Head of the chemical Engineering department and Mr. B. Pradeep Santosh Kumar, Faculty convener, Mr. J. Sashidhar Student president RACE body are also present on the dais.
  3623. Prof. T.V. Hanumantha Rao, in his presidential remarks informed the students that, the change in technological trends are taking place, the growth and transform in process industries are fast. The students need to foresee these changes should be updated with computational skills, optimization and data sciences. He also emphasized the importance of sustainable development, zero discharge, waste management and advised all the chemical engineering students to work in these areas
  3624. Mr. N. Naveen, the Guest honour, advised students to be actively involve in workshops, conferences, technical fests conducted. He informed that, the chemical engineers are good at cause and effect of the process. He advised students to be like bigfish in small pond but not like a small fish in a big lake
  3625. Mr. Prasad Sarma, the Chief Guest, highlighted the difference between the academic environment and industrial environment. Teaching faculty, friends, supporting system etc. will help the students in academic environment, whereas, the more competition will prevail at industrial environment. The human skills, technical skills and delivery skills will be dominating the industry environment. He emphasised the importance of IQ, EQ and SQ in industry. He also emphasised that the future is for Eclectic Vehicles, Catalysis, Biotechnology and Nanotechnology
  3626. HOD, Dr. Ch. Anil, in his address expressed, the department will always encourages students to participate in various technical and extra-curricular activities. He also informed that, such events and activities will be organized in future also for the benefit of the students"
  3627.                                                   data-date="19 Feb 2020"
  3628.                                                   data-gallery=""><div class="news-item">
  3629.    <div class="news-date">
  3630.        <span class="day">19</span>
  3631.        <span>Feb 2020</span>
  3632.    </div>
  3633.    <div class="news-content">
  3634.        <h5 class="news-title">
  3635.            <span class="news-indicator indicator-new"></span>
  3636.            National Student conference CHEMFLARE-2K20
  3637.        </h5>
  3638.        <p class="news-desc">
  3639.            The Department of Chemical Engineering, ANITS, Visakhapatnam, in association with RACE (Rays of ANITS Chemical Engineers) &amp; ANITS IIChE Students …
  3640.        </p>
  3641.        <div>
  3642.            <span class="news-tag">
  3643.                <i class="fas fa-tag me-1"></i> Conferences / Workshops
  3644.            </span>
  3645.            <span class="news-tag">
  3646.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMICAL
  3647.            </span>
  3648.        </div>
  3649.    </div>
  3650. </div></a>
  3651.  
  3652. <a href="#" class="event-item" data-bs-toggle="modal" style="decoration:none"
  3653.                                                   data-bs-target="#eventModal"
  3654.                                                   data-title="National workshop on MATLAB for Engineers-2019"
  3655.                                                   data-id="12"
  3656.                                                   data-description=""
  3657.                                                   data-date="27 Dec 2019"
  3658.                                                   data-gallery=""><div class="news-item">
  3659.    <div class="news-date">
  3660.        <span class="day">27</span>
  3661.        <span>Dec 2019</span>
  3662.    </div>
  3663.    <div class="news-content">
  3664.        <h5 class="news-title">
  3665.            <span class="news-indicator indicator-new"></span>
  3666.            National workshop on MATLAB for Engineers-2019
  3667.        </h5>
  3668.        <p class="news-desc">
  3669.            
  3670.        </p>
  3671.        <div>
  3672.            <span class="news-tag">
  3673.                <i class="fas fa-tag me-1"></i> Conferences / Workshops
  3674.            </span>
  3675.            <span class="news-tag">
  3676.                <i class="fas fa-calendar-alt me-1"></i> Department: CHEMICAL
  3677.            </span>
  3678.        </div>
  3679.    </div>
  3680. </div></a>
  3681.  
  3682.  
  3683.  
  3684.  
  3685.  
  3686.                        </div>
  3687.                    </div>
  3688.  
  3689.    <div class="col-sm-6">
  3690.  <div class="" style="width:100%; background-color: #fff;">
  3691.    <div class="card-header">
  3692.      <div class="bubble"></div>
  3693.      <div class="bubble"></div>
  3694.      <div class="bubble"></div>
  3695.      <h2 class="text-white">Bulletin Board</h2>
  3696.    </div>
  3697.  
  3698.    <!-- Scrollable Container -->
  3699.    <div class="scrollable-bulletin" style="max-height: 470px; overflow-y: auto;">
  3700.      <ul class="bulletin-list mb-0">
  3701.        
  3702.        <li class="bulletin-item">
  3703.          <a href="/media/circular/MBA_I-Sem_Supply._MBA_IV-Sem_Regular-RECOUNTING-CHALLENGE_VALUATION_CIRCULAR.pdf"
  3704.             target="_blank">
  3705.            <span class="dot">●</span> MBA I-Sem Supply., MBA IV-Sem Regular-RECOUNTING-CHALLENGE VALUATION CIRCULAR
  3706.          </a>
  3707.        </li>
  3708.        
  3709.        <li class="bulletin-item">
  3710.          <a href="/media/circular/I-IV_B.Tech_I-SEM_Regular_Exams._R24-Recounting_Results.pdf"
  3711.             target="_blank">
  3712.            <span class="dot">●</span> I-IV B.Tech I-SEM Regular Exams. (R24)-Recounting Results
  3713.          </a>
  3714.        </li>
  3715.        
  3716.        <li class="bulletin-item">
  3717.          <a href="/media/circular/I-IV_B.Tech_I-SEM_Regular_Exams._R24-Challenge_Valuation_Results.pdf"
  3718.             target="_blank">
  3719.            <span class="dot">●</span> I-IV B.Tech I-SEM Regular Exams. (R24)-Challenge Valuation Results
  3720.          </a>
  3721.        </li>
  3722.        
  3723.        <li class="bulletin-item">
  3724.          <a href="/media/circular/MBA_II-SEMESTER_REGULAR__SUPPLEMENTARY_EXAMINATIONS_TIME_TABLE-JULY-2025_R23.pdf"
  3725.             target="_blank">
  3726.            <span class="dot">●</span> MBA II-SEMESTER REGULAR &amp; SUPPLEMENTARY EXAMINATIONS TIME TABLE-JULY-2025 (R23)
  3727.          </a>
  3728.        </li>
  3729.        
  3730.        <li class="bulletin-item">
  3731.          <a href="/media/circular/IV-IV_B.Tech_I-Sem_Supplementary_Exans_R20_-June-2025_-_SPECIAL_DRIVE_RESULTS.pdf"
  3732.             target="_blank">
  3733.            <span class="dot">●</span> IV-IV B.Tech I-Sem Supplementary Exans (R20) -June-2025 - SPECIAL DRIVE RESULTS
  3734.          </a>
  3735.        </li>
  3736.        
  3737.        <li class="bulletin-item">
  3738.          <a href="/media/circular/II-IV_B.Tech_I-Sem_Supplementary_Exans_R20_-June-2025_-_SPECIAL_DRIVE_RESULTS.pdf"
  3739.             target="_blank">
  3740.            <span class="dot">●</span> II-IV B.Tech I-Sem Supplementary Exans (R20) -June-2025 - SPECIAL DRIVE RESULTS
  3741.          </a>
  3742.        </li>
  3743.        
  3744.        <li class="bulletin-item">
  3745.          <a href="/media/circular/II-IV_B.TECH_SEM_I_WP-CHEMICAL_Regular_Examinations-January-2025-RESULTS_R23.pdf"
  3746.             target="_blank">
  3747.            <span class="dot">●</span> II-IV B.TECH SEM I (WP-CHEMICAL) Regular Examinations-January-2025-RESULTS (R23)
  3748.          </a>
  3749.        </li>
  3750.        
  3751.        <li class="bulletin-item">
  3752.          <a href="/media/circular/timetable.pdf"
  3753.             target="_blank">
  3754.            <span class="dot">●</span> III-IV B.TECH I-SEMESTER SUPPLEMENTARY EXAMINATIONS TIME TABLES-JULY-2025 (R15,R19,R20,R20.1)
  3755.          </a>
  3756.        </li>
  3757.        
  3758.        <li class="bulletin-item">
  3759.          <a href="/media/circular/I-IV_B.TECH_I-SEM_SUPPLEMENTARY_EXAMS_FEE_NOTIFICATION__FEE_PAYMENT_INSTRUCTIONS.pdf"
  3760.             target="_blank">
  3761.            <span class="dot">●</span> I-IV B.TECH I-SEM SUPPLEMENTARY EXAMS FEE NOTIFICATION &amp; FEE PAYMENT INSTRUCTIONS
  3762.          </a>
  3763.        </li>
  3764.        
  3765.        <li class="bulletin-item">
  3766.          <a href="/media/circular/IV-IV_B.TECH_I-SEM_SUPPLEMENTARY_EXAMINATIONSR15R19R20_320SERIES_R20_A211_SERIES_0001.pdf"
  3767.             target="_blank">
  3768.            <span class="dot">●</span> IV/IV B.TECH I-SEMESTER SUPPLEMENTARY EXAMINATIONS(R15),(R19), (R20 320 SERIES) &amp; (R20 A211 SERIES)
  3769.          </a>
  3770.        </li>
  3771.        
  3772.        <li class="bulletin-item">
  3773.          <a href="/media/circular/II-IV_B.TECH_SEM-I_SUPPLY_EXAMINATION_NOTIFICATION_0001.pdf"
  3774.             target="_blank">
  3775.            <span class="dot">●</span> II-IV B.TECH SEM-I SUPPLY EXAMINATION NOTIFICATION
  3776.          </a>
  3777.        </li>
  3778.        
  3779.        <li class="bulletin-item">
  3780.          <a href="/media/circular/II-IV_B.Tech_sem-II_Working_Professionals_Exam_time_table_June_2025Mechanical_0001.pdf"
  3781.             target="_blank">
  3782.            <span class="dot">●</span> II-IV B.Tech sem-II Working Professionals Exam time table, June 2025(Mechanical)
  3783.          </a>
  3784.        </li>
  3785.        
  3786.        <li class="bulletin-item">
  3787.          <a href="/media/circular/II-IV_B.Tech_Sem-II_Working_Professional_Exam_time_table_june2025_EEE_0001.pdf"
  3788.             target="_blank">
  3789.            <span class="dot">●</span> II-IV B.Tech Sem-II Working Professional Exam time table ,june2025 (EEE)
  3790.          </a>
  3791.        </li>
  3792.        
  3793.        <li class="bulletin-item">
  3794.          <a href="/media/circular/II-IV_B.Tech_sem-II_Working_Professionals_Exam_Time_table_June_2025_Chemical_0001.pdf"
  3795.             target="_blank">
  3796.            <span class="dot">●</span> II-IV B.Tech sem-II Working Professionals Exam Time table June 2025 (Chemical)
  3797.          </a>
  3798.        </li>
  3799.        
  3800.        <li class="bulletin-item">
  3801.          <a href="/media/circular/Instant_Special_Drive_Examination_time_table_june_2025_A211_series_only_0001.pdf"
  3802.             target="_blank">
  3803.            <span class="dot">●</span> Instant Special Drive Examination time table June 2025 (A211 series only)
  3804.          </a>
  3805.        </li>
  3806.        
  3807.        <li class="bulletin-item">
  3808.          <a href="/media/circular/3-1_B.Tech_-I_-Sem_Supplementary_Notification_circular_-_0001.pdf"
  3809.             target="_blank">
  3810.            <span class="dot">●</span> III-IV B.TECH I-SEM SUPPLEMENTARY EXAMS FEE NOTIFICATION &amp; FEE PAYMENT INSTRUCTIONS
  3811.          </a>
  3812.        </li>
  3813.        
  3814.        <li class="bulletin-item">
  3815.          <a href="/media/circular/IV-IV_B.TECH_SEM-_I_SUPPLEMENTARY_NOTIFICATION_CIRCULAR_R-15R-19_R-20_0001.pdf"
  3816.             target="_blank">
  3817.            <span class="dot">●</span> IV-IV B.TECH SEM- I SUPPLEMENTARY NOTIFICATION CIRCULAR (R-15,R-19 ,R-20)
  3818.          </a>
  3819.        </li>
  3820.        
  3821.        <li class="bulletin-item">
  3822.          <a href="/media/circular/SPECIAL_DRIVE_EXAMS_NOTIFICATION_A211_SERIES_REGULAR_1.pdf"
  3823.             target="_blank">
  3824.            <span class="dot">●</span> SPECIAL DRIVE EXAMS NOTIFICATION (A211 SERIES REGULAR)
  3825.          </a>
  3826.        </li>
  3827.        
  3828.        <li class="bulletin-item">
  3829.          <a href="/media/circular/SUPPLEMENTARY_EXAMINATIONS_SCHEDULE_TENTATIVE.pdf"
  3830.             target="_blank">
  3831.            <span class="dot">●</span> SUPPLEMENTARY EXAMINATIONS SCHEDULE (TENTATIVE)
  3832.          </a>
  3833.        </li>
  3834.        
  3835.        <li class="bulletin-item">
  3836.          <a href="/media/circular/education-verification_portal_link.pdf"
  3837.             target="_blank">
  3838.            <span class="dot">●</span> Education-Verification Portal link
  3839.          </a>
  3840.        </li>
  3841.        
  3842.        <li class="bulletin-item">
  3843.          <a href="/media/circular/IV-IV_B_ZHAJfMu.Tech_II-SEM_Regular_Exams_-_April-2025_R20_Results.pdf"
  3844.             target="_blank">
  3845.            <span class="dot">●</span> IV-IV_B.Tech_II-SEM_Regular_Exams_-_April-2025_R20_Results
  3846.          </a>
  3847.        </li>
  3848.        
  3849.        <li class="bulletin-item">
  3850.          <a href="/media/circular/t7.pdf"
  3851.             target="_blank">
  3852.            <span class="dot">●</span> SPECIAL DRIVE EXAMINATION TIME TABLES-MARCH-2025 (I-I, II-I, II-II, III-I, III-II, IV-I, IV-II)
  3853.          </a>
  3854.        </li>
  3855.        
  3856.        <li class="bulletin-item">
  3857.          <a href="/media/circular/t6.pdf"
  3858.             target="_blank">
  3859.            <span class="dot">●</span> M.TECH I-SEM REGULAR &amp; SUPPLEMENTARY &amp; WORKING PROFESSIONALS EXAMINATIONS TIME TABLES-MARCH-2025 (R24,R23)
  3860.          </a>
  3861.        </li>
  3862.        
  3863.        <li class="bulletin-item">
  3864.          <a href="/media/circular/t5.pdf"
  3865.             target="_blank">
  3866.            <span class="dot">●</span> II-IV B.TECH II-SEM REGULAR &amp; SUPPLEMENTARY EXAMINATIONS TIME TABLES-APRIL-MAY-2025 (R23,R20,R20.1,R19,R15,WP)
  3867.          </a>
  3868.        </li>
  3869.        
  3870.        <li class="bulletin-item">
  3871.          <a href="/media/circular/t4.pdf"
  3872.             target="_blank">
  3873.            <span class="dot">●</span> III-IV B.TECH II-SEM REGULAR &amp; SUPPLEMENTARY EXAMINATIONS TIME TABLES-APRIL-MAY-2025 (R20,R20.1,R19,R15,WP)
  3874.          </a>
  3875.        </li>
  3876.        
  3877.        <li class="bulletin-item">
  3878.          <a href="/media/circular/t3.pdf"
  3879.             target="_blank">
  3880.            <span class="dot">●</span> I-IV B.TECH II-SEM REGULAR &amp; SUPPLEMENTARY EXAMINATIONS TIME TABLES-MAY-2025 (R23,R20.1,R20,R19,R15)
  3881.          </a>
  3882.        </li>
  3883.        
  3884.        <li class="bulletin-item">
  3885.          <a href="/media/circular/t2.pdf"
  3886.             target="_blank">
  3887.            <span class="dot">●</span> I-IV B.Tech II-SEM Regular EXTERNAL LAB TIME TABLES-May-2025 (R23)
  3888.          </a>
  3889.        </li>
  3890.        
  3891.        <li class="bulletin-item">
  3892.          <a href="/media/circular/t1.pdf"
  3893.             target="_blank">
  3894.            <span class="dot">●</span> IV-IV B.TECH II-SEMESTER SUPPLEMENTARY EXAMINATIONS TIME TABLES-MAY-2025 (R15,R19)
  3895.          </a>
  3896.        </li>
  3897.        
  3898.        <li class="bulletin-item">
  3899.          <a href="/static/images/team/1.pdf"
  3900.             target="_blank">
  3901.            <span class="dot">●</span> I-IV B.TECH II-SEM SUPPLEMENTARY EXAMS FEE NOTIFICATION &amp; FEE PAYMENT INSTRUCTIONS
  3902.          </a>
  3903.        </li>
  3904.        
  3905.      </ul>
  3906.    </div>
  3907.  </div>
  3908. </div>
  3909.  
  3910.  
  3911.                </div>
  3912.            </div>
  3913.  
  3914.        </section>
  3915.  
  3916.  
  3917.  
  3918.  
  3919.  
  3920.  
  3921.  
  3922.  
  3923.  
  3924.  
  3925.  
  3926.  
  3927.  
  3928.  
  3929.  
  3930.  
  3931.  
  3932.  
  3933.  
  3934.  
  3935.  
  3936.  
  3937.  
  3938.  
  3939.  
  3940.  
  3941.  
  3942.  
  3943.  
  3944.  
  3945.  
  3946.  
  3947.  
  3948.  
  3949.  
  3950.  
  3951.  
  3952.  
  3953.  
  3954.  
  3955.  
  3956.  
  3957.  
  3958.  
  3959.  
  3960.  
  3961.  
  3962.  
  3963.  
  3964.  
  3965.  
  3966.  
  3967.  
  3968.  
  3969.  
  3970.  
  3971.  
  3972.  
  3973.  
  3974.  
  3975.  
  3976.  
  3977.  
  3978.  
  3979.  
  3980.  
  3981.  
  3982.  
  3983.  
  3984.  
  3985.  
  3986.  
  3987.  
  3988.  
  3989.  
  3990.  
  3991.  
  3992.  
  3993.  
  3994.  
  3995.  
  3996.  
  3997.  
  3998.  
  3999.  
  4000.  
  4001.  
  4002.  
  4003.  
  4004.  
  4005.  
  4006.  
  4007.  
  4008.  
  4009.  
  4010.  
  4011.  
  4012.  
  4013.  
  4014.  
  4015.  
  4016.  
  4017.  
  4018.  
  4019.  
  4020.  
  4021.  
  4022.  
  4023.  
  4024.  
  4025.  
  4026.  
  4027.  
  4028.  
  4029.  
  4030.  
  4031.  
  4032.  
  4033.  
  4034.  
  4035.  
  4036.  
  4037.  
  4038.  
  4039.  
  4040.  
  4041.  
  4042.  
  4043.  
  4044.  
  4045.  
  4046.  
  4047.  
  4048.  
  4049.  
  4050.  
  4051.  
  4052.  
  4053.  
  4054.  
  4055.  
  4056.  
  4057.  
  4058.  
  4059.  
  4060.  
  4061.  
  4062.  
  4063.  
  4064.  
  4065.  
  4066.  
  4067.  
  4068.  
  4069.  
  4070.  
  4071.  
  4072.  
  4073.  
  4074.  
  4075.  
  4076.  
  4077.  
  4078.  
  4079.  
  4080.  
  4081.  
  4082.  
  4083.  
  4084.  
  4085.  
  4086.  
  4087.  
  4088.  
  4089.  
  4090.  
  4091.  
  4092.  
  4093.  
  4094.  
  4095.  
  4096.  
  4097.  
  4098.  
  4099.  
  4100.  
  4101.  
  4102.  
  4103.  
  4104.  
  4105.  
  4106.  
  4107.  
  4108.  
  4109.  
  4110.  
  4111.  
  4112.  
  4113.  
  4114.  
  4115.  
  4116.  
  4117.  
  4118.  
  4119.  
  4120.  
  4121.  
  4122.  
  4123.  
  4124.  
  4125.  
  4126.  
  4127.  
  4128.  
  4129.  
  4130.  
  4131.  
  4132.  
  4133.  
  4134.  
  4135.  
  4136.  
  4137.  
  4138.  
  4139.  
  4140.  
  4141.  
  4142.  
  4143.  
  4144.  
  4145.  
  4146.  
  4147.  
  4148.  
  4149.  
  4150.  
  4151.  
  4152.  
  4153.  
  4154.  
  4155.  
  4156.  
  4157.  
  4158.  
  4159.  
  4160.  
  4161.  
  4162.  
  4163.  
  4164.  
  4165.  
  4166.  
  4167.  
  4168.  
  4169.  
  4170.  
  4171.  
  4172.  
  4173.  
  4174.  
  4175.  
  4176.  
  4177.  
  4178.  
  4179.  
  4180.  
  4181.  
  4182.  
  4183.  
  4184.  
  4185.  
  4186.  
  4187.  
  4188.  
  4189.  
  4190.  
  4191.  
  4192.  
  4193.  
  4194.  
  4195.  
  4196.  
  4197.  
  4198.  
  4199.  
  4200.  
  4201.  
  4202.  
  4203.  
  4204.  
  4205.        <section class="section card-container">
  4206.            <div class="container">
  4207.  
  4208.                <div class="text-center">
  4209.                    <h2 class="events-title">Our Top 5 Recruiters</h2>
  4210.                </div>
  4211.  
  4212.                <div class="section-header">
  4213.  
  4214.                    <p class="section-subtitle">We take pride in our partnerships with industry leaders who recognize
  4215.                        the talent and potential of our students. Our extensive network spans various sectors from
  4216.                        technology to healthcare and beyond.</p>
  4217.                </div>
  4218.  
  4219.                <!-- Top-tier recruiters grid -->
  4220.              <div class="controls" style="display: none;">
  4221.        <button id="toggleAutoFlip" class="control-btn">Stop Auto Flip</button>
  4222.        <button id="resetCards" class="control-btn">Reset All Cards</button>
  4223.    </div>
  4224.  
  4225.    <div class="recruiters-grid">
  4226.        <div class="recruiter-card" data-company="Capgemini">
  4227.            <div class="card-inner">
  4228.                <div class="card-front">
  4229.                    <img src="/static/images/capgemini.png" alt="Capgemini" class="recruiter-logo">
  4230.  
  4231.                </div>
  4232.                <div class="card-back">
  4233.                    <div class="package-info">
  4234.                        <h4 class="flip_header">Recruitment Packages</h4>
  4235.                        <ul>
  4236.                            <li>Entry-Level: ₹6 LPA</li>
  4237.                            <li>Mid-Level: ₹9 LPA</li>
  4238.                            <li>Senior-Level: ₹12 LPA</li>
  4239.                        </ul>
  4240.                    </div>
  4241.                </div>
  4242.            </div>
  4243.        </div>
  4244.  
  4245.        <div class="recruiter-card" data-company="Tech Mahindra">
  4246.            <div class="card-inner">
  4247.                <div class="card-front">
  4248.                    <img src="/static/images/techmahindra.png" alt="Tech Mahindra" class="recruiter-logo">
  4249.  
  4250.                </div>
  4251.                <div class="card-back">
  4252.                    <div class="package-info">
  4253.                        <h4 class="flip_header">Recruitment Packages</h4>
  4254.                        <ul>
  4255.                            <li>Entry-Level: ₹5.5 LPA</li>
  4256.                            <li>Mid-Level: ₹8.5 LPA</li>
  4257.                            <li>Senior-Level: ₹11 LPA</li>
  4258.                        </ul>
  4259.                    </div>
  4260.                </div>
  4261.            </div>
  4262.        </div>
  4263.  
  4264.        <div class="recruiter-card" data-company="Verizon">
  4265.            <div class="card-inner">
  4266.                <div class="card-front">
  4267.                    <img src="/static/images/verizon.png" alt="Verizon" class="recruiter-logo">
  4268.  
  4269.                </div>
  4270.                <div class="card-back">
  4271.                    <div class="package-info">
  4272.                        <h4 class="flip_header">Recruitment Packages</h4>
  4273.                        <ul>
  4274.                            <li>Entry-Level: ₹7 LPA</li>
  4275.                            <li>Mid-Level: ₹10 LPA</li>
  4276.                            <li>Senior-Level: ₹13 LPA</li>
  4277.                        </ul>
  4278.                    </div>
  4279.                </div>
  4280.            </div>
  4281.        </div>
  4282.  
  4283.        <div class="recruiter-card" data-company="Comtec">
  4284.            <div class="card-inner">
  4285.                <div class="card-front">
  4286.                    <img src="/static/images/comtec.png" alt="Comtec" class="recruiter-logo">
  4287.  
  4288.                </div>
  4289.                <div class="card-back">
  4290.                    <div class="package-info">
  4291.                        <h4 class="flip_header">Recruitment Packages</h4>
  4292.                        <ul>
  4293.                            <li>Entry-Level: ₹5 LPA</li>
  4294.                            <li>Mid-Level: ₹8 LPA</li>
  4295.                            <li>Senior-Level: ₹11 LPA</li>
  4296.                        </ul>
  4297.                    </div>
  4298.                </div>
  4299.            </div>
  4300.        </div>
  4301.  
  4302.        <div class="recruiter-card" data-company="Amazon">
  4303.            <div class="card-inner">
  4304.                <div class="card-front">
  4305.                    <img src="/static/images/amazon.png" alt="Amazon" class="recruiter-logo">
  4306.  
  4307.                </div>
  4308.                <div class="card-back">
  4309.                    <div class="package-info">
  4310.                        <h4 class="flip_header">Recruitment Packages</h4>
  4311.                        <ul>
  4312.                            <li>Entry-Level: ₹8 LPA</li>
  4313.                            <li>Mid-Level: ₹12 LPA</li>
  4314.                            <li>Senior-Level: ₹15 LPA</li>
  4315.                        </ul>
  4316.                    </div>
  4317.                </div>
  4318.            </div>
  4319.        </div>
  4320.    </div>
  4321.  
  4322.    <script>
  4323.        document.addEventListener('DOMContentLoaded', function() {
  4324.            const cards = document.querySelectorAll('.recruiter-card');
  4325.            const toggleBtn = document.getElementById('toggleAutoFlip');
  4326.            const resetBtn = document.getElementById('resetCards');
  4327.            let autoFlipEnabled = true;
  4328.            let currentCardIndex = 0;
  4329.            let autoFlipInterval;
  4330.  
  4331.            // Start auto flip
  4332.            startAutoFlip();
  4333.  
  4334.            // Toggle auto flip
  4335.            toggleBtn.addEventListener('click', function() {
  4336.                autoFlipEnabled = !autoFlipEnabled;
  4337.                if (autoFlipEnabled) {
  4338.                    toggleBtn.textContent = 'Stop Auto Flip';
  4339.                    startAutoFlip();
  4340.                } else {
  4341.                    toggleBtn.textContent = 'Start Auto Flip';
  4342.                    clearInterval(autoFlipInterval);
  4343.                }
  4344.            });
  4345.  
  4346.            // Reset all cards
  4347.            resetBtn.addEventListener('click', function() {
  4348.                cards.forEach(card => {
  4349.                    card.classList.remove('flipped');
  4350.                });
  4351.            });
  4352.  
  4353.            // Hover functionality
  4354.            cards.forEach(card => {
  4355.                card.addEventListener('mouseenter', function() {
  4356.                    if (!card.classList.contains('flipped')) {
  4357.                        card.classList.add('flipped');
  4358.                    }
  4359.                });
  4360.  
  4361.                card.addEventListener('mouseleave', function() {
  4362.                    if (!autoFlipEnabled || !isCurrentlyFlipped(card)) {
  4363.                        card.classList.remove('flipped');
  4364.                    }
  4365.                });
  4366.  
  4367.                // Click to flip functionality
  4368.                card.addEventListener('click', function() {
  4369.                    card.classList.toggle('flipped');
  4370.                });
  4371.            });
  4372.  
  4373.            function startAutoFlip() {
  4374.                // Clear any existing interval
  4375.                clearInterval(autoFlipInterval);
  4376.  
  4377.                // Reset all cards
  4378.                cards.forEach(card => {
  4379.                    card.classList.remove('flipped');
  4380.                });
  4381.  
  4382.                // Set new interval
  4383.                autoFlipInterval = setInterval(function() {
  4384.                    // Remove flip from previous card
  4385.                    cards.forEach((card, index) => {
  4386.                        if (index !== currentCardIndex) {
  4387.                            card.classList.remove('flipped');
  4388.                        }
  4389.                    });
  4390.  
  4391.                    // Flip current card
  4392.                    cards[currentCardIndex].classList.add('flipped');
  4393.  
  4394.                    // Move to next card
  4395.                    currentCardIndex = (currentCardIndex + 1) % cards.length;
  4396.                }, 2000);
  4397.            }
  4398.  
  4399.            function isCurrentlyFlipped(card) {
  4400.                const index = Array.from(cards).indexOf(card);
  4401.                return index === currentCardIndex;
  4402.            }
  4403.        });
  4404.    </script>
  4405.  
  4406.                <!-- Featured recruiters carousel -->
  4407.                <div class="featured-recruiters">
  4408.                    <div class="text-center">
  4409.                        <h2 class="events-title">Our Partner Companies</h2>
  4410.                    </div>
  4411.  
  4412.                        <div class="carousel-track">
  4413.                            <!-- These logos will repeat for seamless scrolling -->
  4414.                            <div class="carousel-item">
  4415.                                <img src="/static/images/101.png"
  4416.                                     alt="Capgemini" class="carousel-logo">
  4417.                            </div>
  4418.                            <div class="carousel-item">
  4419.                                <img src="/static/images/102.png"
  4420.                                     alt="Tech Mahindra" class="carousel-logo">
  4421.                            </div>
  4422.                            <div class="carousel-item">
  4423.                                <img src="/static/images/103.jpg"
  4424.                                     alt="Verizon" class="carousel-logo">
  4425.                            </div>
  4426.                            <div class="carousel-item">
  4427.                                <img src="/static/images/104.jpg"
  4428.                                     alt="Comtec" class="carousel-logo">
  4429.                            </div>
  4430.                            <div class="carousel-item">
  4431.                                <img src="/static/images/105.png"
  4432.                                     alt="Amazon" class="carousel-logo">
  4433.                            </div>
  4434.                            <div class="carousel-item">
  4435.                                <img src="/static/images/IBM.png" alt="IBM"
  4436.                                     class="carousel-logo">
  4437.                            </div>
  4438.                            <!-- Duplicated for seamless scrolling -->
  4439.                            <div class="carousel-item">
  4440.                                <img src="/static/images/deloitteconsulting.png"
  4441.                                     alt="Deloitte" class="carousel-logo">
  4442.                            </div>
  4443.                            <div class="carousel-item">
  4444.                                <img src="/static/images/infosys.png"
  4445.                                     alt="Infosys" class="carousel-logo">
  4446.                            </div>
  4447.                            <div class="carousel-item">
  4448.                                <img src="/static/images/capgemini.png"
  4449.                                     alt="Capgemini" class="carousel-logo">
  4450.                            </div>
  4451.                            <div class="carousel-item">
  4452.                                <img src="/static/images/techmahindra.png"
  4453.                                     alt="Tech Mahindra" class="carousel-logo">
  4454.                            </div>
  4455.                            <div class="carousel-item">
  4456.                                <img src="/static/images/verizon.png"
  4457.                                     alt="Verizon" class="carousel-logo">
  4458.                            </div>
  4459.                            <div class="carousel-item">
  4460.                                <img src="/static/images/comtec.png"
  4461.                                     alt="Comtec" class="carousel-logo">
  4462.                            </div>
  4463.                        </div>
  4464.  
  4465.                </div>
  4466.  
  4467.                <!-- Stats section -->
  4468.                <div class="stats-container">
  4469.                    <div class="stat-item">
  4470.                        <h3 class="stat-number">150</h3>
  4471.                        <p class="stat-text">Recruiting Partners</p>
  4472.                    </div>
  4473.                    <div class="stat-item">
  4474.                        <h3 class="stat-number">92</h3>
  4475.                        <p class="stat-text">Placement Rate</p>
  4476.                    </div>
  4477.                    <div class="stat-item">
  4478.                        <h3 class="stat-number">25</h3>
  4479.                        <p class="stat-text">Fortune 500 Companies</p>
  4480.                    </div>
  4481.                    <div class="stat-item">
  4482.                        <h3 class="stat-number">15</h3>
  4483.                        <p class="stat-text">International Recruiters</p>
  4484.                    </div>
  4485.                </div>
  4486.            </div>
  4487.  
  4488.            <section>
  4489.  
  4490.  
  4491.                <script>
  4492.                    // News Data
  4493.                    const newsData = [
  4494.                        {
  4495.                            id: 1,
  4496.                            image: "https://anits.edu.in/p4.jpeg",
  4497.                            title: "ANITS Hosts National Tech Conference",
  4498.                            category: "Event",
  4499.                            date: "February 15, 2025",
  4500.                            text: "Leading experts gather to discuss emerging technologies and innovations.",
  4501.                            link: "#"
  4502.                        },
  4503.                        {
  4504.                            id: 2,
  4505.                            image: "https://anits.edu.in/photogallery/24-Nov-2018-Sakshi.jpg",
  4506.                            title: "Students Win Regional Hackathon",
  4507.                            category: "Achievement",
  4508.                            date: "February 8, 2025",
  4509.                            text: "ANITS team secures first place in the prestigious coding competition.",
  4510.                            link: "#"
  4511.                        },
  4512.                        {
  4513.                            id: 4,
  4514.                            image: "https://anits.edu.in/p1.jpg",
  4515.                            title: "New Research Lab Inauguration",
  4516.                            category: "Infrastructure",
  4517.                            date: "January 15, 2025",
  4518.                            text: "State-of-the-art research facilities unveiled for advanced studies.",
  4519.                            link: "#"
  4520.                        },
  4521.                        {
  4522.                            id: 5,
  4523.                            image: "https://anits.edu.in/p2.jpeg",
  4524.                            title: "Faculty Research Published in International Journal",
  4525.                            category: "Research",
  4526.                            date: "December 20, 2024",
  4527.                            text: "Groundbreaking research by ANITS professors gains international recognition.",
  4528.                            link: "#"
  4529.                        },
  4530.                        {
  4531.                            id: 6,
  4532.                            image: "https://anits.edu.in/p4.jpeg",
  4533.                            title: "Annual Cultural Fest Announcement",
  4534.                            category: "Campus Life",
  4535.                            date: "December 10, 2024",
  4536.                            text: "Preparations begin for the most anticipated event of the academic year.",
  4537.                            link: "#"
  4538.                        },
  4539.                        {
  4540.                            id: 7,
  4541.                            image: "https://anits.edu.in/photogallery/24-Nov-2018-Sakshi.jpg",
  4542.                            title: "Industry Partnership Agreement Signed",
  4543.                            category: "Collaboration",
  4544.                            date: "November 30, 2024",
  4545.                            text: "ANITS partners with leading tech companies for student development programs.",
  4546.                            link: "#"
  4547.                        }
  4548.                    ];
  4549.  
  4550.                    // Carousel Configuration
  4551.                    const cardsPerSlide = window.innerWidth < 768 ? 1 : 2;
  4552.                    let currentSlide = 0;
  4553.                    const totalSlides = Math.ceil(newsData.length / cardsPerSlide);
  4554.  
  4555.                    // Initialize Carousel
  4556.                    function initCarousel() {
  4557.                        renderSlides();
  4558.                        renderPagination();
  4559.                        setupEventListeners();
  4560.                        showSlide(currentSlide);
  4561.                    }
  4562.  
  4563.                    // Render News Cards
  4564.                    function renderSlides() {
  4565.                        const slidesContainer = document.getElementById('newsSlides');
  4566.                        slidesContainer.innerHTML = '';
  4567.  
  4568.                        newsData.forEach(news => {
  4569.                            const card = document.createElement('div');
  4570.                            card.className = 'col-md-6 news-card-wrapper';
  4571.                            card.innerHTML = `
  4572.                    <div class="news-card">
  4573.                        <div class="news-thumb">
  4574.                            <span class="news-category">${news.category}</span>
  4575.                            <img src="${news.image}" alt="${news.title}">
  4576.                        </div>
  4577.                        <div class="news-body">
  4578.                            <h5 class="news-title">${news.title}</h5>
  4579.                            <p class="news-date"><i class="far fa-calendar-alt me-2"></i>${news.date}</p>
  4580.                            <p class="news-text">${news.text}</p>
  4581.                            <a href="${news.link}" class="news-link">Read More <i class="fas fa-angle-right"></i></a>
  4582.                        </div>
  4583.                    </div>
  4584.                `;
  4585.                            slidesContainer.appendChild(card);
  4586.                        });
  4587.                    }
  4588.  
  4589.                    // Render Pagination Dots
  4590.                    function renderPagination() {
  4591.                        const paginationContainer = document.getElementById('carouselPagination');
  4592.                        paginationContainer.innerHTML = '';
  4593.  
  4594.                        for (let i = 0; i < totalSlides; i++) {
  4595.                            const dot = document.createElement('div');
  4596.                            dot.className = 'carousel-dot';
  4597.                            dot.dataset.slide = i;
  4598.                            dot.addEventListener('click', () => {
  4599.                                showSlide(i);
  4600.                            });
  4601.                            paginationContainer.appendChild(dot);
  4602.                        }
  4603.                    }
  4604.  
  4605.                    // Show Specific Slide
  4606.                    function showSlide(slideIndex) {
  4607.                        const wrappers = document.querySelectorAll('.news-card-wrapper');
  4608.                        const dots = document.querySelectorAll('.carousel-dot');
  4609.  
  4610.                        // Hide all cards
  4611.                        wrappers.forEach(wrapper => {
  4612.                            wrapper.style.display = 'none';
  4613.                        });
  4614.  
  4615.                        // Show cards for current slide
  4616.                        const startIndex = slideIndex * cardsPerSlide;
  4617.                        const endIndex = Math.min(startIndex + cardsPerSlide, wrappers.length);
  4618.  
  4619.                        for (let i = startIndex; i < endIndex; i++) {
  4620.                            if (wrappers[i]) {
  4621.                                wrappers[i].style.display = 'block';
  4622.                                // Add animation with delay based on index
  4623.                                wrappers[i].classList.remove('animate-in');
  4624.                                void wrappers[i].offsetWidth; // Force reflow
  4625.                                wrappers[i].classList.add('animate-in');
  4626.                                wrappers[i].style.animationDelay = `${(i - startIndex) * 0.1}s`;
  4627.                            }
  4628.                        }
  4629.  
  4630.                        // Update pagination dots
  4631.                        dots.forEach((dot, index) => {
  4632.                            dot.classList.toggle('active', index === slideIndex);
  4633.                        });
  4634.  
  4635.                        currentSlide = slideIndex;
  4636.                    }
  4637.  
  4638.                    // Setup Event Listeners
  4639.                    function setupEventListeners() {
  4640.                        document.getElementById('prevSlide').addEventListener('click', () => {
  4641.                            if (currentSlide > 0) {
  4642.                                showSlide(currentSlide - 1);
  4643.                            } else {
  4644.                                showSlide(totalSlides - 1); // Loop to the end
  4645.                            }
  4646.                        });
  4647.  
  4648.                        document.getElementById('nextSlide').addEventListener('click', () => {
  4649.                            if (currentSlide < totalSlides - 1) {
  4650.                                showSlide(currentSlide + 1);
  4651.                            } else {
  4652.                                showSlide(0); // Loop to the beginning
  4653.                            }
  4654.                        });
  4655.  
  4656.                        // Auto-play functionality
  4657.                        let autoPlayInterval = setInterval(() => {
  4658.                            const nextSlide = (currentSlide + 1) % totalSlides;
  4659.                            showSlide(nextSlide);
  4660.                        }, 5000);
  4661.  
  4662.                        // Pause auto-play on hover
  4663.                        const carousel = document.querySelector('.news-carousel');
  4664.                        carousel.addEventListener('mouseenter', () => {
  4665.                            clearInterval(autoPlayInterval);
  4666.                        });
  4667.  
  4668.                        carousel.addEventListener('mouseleave', () => {
  4669.                            autoPlayInterval = setInterval(() => {
  4670.                                const nextSlide = (currentSlide + 1) % totalSlides;
  4671.                                showSlide(nextSlide);
  4672.                            }, 5000);
  4673.                        });
  4674.  
  4675.                        // Resize handler
  4676.                        window.addEventListener('resize', () => {
  4677.                            const newCardsPerSlide = window.innerWidth < 768 ? 1 : 3;
  4678.                            if (newCardsPerSlide !== cardsPerSlide) {
  4679.                                location.reload(); // Simple solution for this example
  4680.                            }
  4681.                        });
  4682.                    }
  4683.  
  4684.                    // Initialize when DOM is loaded
  4685.                    document.addEventListener('DOMContentLoaded', initCarousel);
  4686.                </script>
  4687.            </section>
  4688.  
  4689.        </section>
  4690.  
  4691.            <section style="margin-top:-90px;">
  4692.             <div class="text-center">
  4693.                    <h2 class="events-title">Partners Across Industries</h2>
  4694.                </div>
  4695.    <div class="marquee-container">
  4696.        <div class="marquee">
  4697.            <div class="marquee-item">
  4698.                <img src="/static/images/logos/101.png" alt="Capgemini">
  4699.            </div>
  4700.            <div class="marquee-item">
  4701.                <img src="/static/images/logos/102.png" alt="Tech Mahindra">
  4702.            </div>
  4703.            <div class="marquee-item">
  4704.                <img src="/static/images/logos/103.jpg" alt="Verizon">
  4705.            </div>
  4706.            <div class="marquee-item">
  4707.                <img src="/static/images/logos/104.jpg" alt="Comtec">
  4708.            </div>
  4709.            <div class="marquee-item">
  4710.                <img src="/static/images/logos/105.png" alt="Amazon">
  4711.            </div>
  4712.            <div class="marquee-item">
  4713.                <img src="/static/images/logos/106.jpg" alt="IBM">
  4714.            </div>
  4715.            <div class="marquee-item">
  4716.                <img src="/static/images//logos/107.png" alt="Deloitte">
  4717.            </div>
  4718.            <div class="marquee-item">
  4719.                <img src="/static/images//logos/108.png" alt="Infosys">
  4720.            </div>
  4721.            <div class="marquee-item">
  4722.                <img src="/static/images/logos/109.png" alt="Capgemini">
  4723.            </div>
  4724.            <div class="marquee-item">
  4725.                <img src="/static/images/logos/110.jpg" alt="Tech Mahindra">
  4726.            </div>
  4727.            <div class="marquee-item">
  4728.                <img src="/static/images/logos/112.avif" alt="Verizon">
  4729.            </div>
  4730.            <div class="marquee-item">
  4731.                <img src="/static/images/logos/113.png" alt="Comtec">
  4732.            </div>
  4733.            <div class="marquee-item">
  4734.                <img src="/static/images/logos/114.png" alt="Amazon">
  4735.            </div>
  4736.            <div class="marquee-item">
  4737.                <img src="/static/images/logos/115.jpg" alt="IBM">
  4738.            </div>
  4739.            <div class="marquee-item">
  4740.                <img src="/static/images//logos/116.jpg" alt="Deloitte">
  4741.            </div>
  4742.            <div class="marquee-item">
  4743.                <img src="/static/images//logos/117.png" alt="Infosys">
  4744.            </div>
  4745.            <div class="marquee-item">
  4746.                <img src="/static/images/logos/118.png" alt="Capgemini">
  4747.            </div>
  4748.            <div class="marquee-item">
  4749.                <img src="/static/images/logos/119.png" alt="Tech Mahindra">
  4750.            </div>
  4751.            <div class="marquee-item">
  4752.                <img src="/static/images/logos/120.jpg" alt="Verizon">
  4753.            </div>
  4754.            <div class="marquee-item">
  4755.                <img src="/static/images/logos/121.png" alt="Comtec">
  4756.            </div>
  4757.            <div class="marquee-item">
  4758.                <img src="/static/images/logos/122.png" alt="Amazon">
  4759.            </div>
  4760.            <div class="marquee-item">
  4761.                <img src="/static/images/logos/123.png" alt="IBM">
  4762.            </div>
  4763.            <div class="marquee-item">
  4764.                <img src="/static/images//logos/124.webp" alt="Infosys">
  4765.            </div>
  4766.            <div class="marquee-item">
  4767.                <img src="/static/images/logos/125.jpg" alt="Capgemini">
  4768.            </div>
  4769.            <div class="marquee-item">
  4770.                <img src="/static/images/logos/126.png" alt="Tech Mahindra">
  4771.            </div>
  4772.            <div class="marquee-item">
  4773.                <img src="/static/images/logos/127.webp" alt="Comtec">
  4774.            </div>
  4775.            <div class="marquee-item">
  4776.                <img src="/static/images/logos/128.jpg" alt="Amazon">
  4777.            </div>
  4778.            <div class="marquee-item">
  4779.                <img src="/static/images/logos/129.jpg" alt="IBM">
  4780.            </div>
  4781.            <div class="marquee-item">
  4782.                <img src="/static/images/logos/130.png" alt="Deloitte">
  4783.            </div>
  4784.            <div class="marquee-item">
  4785.                <img src="/static/images/logos/131.jpg" alt="Infosys">
  4786.            </div>
  4787.             <div class="marquee-item">
  4788.                <img src="/static/images/logos/132.jpeg" alt="Deloitte">
  4789.            </div>
  4790.            <div class="marquee-item">
  4791.                <img src="/static/images/logos/133.jpg" alt="Infosys">
  4792.            </div>
  4793.            <div class="marquee-item">
  4794.                <img src="/static/images/logos/134.jpg" alt="Capgemini">
  4795.            </div>
  4796.            <div class="marquee-item">
  4797.                <img src="/static/images/logos/135.png" alt="Tech Mahindra">
  4798.            </div>
  4799.            <div class="marquee-item">
  4800.                <img src="/static/images/logos/136.jpg" alt="Verizon">
  4801.            </div>
  4802.            <div class="marquee-item">
  4803.                <img src="/static/images/logos/137.png" alt="Comtec">
  4804.            </div>
  4805.            <div class="marquee-item">
  4806.                <img src="/static/images/log/138.webp" alt="Amazon">
  4807.            </div>
  4808.            <div class="marquee-item">
  4809.                <img src="/static/images/logos/139.png" alt="Deloitte">
  4810.            </div>
  4811.            <div class="marquee-item">
  4812.                <img src="/static/images/logos/140.png" alt="Infosys">
  4813.            </div>
  4814.            <div class="marquee-item">
  4815.                <img src="/static/images/logos/141.png" alt="Verizon">
  4816.            </div>
  4817.            <div class="marquee-item">
  4818.                <img src="/static/images/logos/142.jpg" alt="Comtec">
  4819.            </div>
  4820.            <div class="marquee-item">
  4821.                <img src="/static/images/logos/143.png" alt="Amazon">
  4822.            </div>
  4823.            <div class="marquee-item">
  4824.                <img src="/static/images/logos/144.jpg" alt="IBM">
  4825.            </div>
  4826.            <div class="marquee-item">
  4827.                <img src="/static/images/logos/145.png" alt="Infosys">
  4828.            </div>
  4829.            <div class="marquee-item">
  4830.                <img src="/static/images/logos/146.jpg" alt="Capgemini">
  4831.            </div>
  4832.            <div class="marquee-item">
  4833.                <img src="/static/images/logos/147.png" alt="Tech Mahindra">
  4834.            </div>
  4835.            <div class="marquee-item">
  4836.                <img src="/static/images/logos/148.png" alt="Comtec">
  4837.            </div>
  4838.            <div class="marquee-item">
  4839.                <img src="/static/images/logos/149.webp" alt="Amazon">
  4840.            </div>
  4841.            <div class="marquee-item">
  4842.                <img src="/static/images/logos/150.jpg" alt="IBM">
  4843.            </div>
  4844.            <div class="marquee-item">
  4845.                <img src="/static/images/logos/151.png" alt="Amazon">
  4846.            </div>
  4847.            <div class="marquee-item">
  4848.                <img src="/static/images/logos/152.png" alt="IBM">
  4849.            </div>
  4850.            <div class="marquee-item">
  4851.                <img src="/static/images/logos/153.webp" alt="Infosys">
  4852.            </div>
  4853.            <div class="marquee-item">
  4854.                <img src="/static/images/logos/154.jpg" alt="Capgemini">
  4855.            </div>
  4856.            <div class="marquee-item">
  4857.                <img src="/static/images/logos/155.jpg" alt="Tech Mahindra">
  4858.            </div>
  4859.            <div class="marquee-item">
  4860.                <img src="/static/images/logos/156.avif" alt="Comtec">
  4861.            </div>
  4862.            <div class="marquee-item">
  4863.                <img src="/static/images/logos/157.png" alt="Amazon">
  4864.            </div>
  4865.            
  4866.        </div>
  4867.    </div>
  4868. </section>
  4869.    <section class="testimonial-section">
  4870.        <div class="container">
  4871.    <div class="text-center">
  4872.        <h2 class="section-title">What Our Students Say</h2>
  4873.  
  4874.        <div class="row g-4">
  4875.            <!-- Testimonial 1: Suresh -->
  4876.            <div class="col-md-6 col-lg-4">
  4877.                <div class="testimonial-card">
  4878.                    <div class="testimonial-header">
  4879.                        <div class="avatar-container">
  4880.                            <img src="/api/placeholder/100/100" alt="Suresh" class="img-fluid">
  4881.                        </div>
  4882.                    </div>
  4883.                    <div class="testimonial-body">
  4884.                        <div class="stars">
  4885.                            <i class="fas fa-star"></i>
  4886.                            <i class="fas fa-star"></i>
  4887.                            <i class="fas fa-star"></i>
  4888.                            <i class="fas fa-star"></i>
  4889.                            <i class="fas fa-star"></i>
  4890.                        </div>
  4891.                        <p class="testimonial-text">"ANITS provided me with incredible opportunities in technical education. The faculty's expertise and industry connections helped me secure a placement at a top-tier company. The programming competitions and hackathons organized by the CSE department really boosted my practical skills."</p>
  4892.                        <h5 class="testimonial-name">Suresh Kumar</h5>
  4893.                        <p class="text-muted">Computer Science, Batch of 2023</p>
  4894.                    </div>
  4895.                </div>
  4896.            </div>
  4897.  
  4898.            <!-- Testimonial 2: Neeha -->
  4899.            <div class="col-md-6 col-lg-4">
  4900.                <div class="testimonial-card">
  4901.                    <div class="testimonial-header">
  4902.                        <div class="avatar-container">
  4903.                            <img src="/api/placeholder/100/100" alt="Neeha" class="img-fluid">
  4904.                        </div>
  4905.                    </div>
  4906.                    <div class="testimonial-body">
  4907.                        <div class="stars">
  4908.                            <i class="fas fa-star"></i>
  4909.                            <i class="fas fa-star"></i>
  4910.                            <i class="fas fa-star"></i>
  4911.                            <i class="fas fa-star"></i>
  4912.                            <i class="fas fa-star"></i>
  4913.                        </div>
  4914.                        <p class="testimonial-text">"The Mechanical Engineering labs at ANITS are state-of-the-art! I particularly enjoyed the hands-on approach to learning. My research project was supported with excellent guidance and resources. The campus environment promotes both academic and personal growth. Truly grateful for my time here!"</p>
  4915.                        <h5 class="testimonial-name">Neeha Reddy</h5>
  4916.                        <p class="text-muted">Mechanical Engineering, Batch of 2022</p>
  4917.                    </div>
  4918.                </div>
  4919.            </div>
  4920.  
  4921.            <!-- Testimonial 3: Praveen -->
  4922.            <div class="col-md-6 col-lg-4">
  4923.                <div class="testimonial-card">
  4924.                    <div class="testimonial-header">
  4925.                        <div class="avatar-container">
  4926.                            <img src="/api/placeholder/100/100" alt="Praveen" class="img-fluid">
  4927.                        </div>
  4928.                    </div>
  4929.                    <div class="testimonial-body">
  4930.                        <div class="stars">
  4931.                            <i class="fas fa-star"></i>
  4932.                            <i class="fas fa-star"></i>
  4933.                            <i class="fas fa-star"></i>
  4934.                            <i class="fas fa-star"></i>
  4935.                            <i class="fas fa-star"></i>
  4936.                        </div>
  4937.                        <p class="testimonial-text">"The ECE department at ANITS stands out with its exceptional curriculum and lab facilities. The robotics club gave me a platform to apply my theoretical knowledge. The professors always encouraged innovative thinking and problem-solving. It's beyond just an engineering college - it's a launchpad for careers."</p>
  4938.                        <h5 class="testimonial-name">Praveen Kumar</h5>
  4939.                        <p class="text-muted">Electronics & Communication, Batch of 2024</p>
  4940.                    </div>
  4941.                </div>
  4942.            </div>
  4943.  
  4944.            <!-- Testimonial 4: Shiva Shankar -->
  4945.            <!--<div class="col-md-6 col-lg-6">-->
  4946.            <!--    <div class="testimonial-card">-->
  4947.            <!--        <div class="testimonial-header">-->
  4948.            <!--            <div class="avatar-container">-->
  4949.            <!--                <img src="/api/placeholder/100/100" alt="Shiva Shankar" class="img-fluid">-->
  4950.            <!--            </div>-->
  4951.            <!--        </div>-->
  4952.            <!--        <div class="testimonial-body">-->
  4953.            <!--            <div class="stars">-->
  4954.            <!--                <i class="fas fa-star"></i>-->
  4955.            <!--                <i class="fas fa-star"></i>-->
  4956.            <!--                <i class="fas fa-star"></i>-->
  4957.            <!--                <i class="fas fa-star"></i>-->
  4958.            <!--                <i class="fas fa-star"></i>-->
  4959.            <!--            </div>-->
  4960.            <!--            <p class="testimonial-text">"Coming from a small town, ANITS gave me the perfect blend of cultural diversity and academic excellence. The Civil Engineering department is renowned for its practical approach. The annual technical fest and guest lectures by industry experts were incredibly valuable. The campus infrastructure is beautiful and conducive to learning."</p>-->
  4961.            <!--            <h5 class="testimonial-name">Shiva Shankar</h5>-->
  4962.            <!--            <p class="text-muted">Civil Engineering, Batch of 2021</p>-->
  4963.            <!--        </div>-->
  4964.            <!--    </div>-->
  4965.            <!--</div>-->
  4966.  
  4967.            <!-- Testimonial 5: Anitha -->
  4968.            <!--<div class="col-md-6 col-lg-6">-->
  4969.            <!--    <div class="testimonial-card">-->
  4970.            <!--        <div class="testimonial-header">-->
  4971.            <!--            <div class="avatar-container">-->
  4972.            <!--                <img src="/api/placeholder/100/100" alt="Anitha" class="img-fluid">-->
  4973.            <!--            </div>-->
  4974.            <!--        </div>-->
  4975.            <!--        <div class="testimonial-body">-->
  4976.            <!--            <div class="stars">-->
  4977.            <!--                <i class="fas fa-star"></i>-->
  4978.            <!--                <i class="fas fa-star"></i>-->
  4979.            <!--                <i class="fas fa-star"></i>-->
  4980.            <!--                <i class="fas fa-star"></i>-->
  4981.            <!--                <i class="fas fa-star"></i>-->
  4982.            <!--            </div>-->
  4983.            <!--            <p class="testimonial-text">"ANITS has a fantastic IT department with cutting-edge facilities. The college's focus on developing both technical and soft skills helped me immensely. The placement cell provided excellent guidance throughout our career development. The Women in Tech initiatives were particularly empowering. I'm proud to be an ANITS alumna!"</p>-->
  4984.            <!--            <h5 class="testimonial-name">Anitha Sharma</h5>-->
  4985.            <!--            <p class="text-muted">Information Technology, Batch of 2023</p>-->
  4986.            <!--        </div>-->
  4987.            <!--    </div>-->
  4988.            <!--</div>-->
  4989.        </div>
  4990.    </div>
  4991.    </div>
  4992. </section>
  4993.        </section>
  4994.  
  4995.  
  4996.  
  4997.  
  4998.  
  4999.  
  5000.  
  5001.  
  5002.        <!--footer end-->
  5003.  
  5004.  
  5005.    </div>
  5006.  
  5007.  
  5008.    <div class="modal  fade" id="myModal">
  5009.        <div class="modal-dialog modal modal-dialog-centered" role="document">
  5010.            <div class="modal-content">
  5011.  
  5012.                <div class="modal-body" style="padding: 10px">
  5013.                    <div class="row">
  5014.                        <div class="col-sm-12">
  5015.                            <img src="/static/images/ANIDS_Admissions.jpg" style="max-width: 100%" class="img-fluid"/>
  5016.                        </div>
  5017.  
  5018.                    </div>
  5019.  
  5020.  
  5021.                    <div style="padding: 5px ; text-align: center;">
  5022.                        <button type="button" class="close btn"> CLOSE</button>
  5023.                    </div>
  5024.  
  5025.                </div>
  5026.  
  5027.            </div>
  5028.        </div>
  5029.    </div>
  5030.    <div class="modal fade" id="eventModal" tabindex="-1" aria-labelledby="eventModalLabel" aria-hidden="true">
  5031.    <div class="modal-dialog modal-lg">
  5032.        <div class="modal-content">
  5033.            <div class="modal-header">
  5034.                <h5 class="modal-title" id="eventModalLabel">Event Details</h5>
  5035.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  5036.            </div>
  5037.            <div class="modal-body">
  5038.                <h3 id="modal-event-name"></h3>
  5039.                <p><strong>Date:</strong> <span id="modal-event-date"></span></p>
  5040.                <p><strong>Description:</strong> <span id="modal-event-description"></span></p>
  5041.                <h5>Gallery</h5>
  5042.                <div id="modal-gallery" class="d-flex flex-wrap gap-2"></div>
  5043.            </div>
  5044.        </div>
  5045.    </div>
  5046. </div>
  5047.  
  5048. <!-- Large Image Modal -->
  5049. <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true">
  5050.    <div class="modal-dialog modal-xl modal-dialog-centered">
  5051.        <div class="modal-content">
  5052.            <div class="modal-header">
  5053.                <h5 class="modal-title">Image Preview</h5>
  5054.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  5055.            </div>
  5056.            <div class="modal-body text-center">
  5057.                <img id="largeImage" src="" class="img-fluid rounded shadow-lg" style="max-width: 100%; max-height: 80vh;">
  5058.            </div>
  5059.        </div>
  5060.    </div>
  5061. </div>
  5062. <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true" data-bs-backdrop="static">
  5063.        <div class="modal-dialog modal-lg modal-dialog-centered">
  5064.            <div class="modal-content">
  5065.                <div class="floating-elements">
  5066.                    <div class="floating-circle"></div>
  5067.                    <div class="floating-circle"></div>
  5068.                    <div class="floating-circle"></div>
  5069.                </div>
  5070.                
  5071.                <div class="modal-header">
  5072.                    <h2 class="modal-title" id="videoModalLabel">
  5073.                        <i class="fas fa-play-circle me-2"></i>
  5074.                        Discover Our Story
  5075.                    </h2>
  5076.                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
  5077.                        <i class="fas fa-times text-white"></i>
  5078.                    </button>
  5079.                </div>
  5080.                
  5081.                <div class="modal-body">
  5082.                    <div class="video-container">
  5083.                        <iframe
  5084.                            src="https://www.youtube.com/embed/LGzFBhVqQ20?si=wgBmE8uV9cryJRHK&autoplay=1&mute=1&loop=1&playlist=LGzFBhVqQ20"
  5085.                            title="YouTube video player"
  5086.                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  5087.                            allowfullscreen>
  5088.                        </iframe>
  5089.                    </div>
  5090.  
  5091.                    <div class="form-container">
  5092.                        <h3 class="form-title">
  5093.                            <i class="fas fa-download me-2"></i>
  5094.                            Get Your Free Brochure
  5095.                        </h3>
  5096.                        
  5097.                        <form id="brochureForm">
  5098.                            <input type="hidden" name="csrfmiddlewaretoken" value="HL86EW8TmmPqESIQ6j9N3SuZ1MA5HgsHGRDHAQeQqSQIyLqDiSrybnWuhkADDoOd">
  5099.                            <div class="form-group">
  5100.                                <i class="fas fa-user input-icon"></i>
  5101.                                <input type="text" class="form-control" id="fullName" name="fullName" placeholder="Enter your full name" required>
  5102.                            </div>
  5103.                            
  5104.                            <div class="form-group">
  5105.                                <i class="fas fa-phone input-icon"></i>
  5106.                                <input type="tel" class="form-control" id="phoneNumber" name="phoneNumber"  pattern="[0-9]+" title="Please enter only numbers"  placeholder="Enter your phone number" required>
  5107.                            </div>
  5108.                            
  5109.                            <div class="form-group">
  5110.                                <i class="fas fa-envelope input-icon"></i>
  5111.                                <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email address" required>
  5112.                            </div>
  5113.                              <div class="g-recaptcha mb-4" data-sitekey="6LfBTUYrAAAAAK3vMjDXs2P89SWo4I5lkxuuTbYl"></div>
  5114.                            
  5115.                            <button type="submit" class="download-btn">
  5116.                                <i class="fas fa-download me-2"></i>
  5117.                                Download Brochure Now
  5118.                            </button>
  5119.                            
  5120.                            <div class="success-message" id="successMessage">
  5121.                                <i class="fas fa-check-circle me-2"></i>
  5122.                                Thank you! Your brochure download will begin shortly.
  5123.                            </div>
  5124.                        </form>
  5125.                    </div>
  5126.                </div>
  5127.            </div>
  5128.        </div>
  5129.    </div>
  5130.  
  5131.    <!-- page wrapper end -->
  5132.  
  5133.  
  5134.    <!--back-to-top start-->
  5135.  
  5136.    <div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-location-arrow"></i></a></div>
  5137.  
  5138.    <!--back-to-top end-->
  5139.  
  5140.  
  5141.    <!-- inject js start -->
  5142.    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  5143.    <!-- Owl Carousel JS -->
  5144.    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  5145.    <!-- Owl Carousel CSS -->
  5146.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  5147.    <link rel="stylesheet"
  5148.          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
  5149.    <!--== jquery -->
  5150.    <style>
  5151.      .modal-backdrop {
  5152.            background: rgba(0, 0, 0, 0.8);
  5153.            backdrop-filter: blur(10px);
  5154.        }
  5155.  
  5156.        .modal-content {
  5157.            background: linear-gradient(145deg, #ffffff, #f8f9ff);
  5158.            border: none;
  5159.            border-radius: 20px;
  5160.            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  5161.            overflow: hidden;
  5162.            position: relative;
  5163.        }
  5164.  
  5165.        .modal-content::before {
  5166.            content: '';
  5167.            position: absolute;
  5168.            top: 0;
  5169.            left: 0;
  5170.            right: 0;
  5171.            height: 4px;
  5172.            background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
  5173.            background-size: 300% 300%;
  5174.            animation: gradientShift 3s ease infinite;
  5175.        }
  5176.  
  5177.        @keyframes gradientShift {
  5178.            0%, 100% { background-position: 0% 50%; }
  5179.            50% { background-position: 100% 50%; }
  5180.        }
  5181.  
  5182.        .modal-header {
  5183.            border-bottom: none;
  5184.            padding: 2rem 2rem 1rem;
  5185.            position: relative;
  5186.        }
  5187.  
  5188.        .modal-title {
  5189.            font-weight: 700;
  5190.            font-size: 1.8rem;
  5191.            background: linear-gradient(45deg, #667eea, #764ba2);
  5192.            -webkit-background-clip: text;
  5193.            -webkit-text-fill-color: transparent;
  5194.            background-clip: text;
  5195.            margin: 0;
  5196.            animation: titlePulse 2s ease-in-out infinite alternate;
  5197.        }
  5198.  
  5199.        @keyframes titlePulse {
  5200.            from { transform: scale(1); }
  5201.            to { transform: scale(1.05); }
  5202.        }
  5203.  
  5204.        .btn-close {
  5205.            background: linear-gradient(45deg, #ff6b6b, #ee5a24);
  5206.            border-radius: 50%;
  5207.            width: 40px;
  5208.            height: 40px;
  5209.            opacity: 1;
  5210.            display: flex;
  5211.            align-items: center;
  5212.            justify-content: center;
  5213.            transition: all 0.3s ease;
  5214.        }
  5215.  
  5216.        .btn-close:hover {
  5217.            transform: rotate(90deg) scale(1.1);
  5218.            background: linear-gradient(45deg, #ee5a24, #ff6b6b);
  5219.        }
  5220.  
  5221.        .modal-body {
  5222.            padding: 1rem 2rem 2rem;
  5223.        }
  5224.  
  5225.        .video-container {
  5226.            position: relative;
  5227.            margin-bottom: 2rem;
  5228.            border-radius: 15px;
  5229.            overflow: hidden;
  5230.            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  5231.            animation: videoFloat 6s ease-in-out infinite;
  5232.        }
  5233.  
  5234.        @keyframes videoFloat {
  5235.            0%, 100% { transform: translateY(0px); }
  5236.            50% { transform: translateY(-10px); }
  5237.        }
  5238.  
  5239.        .video-container iframe {
  5240.            width: 100%;
  5241.            height: 315px;
  5242.            border: none;
  5243.        }
  5244.  
  5245.        .form-container {
  5246.            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  5247.            border-radius: 20px;
  5248.            padding: 2rem;
  5249.            backdrop-filter: blur(10px);
  5250.            border: 1px solid rgba(255, 255, 255, 0.2);
  5251.            position: relative;
  5252.            overflow: hidden;
  5253.        }
  5254.  
  5255.        .form-container::before {
  5256.            content: '';
  5257.            position: absolute;
  5258.            top: -50%;
  5259.            left: -50%;
  5260.            width: 200%;
  5261.            height: 200%;
  5262.            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  5263.            animation: shimmer 3s infinite;
  5264.            pointer-events: none;
  5265.        }
  5266.  
  5267.        @keyframes shimmer {
  5268.            0% { transform: rotate(0deg); }
  5269.            100% { transform: rotate(360deg); }
  5270.        }
  5271.  
  5272.        .form-title {
  5273.            text-align: center;
  5274.            margin-bottom: 1.5rem;
  5275.            font-weight: 600;
  5276.            color: #333;
  5277.            position: relative;
  5278.        }
  5279.  
  5280.        .form-group {
  5281.            margin-bottom: 1.5rem;
  5282.            position: relative;
  5283.        }
  5284.  
  5285.        .form-control {
  5286.            border: 2px solid transparent;
  5287.            border-radius: 15px;
  5288.            padding: 12px 20px 12px 50px;
  5289.            font-size: 1rem;
  5290.            background: rgba(255, 255, 255, 0.9);
  5291.            backdrop-filter: blur(5px);
  5292.            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  5293.            position: relative;
  5294.        }
  5295.  
  5296.        .form-control:focus {
  5297.            border-color: #667eea;
  5298.            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  5299.            background: rgba(255, 255, 255, 1);
  5300.            transform: translateY(-2px);
  5301.        }
  5302.  
  5303.        .input-icon {
  5304.            position: absolute;
  5305.            left: 18px;
  5306.            top: 50%;
  5307.            transform: translateY(-50%);
  5308.            color: #667eea;
  5309.            font-size: 1.1rem;
  5310.            z-index: 2;
  5311.            transition: all 0.3s ease;
  5312.        }
  5313.  
  5314.        .form-group:focus-within .input-icon {
  5315.            color: #764ba2;
  5316.            transform: translateY(-50%) scale(1.1);
  5317.        }
  5318.  
  5319.        .download-btn {
  5320.            background: linear-gradient(45deg, #667eea, #764ba2);
  5321.            border: none;
  5322.            border-radius: 50px;
  5323.            padding: 15px 40px;
  5324.            font-weight: 600;
  5325.            font-size: 1.1rem;
  5326.            color: white;
  5327.            width: 100%;
  5328.            position: relative;
  5329.            overflow: hidden;
  5330.            transition: all 0.3s ease;
  5331.            text-transform: uppercase;
  5332.            letter-spacing: 1px;
  5333.        }
  5334.  
  5335.        .download-btn::before {
  5336.            content: '';
  5337.            position: absolute;
  5338.            top: 0;
  5339.            left: -100%;
  5340.            width: 100%;
  5341.            height: 100%;
  5342.            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  5343.            transition: all 0.5s ease;
  5344.        }
  5345.  
  5346.        .download-btn:hover::before {
  5347.            left: 100%;
  5348.        }
  5349.  
  5350.        .download-btn:hover {
  5351.            transform: translateY(-3px);
  5352.            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
  5353.            background: linear-gradient(45deg, #764ba2, #667eea);
  5354.        }
  5355.  
  5356.        .download-btn:active {
  5357.            transform: translateY(-1px);
  5358.        }
  5359.  
  5360.        .floating-elements {
  5361.            position: absolute;
  5362.            top: 0;
  5363.            left: 0;
  5364.            width: 100%;
  5365.            height: 100%;
  5366.            pointer-events: none;
  5367.            overflow: hidden;
  5368.        }
  5369.  
  5370.        .floating-circle {
  5371.            position: absolute;
  5372.            border-radius: 50%;
  5373.            background: linear-gradient(45deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
  5374.            animation: float 6s ease-in-out infinite;
  5375.        }
  5376.  
  5377.        .floating-circle:nth-child(1) {
  5378.            width: 60px;
  5379.            height: 60px;
  5380.            top: 20%;
  5381.            left: 10%;
  5382.            animation-delay: 0s;
  5383.        }
  5384.  
  5385.        .floating-circle:nth-child(2) {
  5386.            width: 40px;
  5387.            height: 40px;
  5388.            top: 60%;
  5389.            right: 15%;
  5390.            animation-delay: 2s;
  5391.        }
  5392.  
  5393.        .floating-circle:nth-child(3) {
  5394.            width: 30px;
  5395.            height: 30px;
  5396.            bottom: 30%;
  5397.            left: 20%;
  5398.            animation-delay: 4s;
  5399.        }
  5400.  
  5401.        @keyframes float {
  5402.            0%, 100% {
  5403.                transform: translateY(0px) rotate(0deg);
  5404.                opacity: 0.7;
  5405.            }
  5406.            50% {
  5407.                transform: translateY(-20px) rotate(180deg);
  5408.                opacity: 1;
  5409.            }
  5410.        }
  5411.  
  5412.        .modal.show .modal-dialog {
  5413.            animation: modalSlideIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  5414.        }
  5415.  
  5416.        @keyframes modalSlideIn {
  5417.            from {
  5418.                opacity: 0;
  5419.                transform: scale(0.7) translateY(-50px);
  5420.            }
  5421.            to {
  5422.                opacity: 1;
  5423.                transform: scale(1) translateY(0);
  5424.            }
  5425.        }
  5426.  
  5427.        .form-control.animate {
  5428.            animation: inputPop 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  5429.        }
  5430.  
  5431.        @keyframes inputPop {
  5432.            0% { transform: scale(1); }
  5433.            50% { transform: scale(1.05); }
  5434.            100% { transform: scale(1); }
  5435.        }
  5436.  
  5437.        .success-message {
  5438.            display: none;
  5439.            text-align: center;
  5440.            padding: 1rem;
  5441.            background: linear-gradient(45deg, #4ecdc4, #44a08d);
  5442.            color: white;
  5443.            border-radius: 15px;
  5444.            margin-top: 1rem;
  5445.            animation: successSlide 0.5s ease;
  5446.        }
  5447.  
  5448.        @keyframes successSlide {
  5449.            from {
  5450.                opacity: 0;
  5451.                transform: translateY(20px);
  5452.            }
  5453.            to {
  5454.                opacity: 1;
  5455.                transform: translateY(0);
  5456.            }
  5457.        }
  5458.  
  5459.        @media (max-width: 768px) {
  5460.            .modal-dialog {
  5461.                margin: 1rem;
  5462.            }
  5463.  
  5464.            .modal-title {
  5465.                font-size: 1.5rem;
  5466.            }
  5467.  
  5468.            .video-container iframe {
  5469.                height: 250px;
  5470.            }
  5471.  
  5472.            .form-container {
  5473.                padding: 1.5rem;
  5474.            }
  5475.        }
  5476. </style>
  5477.  
  5478.  
  5479. <script src="/static/js/theme.js"></script>
  5480.  
  5481.  <!--== theme-plugin -->
  5482.  <script src="/static/js/theme-plugin.js"></script>
  5483.  
  5484.  <!--== theme-script -->
  5485.  <script src="/static/js/theme-script.js"></script>
  5487.  
  5488.  <!-- inject js end -->
  5489.  
  5490.  
  5491.  
  5492.    <script>
  5493.        $(document).ready(function () {
  5494.            // Initialize Owl Carousel
  5495.            $('.owl-carousel').owlCarousel({
  5496.                loop: true,
  5497.                margin: 20,
  5498.                nav: true,
  5499.                dots: true,
  5500.                autoplay: true,
  5501.                autoplayTimeout: 3000,
  5502.                autoplayHoverPause: true,
  5503.                navText: ['<span>❮</span>', '<span>❯</span>'],
  5504.                responsive: {
  5505.                    0: {
  5506.                        items: 1
  5507.                    },
  5508.                    600: {
  5509.                        items: 2
  5510.                    },
  5511.                    900: {
  5512.                        items: 3
  5513.                    },
  5514.                    1200: {
  5515.                        items: 4
  5516.                    }
  5517.                },
  5518.                // Add animation to items when scrolled into view
  5519.                onInitialized: startAnimation,
  5520.                onTranslated: startAnimation
  5521.            });
  5522.  
  5523.            function startAnimation(event) {
  5524.                var currentItems = $('.owl-item.active').find('.link-card');
  5525.                currentItems.each(function (index) {
  5526.                    var item = $(this);
  5527.                    item.removeClass('animated fadeInUp');
  5528.                    setTimeout(function () {
  5529.                        item.addClass('animated fadeInUp');
  5530.                    }, index * 150);
  5531.                });
  5532.            }
  5533.        });
  5534.    </script>
  5535.    <script>
  5536.        // News Data
  5537.        const newsData = [
  5538.            {
  5539.                id: 1,
  5540.                image: "p1.jpg",
  5541.                title: "ANITS Hosts National Tech Conference",
  5542.                category: "Event",
  5543.                date: "February 15, 2025",
  5544.                text: "Leading experts gather to discuss emerging technologies and innovations.",
  5545.                link: "#"
  5546.            },
  5547.            {
  5548.                id: 2,
  5549.                image: "p2.jpeg",
  5550.                title: "Students Win Regional Hackathon",
  5551.                category: "Achievement",
  5552.                date: "February 8, 2025",
  5553.                text: "ANITS team secures first place in the prestigious coding competition.",
  5554.                link: "#"
  5555.            },
  5556.            {
  5557.                id: 3,
  5558.                image: "p3.jpg",
  5559.                title: "Campus Placement Drive Success",
  5560.                category: "Placements",
  5561.                date: "January 28, 2025",
  5562.                text: "Over 85% of eligible students received job offers from top companies.",
  5563.                link: "#"
  5564.            },
  5565.            {
  5566.                id: 4,
  5567.                image: "p4.jpeg",
  5568.                title: "New Research Lab Inauguration",
  5569.                category: "Infrastructure",
  5570.                date: "January 15, 2025",
  5571.                text: "State-of-the-art research facilities unveiled for advanced studies.",
  5572.                link: "#"
  5573.            },
  5574.            {
  5575.                id: 5,
  5576.                image: "/api/placeholder/400/320",
  5577.                title: "Faculty Research Published in International Journal",
  5578.                category: "Research",
  5579.                date: "December 20, 2024",
  5580.                text: "Groundbreaking research by ANITS professors gains international recognition.",
  5581.                link: "#"
  5582.            },
  5583.            {
  5584.                id: 6,
  5585.                image: "/api/placeholder/400/320",
  5586.                title: "Annual Cultural Fest Announcement",
  5587.                category: "Campus Life",
  5588.                date: "December 10, 2024",
  5589.                text: "Preparations begin for the most anticipated event of the academic year.",
  5590.                link: "#"
  5591.            },
  5592.            {
  5593.                id: 7,
  5594.                image: "/api/placeholder/400/320",
  5595.                title: "Industry Partnership Agreement Signed",
  5596.                category: "Collaboration",
  5597.                date: "November 30, 2024",
  5598.                text: "ANITS partners with leading tech companies for student development programs.",
  5599.                link: "#"
  5600.            }
  5601.        ];
  5602.  
  5603.        // Carousel Configuration
  5604.        const cardsPerSlide = window.innerWidth < 768 ? 1 : 3;
  5605.        let currentSlide = 0;
  5606.        const totalSlides = Math.ceil(newsData.length / cardsPerSlide);
  5607.  
  5608.        // Initialize Carousel
  5609.        function initCarousel() {
  5610.            renderSlides();
  5611.            renderPagination();
  5612.            setupEventListeners();
  5613.            showSlide(currentSlide);
  5614.        }
  5615.  
  5616.        // Render News Cards
  5617.        function renderSlides() {
  5618.            const slidesContainer = document.getElementById('newsSlides');
  5619.            slidesContainer.innerHTML = '';
  5620.  
  5621.            newsData.forEach(news => {
  5622.                const card = document.createElement('div');
  5623.                card.className = 'col-md-4 news-card-wrapper';
  5624.                card.innerHTML = `
  5625.                    <div class="news-card">
  5626.                        <div class="news-thumb">
  5627.                            <span class="news-category">${news.category}</span>
  5628.                            <img src="${news.image}" alt="${news.title}">
  5629.                        </div>
  5630.                        <div class="news-body">
  5631.                            <h5 class="news-title">${news.title}</h5>
  5632.                            <p class="news-date"><i class="far fa-calendar-alt me-2"></i>${news.date}</p>
  5633.                            <p class="news-text">${news.text}</p>
  5634.                            <a href="${news.link}" class="news-link">Read More <i class="fas fa-angle-right"></i></a>
  5635.                        </div>
  5636.                    </div>
  5637.                `;
  5638.                slidesContainer.appendChild(card);
  5639.            });
  5640.        }
  5641.  
  5642.        // Render Pagination Dots
  5643.        function renderPagination() {
  5644.            const paginationContainer = document.getElementById('carouselPagination');
  5645.            paginationContainer.innerHTML = '';
  5646.  
  5647.            for (let i = 0; i < totalSlides; i++) {
  5648.                const dot = document.createElement('div');
  5649.                dot.className = 'carousel-dot';
  5650.                dot.dataset.slide = i;
  5651.                dot.addEventListener('click', () => {
  5652.                    showSlide(i);
  5653.                });
  5654.                paginationContainer.appendChild(dot);
  5655.            }
  5656.        }
  5657.  
  5658.        // Show Specific Slide
  5659.        function showSlide(slideIndex) {
  5660.            const wrappers = document.querySelectorAll('.news-card-wrapper');
  5661.            const dots = document.querySelectorAll('.carousel-dot');
  5662.  
  5663.            // Hide all cards
  5664.            wrappers.forEach(wrapper => {
  5665.                wrapper.style.display = 'none';
  5666.            });
  5667.  
  5668.            // Show cards for current slide
  5669.            const startIndex = slideIndex * cardsPerSlide;
  5670.            const endIndex = Math.min(startIndex + cardsPerSlide, wrappers.length);
  5671.  
  5672.            for (let i = startIndex; i < endIndex; i++) {
  5673.                if (wrappers[i]) {
  5674.                    wrappers[i].style.display = 'block';
  5675.                    // Add animation with delay based on index
  5676.                    wrappers[i].classList.remove('animate-in');
  5677.                    void wrappers[i].offsetWidth; // Force reflow
  5678.                    wrappers[i].classList.add('animate-in');
  5679.                    wrappers[i].style.animationDelay = `${(i - startIndex) * 0.1}s`;
  5680.                }
  5681.            }
  5682.  
  5683.            // Update pagination dots
  5684.            dots.forEach((dot, index) => {
  5685.                dot.classList.toggle('active', index === slideIndex);
  5686.            });
  5687.  
  5688.            currentSlide = slideIndex;
  5689.        }
  5690.  
  5691.        // Setup Event Listeners
  5692.        function setupEventListeners() {
  5693.            document.getElementById('prevSlide').addEventListener('click', () => {
  5694.                if (currentSlide > 0) {
  5695.                    showSlide(currentSlide - 1);
  5696.                } else {
  5697.                    showSlide(totalSlides - 1); // Loop to the end
  5698.                }
  5699.            });
  5700.  
  5701.            document.getElementById('nextSlide').addEventListener('click', () => {
  5702.                if (currentSlide < totalSlides - 1) {
  5703.                    showSlide(currentSlide + 1);
  5704.                } else {
  5705.                    showSlide(0); // Loop to the beginning
  5706.                }
  5707.            });
  5708.  
  5709.            // Auto-play functionality
  5710.            let autoPlayInterval = setInterval(() => {
  5711.                const nextSlide = (currentSlide + 1) % totalSlides;
  5712.                showSlide(nextSlide);
  5713.            }, 5000);
  5714.  
  5715.            // Pause auto-play on hover
  5716.            const carousel = document.querySelector('.news-carousel');
  5717.            carousel.addEventListener('mouseenter', () => {
  5718.                clearInterval(autoPlayInterval);
  5719.            });
  5720.  
  5721.            carousel.addEventListener('mouseleave', () => {
  5722.                autoPlayInterval = setInterval(() => {
  5723.                    const nextSlide = (currentSlide + 1) % totalSlides;
  5724.                    showSlide(nextSlide);
  5725.                }, 5000);
  5726.            });
  5727.  
  5728.            // Resize handler
  5729.            window.addEventListener('resize', () => {
  5730.                const newCardsPerSlide = window.innerWidth < 768 ? 1 : 3;
  5731.                if (newCardsPerSlide !== cardsPerSlide) {
  5732.                    location.reload(); // Simple solution for this example
  5733.                }
  5734.            });
  5735.        }
  5736.  
  5737.        // Initialize when DOM is loaded
  5738.        document.addEventListener('DOMContentLoaded', initCarousel);
  5739.  
  5740.  
  5741.    </script>
  5742.    <script>
  5743.        document.addEventListener('DOMContentLoaded', function () {
  5744.            const pauseBtn = document.getElementById('pauseBtn');
  5745.            const playBtn = document.getElementById('playBtn');
  5746.            const marqueeContent = document.getElementById('marqueeContent');
  5747.  
  5748.            pauseBtn.addEventListener('click', function () {
  5749.                marqueeContent.style.animationPlayState = 'paused';
  5750.                pauseBtn.style.display = 'none';
  5751.                playBtn.style.display = 'inline-block';
  5752.            });
  5753.  
  5754.            playBtn.addEventListener('click', function () {
  5755.                marqueeContent.style.animationPlayState = 'running';
  5756.                playBtn.style.display = 'none';
  5757.                pauseBtn.style.display = 'inline-block';
  5758.            });
  5759.        });
  5760.    </script>
  5761.    <script>
  5762.        function hide() {
  5763.            document.getElementById("dip").style.display = "none";
  5764.        }
  5765.  
  5766.        document.addEventListener("DOMContentLoaded", () => {
  5767.            const cards = document.querySelectorAll(".counter-cards__item");
  5768.  
  5769.            cards.forEach((card, index) => {
  5770.                card.style.animation = `fadeInCard 1s ease-in-out ${index * 0.2}s forwards`;
  5771.            });
  5772.        });
  5773.        document.addEventListener("DOMContentLoaded", () => {
  5774.            const marquee = document.querySelector(".marquee");
  5775.            const items = marquee.innerHTML; // Get current items
  5776.            marquee.innerHTML += items; // Duplicate items for seamless scrolling
  5777.        });
  5778.  
  5779.  
  5780.  
  5781. $(document).ready(function () {
  5782.    $('.event-item').click(function () {
  5783.        let eventId = $(this).data('id');
  5784.  
  5785.        // Show loading state
  5786.        $('#modal-event-name').text('Loading...');
  5787.        $('#modal-event-date').text('');
  5788.        $('#modal-event-description').text('');
  5789.        $('#modal-gallery').html('<p class="text-muted">Loading gallery...</p>');
  5790.  
  5791.        $.ajax({
  5792.            url: '/get_event_details',
  5793.            method: 'GET',
  5794.            data: { id: eventId },
  5795.            dataType: 'json',
  5796.            success: function (data) {
  5797.                $('#modal-event-name').text(data.event_name);
  5798.                $('#modal-event-date').text(data.event_date);
  5799.                let description = data.description || 'No description available.';
  5800. let html;
  5801.  
  5802. if (description.includes('http')) {
  5803.    // Convert URL in text to anchor tag
  5804.    html = description.replace(
  5805.        /(https?:\/\/[^\s]+)/g,
  5806.        '<a href="$1" target="_blank" style="color:blue;">$1</a>'
  5807.    );
  5808.    $('#modal-event-description').html(html);
  5809. } else {
  5810.    $('#modal-event-description').text(description);
  5811. }
  5812.  
  5813.                let galleryHtml = '';
  5814.                if (data.gallery.length > 0) {
  5815.                    data.gallery.forEach(image => {
  5816.                        galleryHtml += `
  5817.                            <img src="${image}" class="img-thumbnail event-image me-2 mb-2" width="200" height="200"
  5818.                                style="cursor: pointer;">
  5819.                        `;
  5820.                    });
  5821.                } else {
  5822.                    galleryHtml = '<p class="text-muted">No images available.</p>';
  5823.                }w
  5824.                $('#modal-gallery').html(galleryHtml);
  5825.            },
  5826.            error: function () {
  5827.                $('#modal-event-name').text('Error loading event details');
  5828.                $('#modal-event-date').text('');
  5829.                $('#modal-event-description').text('');
  5830.                $('#modal-gallery').html('<p class="text-danger">Failed to load gallery.</p>');
  5831.            }
  5832.        });
  5833.    });
  5834.  
  5835.    // Handle image click to show in larger view
  5836.   $(document).on('click', '.event-image', function () {
  5837.    let imageUrl = $(this).attr('src');
  5838.    $('#largeImage').attr('src', imageUrl);
  5839.    $('#imageModal').modal('show');  // Show the Bootstrap modal
  5840. });
  5841. });
  5842.  
  5843.  
  5844. </script>
  5845.  <script>
  5846.        // Show modal when page loads
  5847.        document.addEventListener('DOMContentLoaded', function() {
  5848.            const modal = new bootstrap.Modal(document.getElementById('videoModal'));
  5849.            modal.show();
  5850.        });
  5851.  
  5852.        // Form animation and handling
  5853.        document.addEventListener('DOMContentLoaded', function() {
  5854.            const form = document.getElementById('brochureForm');
  5855.            const inputs = document.querySelectorAll('.form-control');
  5856.            const successMessage = document.getElementById('successMessage');
  5857.  
  5858.            // Add focus animations to inputs
  5859.            inputs.forEach(input => {
  5860.                input.addEventListener('focus', function() {
  5861.                    this.classList.add('animate');
  5862.                    setTimeout(() => {
  5863.                        this.classList.remove('animate');
  5864.                    }, 300);
  5865.                });
  5866.            });
  5867.  
  5868.            // Phone number validation - only allow numbers
  5869.            const phoneInput = document.getElementById('phoneNumber');
  5870.            phoneInput.addEventListener('input', function(e) {
  5871.                // Remove any non-numeric characters
  5872.                this.value = this.value.replace(/[^0-9]/g, '');
  5873.            });
  5874.  
  5875.            phoneInput.addEventListener('keypress', function(e) {
  5876.                // Only allow numbers and specific keys (backspace, delete, arrows)
  5877.                const allowedKeys = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'];
  5878.                if (!allowedKeys.includes(e.key) && (e.key < '0' || e.key > '9')) {
  5879.                    e.preventDefault();
  5880.                }
  5881.            });
  5882.  
  5883.            // Form submission with Django AJAX
  5884.            form.addEventListener('submit', function(e) {
  5885.                e.preventDefault();
  5886.                
  5887.                const formData = new FormData(form);
  5888.                
  5889.                // Get CSRF token
  5890.                const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]')?.value ||
  5891.                                 document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') ||
  5892.                                 getCookie('csrftoken');
  5893.  
  5894.                // Simulate form processing
  5895.                const submitBtn = form.querySelector('.download-btn');
  5896.                const originalText = submitBtn.innerHTML;
  5897.                
  5898.                submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Processing...';
  5899.                submitBtn.disabled = true;
  5900.  
  5901.                // AJAX request to Django view
  5902.                fetch('/user_info', {
  5903.                    method: 'POST',
  5904.                    body: formData,
  5905.                    headers: {
  5906.                        'X-CSRFToken': csrfToken,
  5907.                        'X-Requested-With': 'XMLHttpRequest'
  5908.                    }
  5909.                })
  5910.                .then(response => response.json())
  5911.                .then(data => {
  5912.                    if (data.success) {
  5913.                        // Show success message
  5914.                        successMessage.style.display = 'block';
  5915.                        
  5916.                        // Reset button
  5917.                        submitBtn.innerHTML = originalText;
  5918.                        submitBtn.disabled = false;
  5919.                        
  5920.                        // Download the actual brochure PDF
  5921.                        setTimeout(() => {
  5922.                            const link = document.createElement('a');
  5923.                            link.href = '/static/brocher.pdf';
  5924.                            link.download = 'brochure.pdf';
  5925.                            link.target = '_blank';
  5926.                            document.body.appendChild(link);
  5927.                            link.click();
  5928.                            document.body.removeChild(link);
  5929.                            
  5930.                            // Hide success message after download
  5931.                            setTimeout(() => {
  5932.                                successMessage.style.display = 'none';
  5933.                                form.reset();
  5934.                            }, 3000);
  5935.                        }, 1000);
  5936.                    } else {
  5937.                        // Handle errors
  5938.                        alert(data.message || 'An error occurred. Please try again.');
  5939.                        submitBtn.innerHTML = originalText;
  5940.                        submitBtn.disabled = false;
  5941.                    }
  5942.                })
  5943.                .catch(error => {
  5944.                    console.error('Error:', error);
  5945.                    alert('Network error. Please check your connection and try again.');
  5946.                    submitBtn.innerHTML = originalText;
  5947.                    submitBtn.disabled = false;
  5948.                });
  5949.            });
  5950.  
  5951.            // Function to get CSRF cookie
  5952.            function getCookie(name) {
  5953.                let cookieValue = null;
  5954.                if (document.cookie && document.cookie !== '') {
  5955.                    const cookies = document.cookie.split(';');
  5956.                    for (let i = 0; i < cookies.length; i++) {
  5957.                        const cookie = cookies[i].trim();
  5958.                        if (cookie.substring(0, name.length + 1) === (name + '=')) {
  5959.                            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
  5960.                            break;
  5961.                        }
  5962.                    }
  5963.                }
  5964.                return cookieValue;
  5965.            }
  5966.        });
  5967.  
  5968.        // Add some interactive particles effect
  5969.        document.addEventListener('mousemove', function(e) {
  5970.            const particle = document.createElement('div');
  5971.            particle.style.position = 'fixed';
  5972.            particle.style.width = '4px';
  5973.            particle.style.height = '4px';
  5974.            particle.style.backgroundColor = 'rgba(102, 126, 234, 0.6)';
  5975.            particle.style.borderRadius = '50%';
  5976.            particle.style.pointerEvents = 'none';
  5977.            particle.style.zIndex = '9999';
  5978.            particle.style.left = e.clientX + 'px';
  5979.            particle.style.top = e.clientY + 'px';
  5980.            
  5981.            document.body.appendChild(particle);
  5982.            
  5983.            setTimeout(() => {
  5984.                particle.style.transition = 'all 1s ease-out';
  5985.                particle.style.transform = 'scale(0)';
  5986.                particle.style.opacity = '0';
  5987.                
  5988.                setTimeout(() => {
  5989.                    document.body.removeChild(particle);
  5990.                }, 1000);
  5991.            }, 100);
  5992.        });
  5993.    </script>
  5994. <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true" data-bs-backdrop="static">
  5995.        <div class="modal-dialog modal-lg modal-dialog-centered">
  5996.            <div class="modal-content">
  5997.                <div class="floating-elements">
  5998.                    <div class="floating-circle"></div>
  5999.                    <div class="floating-circle"></div>
  6000.                    <div class="floating-circle"></div>
  6001.                </div>
  6002.                
  6003.                <div class="modal-header">
  6004.                    <h2 class="modal-title" id="videoModalLabel">
  6005.                        <i class="fas fa-play-circle me-2"></i>
  6006.                        Discover Our Story
  6007.                    </h2>
  6008.                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
  6009.                        <i class="fas fa-times text-white"></i>
  6010.                    </button>
  6011.                </div>
  6012.                
  6013.                <div class="modal-body">
  6014.                    <div class="video-container">
  6015.                        <iframe
  6016.                            src="https://www.youtube.com/embed/LGzFBhVqQ20?si=wgBmE8uV9cryJRHK&autoplay=1&mute=1&loop=1&playlist=LGzFBhVqQ20"
  6017.                            title="YouTube video player"
  6018.                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  6019.                            allowfullscreen>
  6020.                        </iframe>
  6021.                    </div>
  6022.  
  6023.                    <div class="form-container">
  6024.                        <h3 class="form-title">
  6025.                            <i class="fas fa-download me-2"></i>
  6026.                            Get Your Free Brochure
  6027.                        </h3>
  6028.                        
  6029.                        <form id="brochureForm">
  6030.                            <input type="hidden" name="csrfmiddlewaretoken" value="HL86EW8TmmPqESIQ6j9N3SuZ1MA5HgsHGRDHAQeQqSQIyLqDiSrybnWuhkADDoOd">
  6031.                            <div class="form-group">
  6032.                                <i class="fas fa-user input-icon"></i>
  6033.                                <input type="text" class="form-control" id="fullName" name="fullName" placeholder="Enter your full name" required>
  6034.                            </div>
  6035.                            
  6036.                            <div class="form-group">
  6037.                                <i class="fas fa-phone input-icon"></i>
  6038.                                <input type="tel" class="form-control" id="phoneNumber" name="phoneNumber"  pattern="[0-9]+" title="Please enter only numbers"  placeholder="Enter your phone number" required>
  6039.                            </div>
  6040.                            
  6041.                            <div class="form-group">
  6042.                                <i class="fas fa-envelope input-icon"></i>
  6043.                                <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email address" required>
  6044.                            </div>
  6045.                              <div class="g-recaptcha mb-4" data-sitekey="6LfBTUYrAAAAAK3vMjDXs2P89SWo4I5lkxuuTbYl"></div>
  6046.                            
  6047.                            <button type="submit" class="download-btn">
  6048.                                <i class="fas fa-download me-2"></i>
  6049.                                Download Brochure Now
  6050.                            </button>
  6051.                            
  6052.                            <div class="success-message" id="successMessage">
  6053.                                <i class="fas fa-check-circle me-2"></i>
  6054.                                Thank you! Your brochure download will begin shortly.
  6055.                            </div>
  6056.                        </form>
  6057.                    </div>
  6058.                </div>
  6059.            </div>
  6060.        </div>
  6061.    </div>
  6062.    <footer class="footer" style="background: linear-gradient(135deg, #1b3965, #3088c7); color: white;">
  6063.    <div class="primary-footer py-5">
  6064.      <div class="container">
  6065.        <div class="row">
  6066.          <!-- Vital Links Column -->
  6067.          <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  6068.            <h4 class="text-white mb-4">Vital Links</h4>
  6069.            <div class="footer-list">
  6070.              <ul class="list-unstyled">
  6071.                <!--<li class="mb-2">-->
  6072.                <!--  <a href="http://onlinesystem.anits.edu.in/" target="_blank" class="text-white hover-effect">-->
  6073.                <!--    <i class="fas fa-link me-2"></i> Online Enrollment-->
  6074.                <!--  </a>-->
  6075.                <!--</li>-->
  6076.                <li class="mb-2">
  6077.                  <a href="#" target="_blank" class="text-white hover-effect">
  6078.                    <i class="fas fa-graduation-cap me-2"></i> CAT-B Admissions
  6079.                  </a>
  6080.                </li>
  6081.                <li class="mb-2">
  6082.                  <a href="/onlinepayment" target="_blank" class="text-white hover-effect">
  6083.                    <i class="fas fa-credit-card me-2"></i> Online Payment
  6084.                  </a>
  6085.                </li>
  6086.                <li class="mb-2">
  6087.                  <a href="/nirf" target="_blank" class="text-white hover-effect">
  6088.                    <i class="fas fa-medal me-2"></i> NIRF
  6089.                  </a>
  6090.                </li>
  6091.                <li class="mb-2">
  6092.                  <a href="/nba" target="_blank" class="text-white hover-effect">
  6093.                    <i class="fas fa-search me-2"></i> NBA
  6094.                  </a>
  6095.                </li>
  6096.              </ul>
  6097.            </div>
  6098.          </div>
  6099.  
  6100.          <!-- Quick Links Column -->
  6101.          <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
  6102.            <h4 class="text-white mb-4">Quick Links</h4>
  6103.            <div class="footer-list">
  6104.              <ul class="list-unstyled">
  6105.                <li class="mb-2">
  6106.                  <a href="/Ariia" target="_blank" class="text-white hover-effect">
  6107.                    <i class="fas fa-lightbulb me-2"></i> ARIIA
  6108.                  </a>
  6109.                </li>
  6110.                <li class="mb-2">
  6111.                  <a href="/antiragging" target="_blank" class="text-white hover-effect">
  6112.                    <i class="fas fa-ban me-2"></i> Anti Ragging
  6113.                  </a>
  6114.                </li>
  6115.                <li class="mb-2">
  6116.                  <a href="/greviance" target="_blank" class="text-white hover-effect">
  6117.                    <i class="fas fa-comments me-2"></i> Grievance
  6118.                  </a>
  6119.                </li>
  6120.                <li class="mb-2">
  6121.                  <a href="/pbas" target="_blank" class="text-white hover-effect">
  6122.                    <i class="fas fa-bell me-2"></i> PBAS
  6123.                  </a>
  6124.                </li>
  6125.                <!--<li class="mb-2">-->
  6126.                <!--  <a href="/https://www.anits.edu.in/newsletters.php" target="_blank" class="text-white hover-effect">-->
  6127.                <!--    <i class="fas fa-newspaper me-2"></i> News Letters-->
  6128.                <!--  </a>-->
  6129.                <!--</li>-->
  6130.              </ul>
  6131.            </div>
  6132.          </div>
  6133.  
  6134.          <!-- Contact Column -->
  6135.          <div class="col-lg-6 col-md-12">
  6136.            <h4 class="text-white mb-4">Get In Touch</h4>
  6137.            <div class="footer-contact">
  6138.              <div class="d-flex mb-3">
  6139.                <i class="fas fa-map-marker-alt me-3 mt-1 text-danger"></i>
  6140.                <p class="mb-0">
  6141.                  Anil Neerukonda Institute of Technology & Sciences,<br>
  6142.                  Sangivalasa, Bheemunipatnam Mandal,<br>
  6143.                  Visakhapatnam Dist, AP, India
  6144.                </p>
  6145.              </div>
  6146.              <div class="d-flex mb-3">
  6147.                <i class="fas fa-phone-alt me-3 text-primary"></i>
  6148.                <p class="mb-0"> 8712005999, 8712008222, 9154220250 (Admissions)</p>
  6149.              </div>
  6150.              <div class="d-flex mb-3">
  6151.                <i class="fas fa-envelope me-3 text-warning"></i>
  6152.                <p class="mb-0">principal@anits.edu.in</p>
  6153.              </div>
  6154.  
  6155.              <!-- Social Media Links -->
  6156.              <div class="social-icons mt-4">
  6157.                <a href="#" class="text-white me-3"><i class="fab fa-facebook-f fa-lg"></i></a>
  6158.                <a href="#" class="text-white me-3"><i class="fab fa-twitter fa-lg"></i></a>
  6159.                <a href="#" class="text-white me-3"><i class="fab fa-instagram fa-lg"></i></a>
  6160.                <a href="#" class="text-white me-3"><i class="fab fa-linkedin-in fa-lg"></i></a>
  6161.                <a href="#" class="text-white"><i class="fab fa-youtube fa-lg"></i></a>
  6162.              </div>
  6163.            </div>
  6164.          </div>
  6165.        </div>
  6166.  
  6167.        <!-- Copyright Row -->
  6168.        <div class="row mt-5 pt-3 border-top border-light">
  6169.          <div class="col-md-6 text-center text-md-start">
  6170.            <p class="mb-0">&copy; 2025 Anil Neerukonda Institute of Technology & Sciences. All rights reserved.</p>
  6171.          </div>
  6172.          <div class="col-md-6 text-center text-md-end">
  6173.            <a href="#" class="text-white me-3">Privacy Policy</a>
  6174.            <a href="#" class="text-white me-3">Terms of Service</a>
  6175.            <a href="#" class="text-white">Sitemap</a>
  6176.          </div>
  6177.        </div>
  6178.      </div>
  6179.    </div>
  6180. </footer>
  6181.  
  6182. <!-- Font Awesome for icons -->
  6183. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  6184.  
  6185. <!-- Custom CSS -->
  6186. <style>
  6187.  .hover-effect {
  6188.    transition: all 0.3s ease;
  6189.    display: inline-block;
  6190.  }
  6191.  .hover-effect:hover {
  6192.    color: #f8f9fa !important;
  6193.    transform: translateX(5px);
  6194.    text-decoration: none;
  6195.  }
  6196.  .social-icons a {
  6197.    display: inline-flex;
  6198.    align-items: center;
  6199.    justify-content: center;
  6200.    width: 40px;
  6201.    height: 40px;
  6202.    border-radius: 50%;
  6203.    background: rgba(255,255,255,0.1);
  6204.    transition: all 0.3s ease;
  6205.    margin-right: 10px;
  6206.  }
  6207.  .social-icons a:hover {
  6208.    background: rgba(255,255,255,0.2);
  6209.    transform: translateY(-3px);
  6210.  }
  6211. </style>
  6212. </div>
  6213. </body>
  6214.  
  6215. <style>
  6216.    .btn:hover {
  6217.        color: #fff
  6218.    }
  6219. </style>
  6220.  
  6221. </html>
  6222.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda