Main Page: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-<div style="display:flex; flex-wrap:wrap; justify-content:space-between; gap: 20px;">
+<style>
+.section {
-<!-- Left Column -->
+    border: 1px solid #cceccc;
-<div style="flex:1; min-width:300px;">
+    border-radius: 8px;
-== Welcome to Freelancipedia ==
+    padding: 20px;
-'''Freelancipedia''' is the open encyclopedia for freelancers, startups, and digital entrepreneurs.
+    background-color: #f8fff8;
-Explore topics, create your profile, or contribute useful knowledge.
+    margin-bottom: 20px;
+}
-=== Featured Pages ===
+.section h2 {
-* [[Freelancing Platforms]]
+    color: #206020;
-* [[Ekram Hossen]]
+    margin-top: 0;
-* [[Digital Marketing]]
+}
-* [[Top Skills 2025]]
+.flex-wrap {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+}
+.left {
+    flex: 2;
+    min-width: 300px;
+}
+.right {
+    flex: 1;
+    min-width: 200px;
+}
+</style>
+<div class="section">
+    <h2>Welcome to Freelancipedia</h2>
+    <p>Explore content written by professionals and freelancers across industries. Your knowledge matters—create your own page today!</p>
 </div>
-<!-- Right Column -->
+<div class="section flex-wrap">
-<div style="flex:1; min-width:300px;">
+    <div class="left">
-== Spotlight ==
+        <h2>Spotlight Article</h2>
-[[File:Sample.jpg|thumb|right|200px|Featured Profile]]
+        [[File:Digital-creator.jpg|thumb|none|250px|Featured Entrepreneur]]
+        '''Mira Chen''' is a creative strategist and AI educator with over 10 years of freelancing experience across Asia and Europe.
-=== Top Contributors ===
+    </div>
-* [[User:John]]
-* [[User:Ekram]]
-* [[User:Sana]]
-=== Popular Pages ===
-* [[SEO Tools]]
-* [[Freelancer Tips]]
-* [[Upwork Guide]]
-</div>
+    <div class="right">
+        <h2>Top Contributors</h2>
+        * [[User:Mira]]
+        * [[User:JamesK]]
+        * [[User:Ekram]]
+        <h2>Recent Pages</h2>
+        * [[Freelance Success]]
+        * [[Design Tools]]
+        * [[Marketing Hacks]]
+    </div>
 </div>