Main Page: Difference between revisions
EkramHossen (talk | contribs) No edit summary Tag: Manual revert |
EkramHossen (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
< | <!-- Custom CSS (add this in MediaWiki:Common.css for global styling if needed) --> | ||
<style> | |||
.main-box { | |||
border: 1px solid #ccc; | |||
border-radius: 8px; | |||
padding: 15px; | |||
background: #f9f9f9; | |||
margin-bottom: 20px; | |||
} | |||
.section-title { | |||
background-color: #e9f1fb; | |||
color: #003366; | |||
font-weight: bold; | |||
padding: 8px 10px; | |||
border-radius: 5px; | |||
border: 1px solid #b3d4fc; | |||
margin-bottom: 10px; | |||
} | |||
.right-box { | |||
background-color: #f2f9ff; | |||
border: 1px solid #0073e6; | |||
border-radius: 6px; | |||
padding: 12px; | |||
margin-bottom: 10px; | |||
} | |||
.right-box .title { | |||
background-color: #0073e6; | |||
color: white; | |||
font-weight: bold; | |||
padding: 6px 10px; | |||
border-radius: 4px; | |||
margin-bottom: 8px; | |||
} | |||
.tools-button { | |||
background-color: #0073e6; | |||
color: white; | |||
text-align: center; | |||
padding: 10px; | |||
font-weight: bold; | |||
border-radius: 5px; | |||
margin: 10px 0; | |||
} | |||
</style> | |||
<!-- Layout Start --> | |||
<div style="max-width: 1200px; margin: auto;"> | |||
<!-- Welcome Title --> | |||
<div class="main-box" style="text-align:center;"> | |||
<h2 style="color:#003366;">Welcome to Freelancipedia</h2> | |||
<p>Freelancipedia features hundreds of verified articles by our contributors.<br> | |||
If you want to make edits or create a new page, you're welcome!</p> | |||
</div> | </div> | ||
<!-- | <!-- Two-column Section --> | ||
<div style="flex:1; min-width:300px;"> | <div style="display: flex; flex-wrap: wrap; gap: 20px;"> | ||
== | |||
[[File: | <!-- Left: Featured Articles --> | ||
<div style="flex: 1; min-width: 300px;"> | |||
<div class="main-box"> | |||
<div class="section-title">Featured Article</div> | |||
<!-- Article 1 --> | |||
<div style="display:flex; gap: 15px; margin-bottom: 15px;"> | |||
[[File:Junji.jpg|thumb|none|150px]] | |||
<div> | |||
<b>Junji Lim</b>, a dynamic tech entrepreneur from Malaysia, is celebrated for his unique approach to business growth... | |||
</div> | |||
</div> | |||
<!-- Article 2 --> | |||
<div style="display:flex; gap: 15px;"> | |||
[[File:Scarlett.jpg|thumb|none|150px]] | |||
<div> | |||
<b>Scarlett Cardone</b> is an American content creator and actress. She’s the daughter of entrepreneur [[Grant Cardone]]... | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Right: Info Boxes --> | |||
<div style="flex: 1; min-width: 300px;"> | |||
<div class="right-box"> | |||
<div class="title">About Freelancipedia</div> | |||
Freelancipedia is an open online encyclopedia and personal brand platform for freelancers and creators. Build your profile or share knowledge! | |||
</div> | |||
== | <div class="right-box"> | ||
<div class="title">Administration</div> | |||
Our verified editors help ensure accuracy. Contact us if you need help creating or editing your page. | |||
</div> | |||
== | <div class="right-box"> | ||
<div class="title">Need Help?</div> | |||
Our editors are here to assist with page creation and setup. Just ask or request help. | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Bottom Tools Section --> | |||
<div class="main-box"> | |||
<div class="tools-button">Freelancipedia Tools</div> | |||
<div style="display:flex; justify-content: center; gap: 30px;"> | |||
<div>[[Special:Upload|Upload files]]</div> | |||
<div>[[Special:CreatePage|Create your page]]</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 06:41, 29 May 2025
<style> .main-box {
border: 1px solid #ccc; border-radius: 8px; padding: 15px; background: #f9f9f9; margin-bottom: 20px;
}
.section-title {
background-color: #e9f1fb; color: #003366; font-weight: bold; padding: 8px 10px; border-radius: 5px; border: 1px solid #b3d4fc; margin-bottom: 10px;
}
.right-box {
background-color: #f2f9ff; border: 1px solid #0073e6; border-radius: 6px; padding: 12px; margin-bottom: 10px;
}
.right-box .title {
background-color: #0073e6; color: white; font-weight: bold; padding: 6px 10px; border-radius: 4px; margin-bottom: 8px;
}
.tools-button {
background-color: #0073e6; color: white; text-align: center; padding: 10px; font-weight: bold; border-radius: 5px; margin: 10px 0;
} </style>
Welcome to Freelancipedia
Freelancipedia features hundreds of verified articles by our contributors.
If you want to make edits or create a new page, you're welcome!
Featured Article
Junji Lim, a dynamic tech entrepreneur from Malaysia, is celebrated for his unique approach to business growth...
Scarlett Cardone is an American content creator and actress. She’s the daughter of entrepreneur Grant Cardone...
About Freelancipedia
Freelancipedia is an open online encyclopedia and personal brand platform for freelancers and creators. Build your profile or share knowledge!
Administration
Our verified editors help ensure accuracy. Contact us if you need help creating or editing your page.
Need Help?
Our editors are here to assist with page creation and setup. Just ask or request help.