|
|
| Line 1: |
Line 1: |
| <!-- START: Inline-styled main page --> | | <center> |
| <div style="max-width:1100px;margin:0 auto;padding:20px;font-family: Arial, Helvetica, sans-serif;"> | | <h2>Welcome to Verified Wikipedia</h2> |
| | The encyclopedia of verified knowledge |
| | </center> |
|
| |
|
| <!-- Welcome box -->
| | <br> |
| <div style="border:1px solid #ccc;padding:14px;border-radius:6px;margin-bottom:18px;background:#fff;">
| |
| <h2 style="margin:0 0 6px 0;font-size:20px;">Welcome to Verified Wikipedia</h2>
| |
| <div style="color:#444;">The encyclopedia of verified knowledge</div>
| |
| </div>
| |
|
| |
|
| <!-- Intro/text box -->
| | <!-- Text Box --> |
| <div style="border:1px solid #ccc;padding:12px;border-radius:6px;margin-bottom:18px;background:#fff;">
| | <table style="width:100%; border:1px solid #ccc; background:#fafafa;"> |
| <strong>Announcement / Intro:</strong>
| | <tr><td style="padding:10px;"> |
| <div style="margin-top:8px;">Add your main page intro or announcement text here.</div>
| | Write your text box content here. |
| </div>
| | </td></tr> |
| | </table> |
|
| |
|
| <!-- Two-column row (flex, wraps on small screens) -->
| | <br> |
| <div style="display:flex;flex-wrap:wrap;gap:20px;margin-bottom:18px;">
| |
| <!-- Col 1: Today's featured article -->
| |
| <div style="flex:1 1 300px;min-width:260px;border:1px solid #ccc;padding:12px;border-radius:6px;background:#fff;">
| |
| <div style="font-weight:700;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.06);margin-bottom:8px;">Today's featured article</div>
| |
|
| |
|
| <div style="display:flex;gap:12px;align-items:flex-start;">
| | <!-- 2 columns --> |
| <div style="flex:0 0 110px;">
| | <table style="width:100%;"> |
| [[File:Narendra modi.jpeg|110px|alt=Featured image]]
| | <tr> |
| </div>
| |
| <div style="flex:1;">
| |
| <!-- Replace this with your template or text -->
| |
| {{FeaturedArticle}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Col 2: WikiNews -->
| | <!-- Left column --> |
| <div style="flex:1 1 300px;min-width:260px;border:1px solid #ccc;padding:12px;border-radius:6px;background:#fff;">
| | <td style="width:50%; vertical-align:top; padding-right:10px;"> |
| <div style="font-weight:700;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.06);margin-bottom:8px;">WikiNews</div>
| | {{Featured}} |
| | </td> |
|
| |
|
| <div style="display:flex;gap:12px;align-items:flex-start;">
| | <!-- Right column --> |
| <div style="flex:0 0 110px;">
| | <td style="width:50%; vertical-align:top; padding-left:10px;"> |
| [[File:Narendra modi.jpeg|110px|alt=News image]]
| | {{News}} |
| </div>
| | </td> |
| <div style="flex:1;">
| |
| {{DailyNews}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Featured picture (full width) -->
| | </tr> |
| <div style="border:1px solid #ccc;padding:12px;border-radius:6px;background:#fff;margin-bottom:18px;">
| | </table> |
| <div style="font-weight:700;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.06);margin-bottom:8px;">Today's featured picture</div>
| |
|
| |
|
| <div style="display:flex;gap:12px;align-items:flex-start;">
| | <br> |
| <div style="flex:0 0 150px;">
| |
| [[File:Narendra modi.jpeg|150px|alt=Picture]]
| |
| </div>
| |
| <div style="flex:1;">
| |
| {{FeaturedPicture}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Footer -->
| | <!-- Featured Picture --> |
| <div style="text-align:center;color:#666;padding:8px 0;border-top:1px solid #e0e0e0;">© Verified Wikipedia — All Rights Reserved</div>
| | {{FeaturedPicture}} |
|
| |
|
| </div> | | <br><br> |
| <!-- END --> | | |
| | <center> |
| | <hr> |
| | Footer text here |
| | </center> |
Welcome to Verified Wikipedia
The encyclopedia of verified knowledge
|
Write your text box content here.
|
Today's Featured Article
|
File:Narendra modi.jpeg
|
A serif font is a typeface that has small decorative lines or strokes, called serifs, attached to the ends of the main strokes of letters. These fonts are often seen as traditional, elegant, and professional, and are commonly used for body text in printed materials like books and newspapers because they are believed to improve readability in large blocks of text.
|
|
Wikinews
|
File:Narendra modi.jpeg
|
- Yes, you can add inline CSS directly to an HTML element using the global style attribute.
- Here is how you would apply inline CSS to an <img> tag, using the same visual specifications (width 180px) implied by your original wiki markup example.
- You place your CSS properties and values directly inside the style attribute, separated by semicolons.
|
|
Today's Featured Picture
|
File:Narendra modi.jpeg
|
A serif font is a typeface that has small decorative lines or strokes, called serifs, attached to the ends of the main strokes of letters. These fonts are often seen as traditional, elegant, and professional, and are commonly used for body text in printed materials like books and newspapers because they are believed to improve readability in large blocks of text. Examples of serif fonts include Times New Roman, Garamond, and Georgia. A good rule of thumb is to stick to three brand fonts: a primary font, a secondary font, and an accent font. Your primary font will be the workhorse, used for most of your body text. The secondary font should complement the primary one and can be used for headings and subheadings.
|
Footer text here
.png)
