"FrontDownBox" பக்கத்தின் திருத்தங்களுக்கிடையேயான வேறுபாடு
(3 பயனர்களால் செய்யப்பட்ட 63 இடைப்பட்ட திருத்தங்கள் காட்டப்படவில்லை.) | |||
வரிசை 3: | வரிசை 3: | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
− | <title> | + | <title>FrontBoxDown</title> |
<style> | <style> | ||
− | /* | + | /* Styles for the outermost container */ |
.outermost-container { | .outermost-container { | ||
− | background-color: #dfedff; | + | background-color: #dfedff; |
− | padding: 1%; | + | padding: 1%; |
− | border: 1px solid | + | border: 1px solid #009de0; |
} | } | ||
− | /* | + | /* Styles for the outer container */ |
.outer-container { | .outer-container { | ||
display: flex; | display: flex; | ||
− | + | flex-wrap: wrap; /* Allow boxes to wrap to the next line on smaller screens */ | |
− | + | justify-content: space-between; | |
− | |||
} | } | ||
− | /* | + | /* Styles for each box container */ |
.box-container { | .box-container { | ||
− | + | width: 48%; /* Adjust the width of each container as needed */ | |
− | width: | + | margin-bottom: 20px; |
− | + | position: relative; | |
} | } | ||
− | /* | + | /* Styles for each inner box */ |
.inner-box { | .inner-box { | ||
− | width: 100%; | + | width: 100%; |
− | height: | + | height: 320px; |
− | font-size: | + | font-size: 30px; |
background-color: #dfedff; | background-color: #dfedff; | ||
− | padding: 1% | + | padding: 1%; |
− | |||
text-align: center; | text-align: center; | ||
− | + | border-radius: 5px; | |
− | border-radius: | + | box-sizing: border-box; |
− | box-sizing: border-box; | + | cursor: pointer; |
− | cursor: | + | border: 1px solid #009de0; |
− | border: 1px solid | ||
} | } | ||
− | + | /* Styles for the box below each inner box */ | |
− | |||
− | /* | ||
.additional-box { | .additional-box { | ||
− | position: absolute; | + | position: absolute; |
− | width: | + | width: 90%; |
− | height: | + | height: 130px; |
text-align: center; | text-align: center; | ||
background-color: #dfedff; | background-color: #dfedff; | ||
− | margin-top: 5px; | + | margin-top: 5px; |
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
− | bottom: 0; /* | + | bottom: 0; |
− | + | left: 5%; /* Adjust the left position */ | |
+ | } | ||
+ | .responsive-image{ | ||
+ | width: auto; | ||
+ | height:100px; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | /* Adjustments for mobile devices */ | ||
+ | |||
+ | .box-container { | ||
+ | width: 100%; | ||
+ | height: 200px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .inner-box { | ||
+ | width: 100%; | ||
+ | height: 200px; | ||
+ | font-size: 10px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .additional-box { | ||
+ | width: 90%; | ||
+ | height:auto; | ||
+ | left: 5%; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | .responsive-image{ | ||
+ | width: auto; | ||
+ | height:40px; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .responsive-image{ | ||
+ | width: auto; | ||
+ | height:100px; | ||
} | } | ||
</style> | </style> | ||
வரிசை 70: | வரிசை 102: | ||
<div class="box-container"> | <div class="box-container"> | ||
<div class="inner-box" onclick="openLink()"> | <div class="inner-box" onclick="openLink()"> | ||
− | <img src="https://noolaham.org/wiki/images/ | + | <img src="https://noolaham.org/wiki/images/6/6c/NOOLAHAM-LOGO-PALOODAKAM-JAN2024_01%281%29.png" class="responsive-image" > |
− | <p | + | <p >பல்லூடக நூலகம் <br/> Noolaham Multimedia</p> |
</div> | </div> | ||
<div class="additional-box"> <br/> | <div class="additional-box"> <br/> | ||
− | <p> | + | <p> புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம். |
− | </p> | + | </p> |
</div> | </div> | ||
</div> | </div> | ||
வரிசை 81: | வரிசை 113: | ||
<!-- Right inner box with additional box --> | <!-- Right inner box with additional box --> | ||
<div class="box-container"> | <div class="box-container"> | ||
− | <div class="inner-box" onclick=" | + | <div class="inner-box" onclick="openLink2()"> |
− | <img src="https://noolaham.org/wiki/images/thumb/ | + | <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" class="responsive-image"> |
− | <p | + | <p >பள்ளிக்கூட நூலகம் <br/> Noolaham School</p> |
</div> | </div> | ||
<div class="additional-box"> <br/> | <div class="additional-box"> <br/> | ||
+ | |||
<p> கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம். | <p> கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம். | ||
− | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<br> | <br> | ||
− | + | <!-- Second set of boxes --> | |
<div class="outer-container"> | <div class="outer-container"> | ||
<!-- Left inner box with additional box --> | <!-- Left inner box with additional box --> | ||
<div class="box-container"> | <div class="box-container"> | ||
− | <div class="inner-box" onclick=" | + | <div class="inner-box" onclick="openLink3()"> |
− | <img src="https://noolaham.org/wiki/images/ | + | <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" class="responsive-image" > |
− | <p | + | <p >நூலக நிறுவனம் <br/> Noolaham Foundation </p> |
</div> | </div> | ||
<div class="additional-box"> <br/> | <div class="additional-box"> <br/> | ||
− | <p> | + | <p> இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம். |
− | + | </p> | |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
<!-- Right inner box with additional box --> | <!-- Right inner box with additional box --> | ||
<div class="box-container"> | <div class="box-container"> | ||
<div class="inner-box" onclick="openLink4()"> | <div class="inner-box" onclick="openLink4()"> | ||
− | <img src="https://noolaham.org/wiki/images/thumb/f/ | + | <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" class="responsive-image"> |
− | <p | + | <p >நூலக நுட்பம் <br/> Noolaham Tech</p> |
</div> | </div> | ||
<div class="additional-box"> <br/> | <div class="additional-box"> <br/> | ||
வரிசை 125: | வரிசை 162: | ||
<script> | <script> | ||
function openLink() { | function openLink() { | ||
− | window.location.href = " | + | window.location.href = "http://noolaham.media"; |
} | } | ||
function openLink2() { | function openLink2() { | ||
− | window.location.href = " | + | window.location.href = "http://noolaham.school"; |
} | } | ||
function openLink3() { | function openLink3() { | ||
− | window.location.href = "https:// | + | window.location.href = "https://noolaham.foundation"; |
} | } | ||
function openLink4() { | function openLink4() { | ||
− | window.location.href = "https://www. | + | window.location.href = "https://www.noolaham.tech"; |
} | } | ||
02:52, 10 சூலை 2024 இல் கடைசித் திருத்தம்
பல்லூடக நூலகம்
Noolaham Multimedia
புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.
பள்ளிக்கூட நூலகம்
Noolaham School
கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.
நூலக நிறுவனம்
Noolaham Foundation
இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.
நூலக நுட்பம்
Noolaham Tech
தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல்.