Main Page

← Older edit Newer edit →

Retrieved from "https://www.freelancipedia.com/wiki/Main_Page"

@@ Line 1: / Line 1: @@
-<div style="display:flex; flex-wrap:wrap; justify-content:space-between; gap: 20px;">
+<!-- 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;
+}
-<!-- Left Column -->
+.section-title {
-<div style="flex:1; min-width:300px;">
+    background-color: #e9f1fb;
-== Welcome to Freelancipedia ==
+    color: #003366;
-'''Freelancipedia''' is the open encyclopedia for freelancers, startups, and digital entrepreneurs.
+    font-weight: bold;
-Explore topics, create your profile, or contribute useful knowledge.
+    padding: 8px 10px;
+    border-radius: 5px;
+    border: 1px solid #b3d4fc;
+    margin-bottom: 10px;
+}
-=== Featured Pages ===
+.right-box {
-* [[Freelancing Platforms]]
+    background-color: #f2f9ff;
-* [[Ekram Hossen]]
+    border: 1px solid #0073e6;
-* [[Digital Marketing]]
+    border-radius: 6px;
-* [[Top Skills 2025]]
+    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>
-<!-- Right Column -->
+<!-- Two-column Section -->
-<div style="flex:1; min-width:300px;">
+<div style="display: flex; flex-wrap: wrap; gap: 20px;">
-== Spotlight ==
-[[File:Sample.jpg|thumb|right|200px|Featured Profile]]
+    <!-- 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>
-=== Top Contributors ===
+        <div class="right-box">
-* [[User:John]]
+            <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:Sana]]
+        </div>
-=== Popular Pages ===
+        <div class="right-box">
-* [[SEO Tools]]
+            <div class="title">Need Help?</div>
-* [[Freelancer Tips]]
+            Our editors are here to assist with page creation and setup. Just ask or request help.
-* [[Upwork Guide]]
+        </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>