Freelancipedia

Main Page: Difference between revisions

← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- Custom CSS (add this in MediaWiki:Common.css for global styling if needed) -->
<div style="margin: 20px auto; padding: 20px; background-color: #e6f2ff; border: 1px solid #ddd; border-radius: 4px; text-align: center;">
<style>
.main-box {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    background: #f9f9f9;
    margin-bottom: 20px;
}


.section-title {
  <span style="font-size: 34px; color: #202122; font-family: Linux Libertine;
    background-color: #e9f1fb;
">
    color: #003366;
     Welcome to '''Freelancipedia''',
    font-weight: bold;
  </span>
     padding: 8px 10px;
  <span style="font-size: 16px; color: #555; font-family: Linux Libertine">
    border-radius: 5px;
     Freelancipedia is an open encyclopedia dedicated to freelancers, entrepreneurs, founders, creators and digital professionals. It empowers users to create and manage their own pages, spotlight their achievements, and share knowledge. With a focus on flexibility and ease of use, Freelancipedia is the ideal platform for building a personal brand or business presence online.
    border: 1px solid #b3d4fc;
  </span>
     margin-bottom: 10px;
 
}
</div>


.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 {
<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
    background-color: #0073e6;
    color: white;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
    margin: 10px 0;
}
</style>


<!-- Layout Start -->
  <!-- Left Column -->
<div style="max-width: 1200px; margin: auto;">
  <div style="flex: 2; min-width: 300px; background-color: #f0f8ff; padding: 20px; border-radius: 8px; border: 1px solid #cce;">
    == Welcome to '''Freelancipedia''' ==
    ''The open encyclopedia for freelancers, startups, and digital creators.''


<!-- Welcome Title -->
     [[File:Community.jpg|thumb|right|250px|Join the Community]]
<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>


<!-- Two-column Section -->
    Explore practical guides, profile pages, and resources to grow your digital career.
<div style="display: flex; flex-wrap: wrap; gap: 20px;">


     <!-- Left: Featured Articles -->
     === 🚀 Featured Pages ===
     <div style="flex: 1; min-width: 300px;">
    * [[Freelancing Platforms]]
        <div class="main-box">
    * [[Ekram Hossen]]
            <div class="section-title">Featured Article</div>
     * [[Digital Marketing]]
    * [[Top Skills 2025]]
    * [[Start a Freelance Career]]


            <!-- Article 1 -->
    === 🔥 Trending Articles ===
            <div style="display:flex; gap: 15px; margin-bottom: 15px;">
    * [[AI Tools for Freelancers]]
                [[File:Junji.jpg|thumb|none|150px]]
    * [[Passive Income Ideas]]
                <div>
    * [[Remote Work Tips]]
                    <b>Junji Lim</b>, a dynamic tech entrepreneur from Malaysia, is celebrated for his unique approach to business growth...
  </div>
                </div>
            </div>


            <!-- Article 2 -->
  <!-- Right Column -->
            <div style="display:flex; gap: 15px;">
  <div style="flex: 1; min-width: 250px; background-color: #e6f2ff; padding: 20px; border-radius: 8px; border: 1px solid #aaddff;">
                [[File:Scarlett.jpg|thumb|none|150px]]
    == 📣 Spotlight ==
                <div>
    [[File:Ekram_Hossen.png|thumb|none|200px|Featured Creator]]
                    <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 -->
     '''Mira Chen''' is a digital nomad, coach, and startup advisor working across Europe and Asia.
    <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">
    === 👑 Top Contributors ===
            <div class="title">Administration</div>
    * [[User:Ekram]]
            Our verified editors help ensure accuracy. Contact us if you need help creating or editing your page.
    * [[User:Mira]]
        </div>
    * [[User:JamesK]]


        <div class="right-box">
    === 📚 Quick Links ===
            <div class="title">Need Help?</div>
    * [[Upload File]]
            Our editors are here to assist with page creation and setup. Just ask or request help.
    * [[Create Your Page]]
        </div>
     * [[All Categories]]
     </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 style="margin-top: 30px; padding: 20px; background-color: #fdfde7; border-radius: 8px; border: 1px solid #eee8aa; text-align: center;">
  '''Need Help Getting Started?''' Visit [[Help:Contents]] or reach out on [[Contact Us]]!
</div>
</div>
Retrieved from "https://www.freelancipedia.com/wiki/Main_Page"