|
|
| வரிசை 1: |
வரிசை 1: |
| − | <html>
| + | {{:SlidePageAds}} |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <title>FrontBoxDown</title>
| |
| − | <style>
| |
| − | /* Styles for the outermost container */
| |
| − | .outermost-container {
| |
| − | background-color: #dfedff;
| |
| − | padding: 1%;
| |
| − | border: 1px solid #009de0;
| |
| − | }
| |
| | | | |
| − | /* Styles for the outer container */
| + | {| id="mp-upper" style="margin:0 0 0 0; background:none;" |
| − | .outer-container {
| + | |width="50%" class="MainPageBG" style="border: 1px solid #c6c9ff; color: #000; background-color: #f5faff"| |
| − | display: flex;
| + | <div style="padding: .4em .9em .9em"> |
| − | flex-wrap: wrap; /* Allow boxes to wrap to the next line on smaller screens */
| + | {| id="mp-right" cellpadding="2" cellspacing="5" style="width:101%; vertical-align:top; background:#f5faff;" |
| − | justify-content: space-between;
| + | ! <h2 id="mp-itn-h2" style="margin:0; background:#dfeffe; font-size:105%; border:1.25px solid #c6c9ff; text-align:center; color:#000; padding:0.5em 0.5em;">'''நூலகம்</h2> |
| − | }
| + | |- |
| − | | + | | style="color:black;" | <br/> {{Multi|இலங்கைத் தமிழ் பேசும் சமூகங்களின் எழுத்தாவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தும் செயற்பாடுகளை ஊக்குவிப்பதோடு, தகவல் வளங்களையும் அறிவுச்சேகரங்களையும் ஒழுங்குபடுத்தி அனைவருக்கும் கிடைக்கச் செய்துவரும் இலாப நோக்கற்ற தன்னார்வ முயற்சி.|Provide knowledge and information services to ensure free and open access thereby support educational, research and development endeavors related to Sri Lankan Tamil speaking communities.}} |
| − | /* Styles for each box container */
| + | |} |
| − | .box-container {
| + | </div> |
| − | width: 48%; /* Adjust the width of each container as needed */
| + | <br/> |
| − | margin-bottom: 20px;
| + | {{உள்ளடக்கம்}} |
| − | position: relative;
| + | |} |
| − | }
| + | <br/> |
| − | | + | <br/> |
| − | /* Styles for each inner box */
| + | <br/> |
| − | .inner-box {
| |
| − | width: 100%;
| |
| − | height: 320px;
| |
| − | font-size: 30px;
| |
| − | background-color: #dfedff;
| |
| − | padding: 1%;
| |
| − | text-align: center;
| |
| − | border-radius: 5px;
| |
| − | box-sizing: border-box;
| |
| − | cursor: pointer;
| |
| − | border: 1px solid #009de0;
| |
| − | }
| |
| − | | |
| − | /* Styles for the box below each inner box */
| |
| − | .additional-box {
| |
| − | position: absolute;
| |
| − | width: 90%;
| |
| − | height: 130px;
| |
| − | text-align: center;
| |
| − | background-color: #dfedff;
| |
| − | margin-top: 5px;
| |
| − | margin-bottom: 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>
| |
| − | </head>
| |
| − | <body>
| |
| − | | |
| − | <!-- Outermost container -->
| |
| − | <div class="outermost-container">
| |
| − | | |
| − | <!-- First set of boxes -->
| |
| − | <div class="outer-container">
| |
| − | <!-- Left inner box with additional box -->
| |
| − | <div class="box-container">
| |
| − | <div class="inner-box" onclick="openLink()">
| |
| − | <img src="https://noolaham.org/wiki/images/6/6c/NOOLAHAM-LOGO-PALOODAKAM-JAN2024_01%281%29.png" class="responsive-image" >
| |
| − | <p >பல்லூடக நூலகம் <br/> Noolaham Multimedia</p>
| |
| − | </div>
| |
| − | <div class="additional-box"> <br/>
| |
| − | <p> புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <!-- Right inner box with additional box -->
| |
| − | <div class="box-container">
| |
| − | <div class="inner-box" onclick="openLink2()">
| |
| − | <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 >பள்ளிக்கூட நூலகம் <br/> Noolaham School</p>
| |
| − | </div>
| |
| − | <div class="additional-box"> <br/>
| |
| − | | |
| − | <p> கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| | | | |
| − | <br>
| + | {{:FrontDownBox}} |
| | | | |
| − | <!-- Second set of boxes -->
| + | <p align="center"> |
| − | <div class="outer-container">
| + | இது ஒரு '''[[நூலகம்:அறிமுகம்|நூலக நிறுவனச்]]''' செயற்றிட்டம். This is a '''[[நூலகம்:அறிமுகம்|Noolaham Foundation]]''' project. |
| − | <!-- Left inner box with additional box -->
| |
| − | <div class="box-container">
| |
| − | <div class="inner-box" onclick="openLink3()">
| |
| − | <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 >நூலக நிறுவனம் <br/> Noolaham Foundation </p>
| |
| − | </div>
| |
| − | <div class="additional-box"> <br/>
| |
| − | <p> இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.
| |
| | </p> | | </p> |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Right inner box with additional box -->
| |
| − | <div class="box-container">
| |
| − | <div class="inner-box" onclick="openLink4()">
| |
| − | <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 >நூலக நுட்பம் <br/> Noolaham Tech</p>
| |
| − | </div>
| |
| − | <div class="additional-box"> <br/>
| |
| − | <p> தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல். </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <!-- JavaScript to handle the click event and open the link -->
| |
| − | <script>
| |
| − | function openLink() {
| |
| − | window.location.href = "http://noolaham.media";
| |
| − | }
| |
| − |
| |
| − | function openLink2() {
| |
| − | window.location.href = "http://noolaham.school";
| |
| − | }
| |
| − |
| |
| − | function openLink3() {
| |
| − | window.location.href = "https://noolaham.foundation";
| |
| − | }
| |
| − |
| |
| − | function openLink4() {
| |
| − | window.location.href = "https://www.noolaham.tech";
| |
| − | }
| |
| − |
| |
| − | </script>
| |
| | | | |
| − | </body>
| + | __NONSFOOTER__ |
| − | </html>
| |
