Career - ParakhPath System Code - Settings


CSS CODE for Blog
<h1>        class="h1-heading-box"
                class="blogger-banner"
 <h2>      class="h2-subheading-box"
 <h3>      class="h3-minor-heading"
<table>   class="overview-table"
               class="simple-table"
               class="link-table-container"  
<style>
  
  .meri-button-hai-sample {
    padding: 10px 24px; font: 600 16px 'Poppins', sans-serif; color: #fff;
    background: #0056b3; border: none; border-radius: 6px; cursor: pointer;
    transition: background 0.2s ease;
}
.meri-button-hai-sample:hover { background: #004494; }
  
  
  
.blogger-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 800px; 
    margin: 12px auto !important;
   font-size: 24px !important;
    padding: 10px 15px !important; 
    box-sizing: border-box;
    position: relative; 
    overflow: hidden;

    background-color: #F0F7FF; 
    border: 1.5px solid #0056b3; 
    
    border-top-left-radius: 12px; 
    border-bottom-right-radius: 12px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    
    border-left: 5px solid #0056b3;
    border-right: 5px solid #0056b3;

    font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
    color: #2F3E46; 
    font-size: 22px; 
    font-weight: 700;
    line-height: 1.2;
}

.blogger-banner::before {
    content: "PARAKH PATH";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    
    font-family: 'Arial Black', Gadget, sans-serif;
    font-size: 24px; 
    font-weight: 900;
    letter-spacing: 3px;
    white-space: nowrap;
    color: #0056b3;
    opacity: 0.07; 
    
    z-index: 0; 
    pointer-events: none; 
    user-select: none;
}
  
  .h1-heading-box {
  position: relative;
  overflow: hidden;
  margin: 15px auto;
  padding: 7px 10px;
    font-size: 24px !important;
  max-width: 800px;
  text-align: center;
  
  background-color: #f4f9ff; 
  border-top: 1px solid #007bff;
  border-bottom: 1px solid #007bff;
  border-left: 5px solid #0056b3;  
  border-right: 5px solid #0056b3; 
  
  border-radius: 15px 0 15px 0;
  
  box-shadow: 0 4px 15px rgba(0, 86, 179, 0.1);
}

.h1-heading-box h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.3rem; 
  font-weight: 600;
  color: #0056b3;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2; 
  letter-spacing: 0.5px;
}

.h1-heading-box::before {
  content: "PARAKH PATH";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Poppins', sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: rgba(0, 123, 255, 0.12); 
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
}
  
  
  
.h2-subheading-box {
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    border-bottom: 3px solid #0056b3; 
    padding: 10px 10px 5px 10px; 
    margin: 10px 0 !important;
      font-size: 18px !important;
    position: relative;
    overflow: hidden;
    
    box-shadow: 0 2px 8px rgba(0, 86, 179, 0.06);
    background-image: radial-gradient(#007bff 0.5px, transparent 0.5px), radial-gradient(#007bff 0.5px, #ffffff 0.5px);
    background-size: 20px 20px !important;
    background-position: 0 0, 10px 10px;
    background-blend-mode: overlay;
}

.h2-subheading-box::before {
    content: "PARAKH PATH"; 
    position: absolute;
    right: 10px;
    bottom: -2px; 
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem; 
    font-weight: 900;
    letter-spacing: 1px;
    color: #007bff; 
    opacity: 0.22; 
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
}

.h2-subheading-box h2 {
    font-size: 1.15rem !important; 
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 1; 
}
  
  .h3-minor-heading {
    display: inline-block; 
    background-color: rgba(0, 86, 179, 0.08); 
    border-left: 4px solid #0056b3; 
    padding: 4px 8px 4px 12px; 
    margin: 10px 0 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px !important; 
    font-weight: 700;
    color: #1e2229 !important; 
    line-height: 1.2;
}
  
.overview-table {
  width: 100%; 
  border-collapse: collapse;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-size: 0.95rem; 
  background-color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden; 
  border: 1px solid #f0f0f0;
}

.overview-table th {
  background-color: #0056b3; 
  color: #ffffff;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.5px;
  padding: 10px 16px; 
  border: none;
}

.overview-table td {
  padding: 10px 16px; 
  color: #333333;
  border-bottom: 1px solid #f5f5f5;
}

.overview-table tbody tr:nth-child(even) {
  background-color: rgba(0, 86, 179, 0.04); 
}

.overview-table td:first-child {
  border-left: 4px solid #007bff; 
  font-weight: 500;
}

.overview-table td:last-child {
  color: #0056b3;
  font-weight: 600;
}

.overview-table tr:last-child td {
  border-bottom: none;
}
  
.simple-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px; 
    color: #333333;
    margin: 15px 0;
}

.simple-table thead {
    background-color: rgba(0, 86, 179, 0.1); 
    color: #0056b3; 
}

.simple-table th, 
.simple-table td {
    padding: 6px 10px; 
    text-align: left;
}

.simple-table th {
    font-weight: 600;
    border-bottom: 2px solid #0056b3; 
}

.simple-table tbody tr td {
    border-bottom: 1px solid #f0f0f0;
}

.simple-table tbody tr:nth-child(even) {
    background-color: rgba(0, 123, 255, 0.05); 
}

.simple-table td:last-child {
    font-weight: 500;
}
  
.link-table-container {
    width: 100%;
    margin: 20px 0;
    padding: 8px; 
    box-sizing: border-box;
    
    border-top: 1px solid #007bff;
    border-bottom: 1px solid #007bff;
    border-left: 6px solid #0056b3;
    border-right: 6px solid #0056b3;
    
    border-top-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    
    background: #f8fbff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 86, 179, 0.1);
    font-family: 'Poppins', sans-serif;
}

.link-table-container::before {
    content: "PARAKH PATH";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-12deg);
    font-size: 3rem;
    font-weight: 800;
    color: rgba(0, 123, 255, 0.09); 
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}

.link-table-container table {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0;
    position: relative;
    z-index: 2;
    font-size: 15px; 
}

.link-table-container th {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #ffffff;
    font-weight: bold;
    padding: 14px 12px;
    text-align: left;
    border-bottom: 3px solid #007bff;
}

.link-table-container th:first-child {
    border-top-left-radius: 16px;
}

.link-table-container th:last-child {
    border-top-right-radius: 16px;
    text-align: right;
}

.link-table-container td {
    padding: 12px;
    border-bottom: 1px solid rgba(0, 123, 255, 0.25);
    color: #333333;
    vertical-align: middle;
}

.link-table-container td:first-child {
    font-weight: 600;
    color: #000000;
    position: relative;
}

.link-table-container td:last-child {
    text-align: right;
    vertical-align: bottom; 
    font-weight: bold;
    color: #007bff;
    padding-bottom: 14px;
}

.link-table-container .bottom-note {
    display: block;
    font-size: 11px;
    color: #007bff;
    font-weight: normal;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.link-table-container tr:last-child td {
    border-bottom: none;
}
.link-table-container tr:last-child td:last-child {
    border-bottom-right-radius: 16px; 
}

.link-table-container tbody tr:hover {
    background-color: rgba(0, 86, 179, 0.04);
    transition: background 0.3s ease;
}
</style>

Click the copy button to copy the code
VKSU Home Button
for in thr post
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">

<style>
  @keyframes blink-border {
    0% { border-color: #00008B; box-shadow: 0 0 5px #00008B; }
    50% { border-color: #add8e6; box-shadow: 0 0 15px #0000FF; }
    100% { border-color: #00008B; box-shadow: 0 0 5px #00008B; }
  }
  .blink-button {
    animation: blink-border 1.5s infinite;
    border: 3px solid #00008B;
    font-family: 'Poppins', sans-serif;
  }
</style>

<div style="width: 100%; margin: 10px 0;">
    <a href="https://career.parakhpath.com/p/vksu.html" target="_blank" rel="noopener noreferrer" 
       class="blink-button"
       style="display: flex; align-items: center; width: 100%; padding: 10px; background-color: #f8fbff; border-radius: 10px; text-decoration: none; box-sizing: border-box; color: #1a3c61; margin: 0;">
        <div style="font-size: 24px; margin-right: 12px; flex-shrink: 0;">🏛️</div>
        <div style="flex-grow: 1;">
            <div style="font-weight: 700; font-size: 18px; margin: 0; text-align: left; padding: 0; line-height: 1.2;">Veer Kunwar Singh University, Ara (Bhojpur)</div>
            <div style="font-size: 16px; color: #5a7a9a; margin: 0; padding: 0; text-align: left; line-height: 1.2;"><strong>(Check Here) :</strong> For Notice, Exam Form, Admit Card, Result</div>
        </div>
    </a>
</div>
Click the copy button to copy the code
Footter Code - Keywords Tags
Keywords chnage by gemini
<div style="background-color: #f9f9f9; border-left: 4px solid rgb(0, 86, 179); border-radius: 8px; font-family: sans-serif; line-height: 1.2; padding: 10px 14px;">
  
  <p style="color: #0056b3; font-size: 11px; font-weight: bold; letter-spacing: 0.5px; margin: 0px 0px 6px; text-transform: uppercase;">
    Related Topics
  </p>
  
  <div style="display: flex; flex-wrap: wrap; gap: 5px;">
    <span style="background-color: #0056b3; border-radius: 4px; color: white; font-size: 11px; font-weight: 500; padding: 3px 8px;"># Tag Word</span>
    <span style="background-color: #6c757d; border-radius: 4px; color: white; font-size: 11px; font-weight: 500; padding: 3px 8px;"># tag word </span>
    <span style="background-color: #0056b3; border-radius: 4px; color: white; font-size: 11px; font-weight: 500; padding: 3px 8px;"># Tag Word</span>
    <span style="background-color: #6c757d; border-radius: 4px; color: white; font-size: 11px; font-weight: 500; padding: 3px 8px;"># Tag Word</span>
  </div>

</div>
Click the copy button to copy the code
CODE TITTLE ADD
TITTLE
ADD CODE NOT HTML
Click the copy button to copy the code
CODE TITTLE ADD
TITTLE
ADD CODE NOT HTML
Click the copy button to copy the code
CODE TITTLE ADD
TITTLE
ADD CODE NOT HTML
Click the copy button to copy the code

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.