"FrontDownBox" பக்கத்தின் திருத்தங்களுக்கிடையேயான வேறுபாடு
(3 பயனர்களால் செய்யப்பட்ட 62 இடைப்பட்ட திருத்தங்கள் காட்டப்படவில்லை.) | |||
வரிசை 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; | |
− | + | 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> | ||
வரிசை 71: | வரிசை 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> | ||
வரிசை 82: | வரிசை 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/> | ||
வரிசை 126: | வரிசை 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 இல் கடைசித் திருத்தம்
![](https://noolaham.org/wiki/images/6/6c/NOOLAHAM-LOGO-PALOODAKAM-JAN2024_01%281%29.png)
பல்லூடக நூலகம்
Noolaham Multimedia
புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.
![](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)
பள்ளிக்கூட நூலகம்
Noolaham School
கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.
![](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)
நூலக நிறுவனம்
Noolaham Foundation
இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.
![](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)
நூலக நுட்பம்
Noolaham Tech
தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல்.