"FrontDownBox" பக்கத்தின் திருத்தங்களுக்கிடையேயான வேறுபாடு

நூலகம் இல் இருந்து
தாவிச் செல்ல:வழிசெலுத்தல், தேடுக
வரிசை 23: வரிசை 23:
 
       border-radius: 12px;
 
       border-radius: 12px;
 
       padding: 20px;
 
       padding: 20px;
 +
      transition: 0.3s;
 +
    }
 +
 +
    .card:hover {
 +
      background-color: #e8f5ff;
 +
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 +
    }
 +
 +
    .card a {
 +
      text-decoration: none;
 +
      color: inherit;
 +
      display: flex;
 +
      width: 100%;
 
     }
 
     }
  
வரிசை 59: வரிசை 72:
  
 
     @media screen and (max-width: 600px) {
 
     @media screen and (max-width: 600px) {
       .card {
+
       .card a {
 
         flex-direction: column;
 
         flex-direction: column;
 
         text-align: center;
 
         text-align: center;
வரிசை 81: வரிசை 94:
 
   <!-- Box 1 -->
 
   <!-- Box 1 -->
 
   <div class="card">
 
   <div class="card">
     <div class="card-left">
+
     <a href="http://noolaham.media" target="_blank">
      <img src="https://noolaham.org/wiki/images/6/6c/NOOLAHAM-LOGO-PALOODAKAM-JAN2024_01%281%29.png" alt="Noolaham Multimedia">
+
      <div class="card-left">
      <p class="title-ta">பல்லூடக நூலகம்</p>
+
        <img src="https://noolaham.org/wiki/images/6/6c/NOOLAHAM-LOGO-PALOODAKAM-JAN2024_01%281%29.png" alt="Noolaham Multimedia">
      <p class="title-en">Noolaham Multimedia</p>
+
        <p class="title-ta">பல்லூடக நூலகம்</p>
    </div>
+
        <p class="title-en">Noolaham Multimedia</p>
    <div class="card-text">
+
      </div>
      <p class="description">புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.</p>
+
      <div class="card-text">
     </div>
+
        <p class="description">புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.</p>
 +
      </div>
 +
     </a>
 
   </div>
 
   </div>
  
 
   <!-- Box 2 -->
 
   <!-- Box 2 -->
 
   <div class="card">
 
   <div class="card">
     <div class="card-left">
+
     <a href="http://noolaham.school" target="_blank">
      <img src="https://noolaham.org/wiki/images/thumb/2/24/NOOLAHAM-NEW_LOGO-PALLIKOODAM-JAN2024-01_%281%29.png/900px-NOOLAHAM-NEW_LOGO-PALLIKOODAM-JAN2024-01_%281%29.png" alt="Noolaham School">
+
      <div class="card-left">
      <p class="title-ta">பள்ளிக்கூட நூலகம்</p>
+
        <img src="https://noolaham.org/wiki/images/thumb/2/24/NOOLAHAM-NEW_LOGO-PALLIKOODAM-JAN2024-01_%281%29.png/900px-NOOLAHAM-NEW_LOGO-PALLIKOODAM-JAN2024-01_%281%29.png" alt="Noolaham School">
      <p class="title-en">Noolaham School</p>
+
        <p class="title-ta">பள்ளிக்கூட நூலகம்</p>
    </div>
+
        <p class="title-en">Noolaham School</p>
    <div class="card-text">
+
      </div>
      <p class="description">கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான‌ ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.</p>
+
      <div class="card-text">
     </div>
+
        <p class="description">கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான‌ ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.</p>
 +
      </div>
 +
     </a>
 
   </div>
 
   </div>
  
 
   <!-- Box 3 -->
 
   <!-- Box 3 -->
 
   <div class="card">
 
   <div class="card">
     <div class="card-left">
+
     <a href="https://noolaham.foundation" target="_blank">
      <img src="https://noolaham.org/wiki/images/thumb/e/e9/NOOLAHAM_FOUNDATION-NEW_LOGO-JAN2024-01_%281%29.png/900px-NOOLAHAM_FOUNDATION-NEW_LOGO-JAN2024-01_%281%29.png" alt="Noolaham Foundation">
+
      <div class="card-left">
      <p class="title-ta">நூலக நிறுவனம்</p>
+
        <img src="https://noolaham.org/wiki/images/thumb/e/e9/NOOLAHAM_FOUNDATION-NEW_LOGO-JAN2024-01_%281%29.png/900px-NOOLAHAM_FOUNDATION-NEW_LOGO-JAN2024-01_%281%29.png" alt="Noolaham Foundation">
      <p class="title-en">Noolaham Foundation</p>
+
        <p class="title-ta">நூலக நிறுவனம்</p>
    </div>
+
        <p class="title-en">Noolaham Foundation</p>
    <div class="card-text">
+
      </div>
      <p class="description">இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.</p>
+
      <div class="card-text">
     </div>
+
        <p class="description">இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.</p>
 +
      </div>
 +
     </a>
 
   </div>
 
   </div>
  
 
   <!-- Box 4 -->
 
   <!-- Box 4 -->
 
   <div class="card">
 
   <div class="card">
     <div class="card-left">
+
     <a href="https://www.noolaham.tech" target="_blank">
      <img src="https://noolaham.org/wiki/images/thumb/f/fa/NOOLAHAM-NEW_LOGO-CTNLPR-JAN2024-01_%281%29.png/900px-NOOLAHAM-NEW_LOGO-CTNLPR-JAN2024-01_%281%29.png" alt="Noolaham Tech">
+
      <div class="card-left">
      <p class="title-ta">நூலக நுட்பம்</p>
+
        <img src="https://noolaham.org/wiki/images/thumb/f/fa/NOOLAHAM-NEW_LOGO-CTNLPR-JAN2024-01_%281%29.png/900px-NOOLAHAM-NEW_LOGO-CTNLPR-JAN2024-01_%281%29.png" alt="Noolaham Tech">
      <p class="title-en">Noolaham Tech</p>
+
        <p class="title-ta">நூலக நுட்பம்</p>
    </div>
+
        <p class="title-en">Noolaham Tech</p>
    <div class="card-text">
+
      </div>
      <p class="description">தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல்.</p>
+
      <div class="card-text">
     </div>
+
        <p class="description">தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல்.</p>
 +
      </div>
 +
     </a>
 
   </div>
 
   </div>
  

00:06, 4 செப்டம்பர் 2025 இல் நிலவும் திருத்தம்

Noolaham Layout

"https://noolaham.org/wiki/index.php?title=FrontDownBox&oldid=647046" இருந்து மீள்விக்கப்பட்டது