"FrontDownBox" பக்கத்தின் திருத்தங்களுக்கிடையேயான வேறுபாடு
வரிசை 1: | வரிசை 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>FrontBox</title> | <title>FrontBox</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 blue; | border: 1px solid blue; | ||
} | } | ||
− | /* | + | /* 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: auto; |
font-size: 20px; | font-size: 20px; | ||
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 blue; | border: 1px solid blue; | ||
} | } | ||
− | + | /* Styles for the box below each inner box */ | |
− | |||
− | /* | ||
.additional-box { | .additional-box { | ||
− | position: absolute; | + | position: absolute; |
− | width: | + | width: 90%; |
height: 110px; | height: 110px; | ||
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 */ | |
+ | } | ||
+ | |||
+ | @media screen and (max-width: 768px) { | ||
+ | /* Adjustments for mobile devices */ | ||
+ | |||
+ | .box-container { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .additional-box { | ||
+ | width: 90%; | ||
+ | left: 5%; | ||
+ | } | ||
} | } | ||
</style> | </style> |
03:16, 27 நவம்பர் 2023 இல் நிலவும் திருத்தம்
![](https://noolaham.org/wiki/images/thumb/2/28/NoolakamFoundation.png/680px-NoolakamFoundation.png)
நூலகம் நிறுவனம்
Noolaham Foundation
இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.
![](https://noolaham.org/wiki/images/6/6d/Aavanahammm.png)
நூலகம் பல்லூடகம்
Noolaham Multimedia
புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.
![](https://noolaham.org/wiki/images/5/55/Pallikoodam.png)
நூலகம் பள்ளிக்கூடம்
Noolaham School
கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.
![](https://noolaham.org/wiki/images/thumb/2/29/Ctnlpr.png/600px-Ctnlpr.png)
நூலகம் நுட்பம்
Noolaham Technology
தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல்.