|
|
| Line 1: |
Line 1: |
| <div style="width: 100%; max-width: 1200px; margin: 0 auto; border-radius: 5px; padding: 10px;"> | | <div style="max-width: 100%; margin: 0 auto; border-radius: 5px; padding: 10px;"> |
|
| |
|
| <h1 style="font-size: 3.5em; color: #3498db; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); text-align: center;" id="mf-featuredpicture" title="Welcome to WIKI FOSSCELL NITC">Welcome to WIKI FOSSCELL NITC</h1> | | <h1 style="font-size: 2em; color: #3498db; margin-bottom: 20px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center;" id="mf-featuredpicture" title="Welcome to WIKI FOSSCELL NITC">Welcome to WIKI FOSSCELL NITC</h1> |
|
| |
|
| <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;"> | | <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;"> |
| [[File:Logo.jpg|thumb]] | | [[File:Logo.jpg|thumb|center|200px]] |
| </div> | | </div> |
|
| |
|
| <h3 style="padding-top: 30px; font-size: 20pt; color: #555; text-align: justify; line-height: 1.6 ;">FOSSCell is a vibrant technical club at NITC, passionately promoting and strengthening the Free and Open Source Software ecosystem. </h3> | | <h3 style="padding-top: 20px; font-size: 1.2em; color: #555; text-align: justify; line-height: 1.6;">FOSSCell is a vibrant technical club at NITC, passionately promoting and strengthening the Free and Open Source Software ecosystem.</h3> |
|
| |
|
| <h3 id="pagecount" style="width: 100%; text-align: center; font-size: 18pt; color: #333; margin-top: 30px;">'''[[Special:Statistics|{{NUMBEROFARTICLES}}]]''' Articles are here in English and other languages, meticulously arranged in ''[[Special:Categories|Categories]]'' .<br> <br>Checkout [[How to Guide]] if you're new here. </h3> | | <h3 id="pagecount" style="width: 100%; text-align: center; font-size: 1.1em; color: #333; margin-top: 20px;"> |
| | '''[[Special:Statistics|{{NUMBEROFARTICLES}}]]''' Articles are available in English and other languages, meticulously arranged in ''[[Special:Categories|Categories]]''. |
| | <br><br> |
| | Checkout [[How to Guide]] if you're new here. |
| | </h3> |
|
| |
|
| <h3 id="usercount" style="width: 100%; text-align: center; font-size: 18pt; color: #333; margin-top: 20px;">'''[[Special:Statistics|{{NUMBEROFUSERS}}]]''' Users have joined our community</h3> | | <h3 id="usercount" style="width: 100%; text-align: center; font-size: 1.1em; color: #333; margin-top: 20px;">'''[[Special:Statistics|{{NUMBEROFUSERS}}]]''' Users have joined our community</h3> |
|
| |
|
| | <h3 id="more" style="width: 100%; text-align: center; font-size: 1.1em; color: #27ae60; margin-top: 30px; padding-bottom: 20px;">'''[[About|Read More]]'''</h3> |
|
| |
|
| | | <!-- Additional Features --> |
| <h3 id="more" style="width: 100%; text-align: center; font-size: 18pt; color: #27ae60; margin-top: 40px; padding-bottom: 30px;">'''[[About|Read More]]'''</h3> | | <div style="display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px;"> |
| | | <div style="margin: 10px;"> |
| <!-- Highlighted contents --> | | [[File:Fm1.jpg|thumb|center|150px]] |
| <!--
| |
| <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 20px; max-width: 1200px; margin: 0 auto; "> | |
| <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;"> | |
| <h3 style="font-family: Arial, sans-serif; color: #333;">Event 1</h3> | |
| <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
| |
| </div> | | </div> |
| <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;"> | | <div style="margin: 10px;"> |
| <h3 style="font-family: Arial, sans-serif; color: #333;">Event 2</h3> | | [[File:Fm3.jpg|thumb|center|150px]] |
| <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
| |
| </div> | | </div> |
| <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;"> | | <div style="margin: 10px;"> |
| <h3 style="font-family: Arial, sans-serif; color: #333;">Event 3</h3> | | [[File:Fm2.jpg|thumb|center|150px]] |
| <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
| |
| </div> | | </div> |
| <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
| |
| <h3 style="font-family: Arial, sans-serif; color: #333;">Event 4</h3>
| |
| <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
| |
| </div>
| |
| <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
| |
| <h3 style="font-family: Arial, sans-serif; color: #333;">Event 4</h3>
| |
| <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
| |
| </div>
| |
|
| |
| </div> | | </div> |
| -->
| |
|
| |
|
| |
| <!-- Additional Features -->
| |
| <div style="display: flex; justify-content: space-around; margin-top: 40px;">
| |
| <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
| |
| [[File:Fm1.jpg|thumb]]
| |
| </div>
| |
| <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
| |
| [[File:Fm3.jpg|thumb]]
| |
|
| |
| </div>
| |
| <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
| |
| [[File:Fm2.jpg|thumb]]
| |
| </div>
| |
|
| |
| </div> | | </div> |