What You See Is What You Get WYSIWYG

HTML HyperText Markup Language
Inline styles Classes & IDs Empty tags Tags with 1 space Successive spaces Comments Tag attributes All tags
MEL International School | Premier Education for SADC Families { "@context": "https://schema.org", "@type": "EducationalOrganization", "name": "MEL International School", "description": "MEL International School offers a comprehensive curriculum from Pre-school through to High School, including boarding for both primary and high learners. We cultivate confident, curious and compassionate learners ready for a changing world.", "address": { "@type": "PostalAddress", "streetAddress": "31 Argyl Street, Germiston South", "addressLocality": "Germiston", "addressRegion": "Gauteng", "postalCode": "1401", "addressCountry": "ZA" }, "telephone": "+27-11-776-9209", "email": "info@melinternationalschool.co.za", "url": "https://melinternationalschool.co.za/" } /* ----- reset & base ----- */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; background: #f1f5f9; color: #0f172a; line-height: 1.7; padding: 2rem 1rem; } .blog-container { max-width: 1100px; margin: 0 auto; background: #ffffff; border-radius: 2rem; box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15); overflow: hidden; } /* ----- header / hero ----- */ .hero { background: linear-gradient(145deg, #0b2a4a 0%, #1a4a7a 100%); color: #fff; padding: 3rem 2rem 2rem 2rem; text-align: center; } .hero-badge { display: inline-block; background: rgba(255, 215, 0, 0.2); backdrop-filter: blur(4px); color: #facc15; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.08em; padding: 0.4rem 1.2rem; border-radius: 40px; border: 1px solid rgba(255, 215, 0, 0.3); margin-bottom: 1.2rem; text-transform: uppercase; } .hero h1 { font-size: 2.6rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5rem; } .hero h1 span { color: #facc15; } .hero p { font-size: 1.2rem; opacity: 0.9; max-width: 700px; margin: 0.5rem auto 1.5rem auto; } .city-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem 1rem; margin: 1.5rem 0 0.5rem 0; } .city-tags span { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(4px); padding: 0.3rem 1.2rem; border-radius: 40px; font-size: 0.85rem; font-weight: 600; border: 1px solid rgba(255, 255, 255, 0.15); display: inline-flex; align-items: center; gap: 0.4rem; } .city-tags span i { color: #facc15; font-size: 0.7rem; } /* ----- gallery strip ----- */ .gallery-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.5rem; padding: 1.5rem 2rem; background: #f8fafc; border-bottom: 1px solid #e2e8f0; } .gallery-strip img { width: 100%; height: 130px; object-fit: cover; border-radius: 14px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease; } .gallery-strip img:hover { transform: scale(1.02); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); } /* ----- main content ----- */ .main-content { padding: 2.5rem 2rem 2rem 2rem; } .main-content h2 { font-size: 1.8rem; font-weight: 700; margin-top: 2.2rem; margin-bottom: 0.75rem; color: #0b2a4a; letter-spacing: -0.01em; } .main-content h2:first-of-type { margin-top: 0; } .main-content h3 { font-size: 1.25rem; font-weight: 700; margin-top: 1.6rem; margin-bottom: 0.4rem; color: #1e293b; } .main-content h4 { font-size: 1.1rem; font-weight: 700; margin-top: 1.2rem; margin-bottom: 0.3rem; color: #1e293b; } .main-content p { margin-bottom: 1.2rem; color: #1e293b; } .main-content ul, .main-content ol { margin: 0.5rem 0 1.5rem 1.8rem; color: #1e293b; } .main-content li { margin-bottom: 0.4rem; } .main-content blockquote { border-left: 6px solid #1a4a7a; padding: 1rem 1.5rem; margin: 1.5rem 0; background: #f0f7ff; border-radius: 0 16px 16px 0; font-style: italic; color: #1e293b; } .main-content blockquote cite { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #0b2a4a; } .highlight-box { background: #f0f7ff; border-left: 6px solid #1a4a7a; padding: 1.5rem 2rem; border-radius: 16px; margin: 1.8rem 0; } .highlight-box strong { color: #0b2a4a; } .cta-box { background: linear-gradient(145deg, #0b2a4a, #1a4a7a); color: #fff; padding: 2.5rem 2rem; border-radius: 20px; text-align: center; margin: 2.5rem 0 1rem 0; } .cta-box h3 { color: #fff; font-size: 1.8rem; font-weight: 700; margin-bottom: 0.5rem; } .cta-box p { color: rgba(255, 255, 255, 0.85); max-width: 600px; margin: 0 auto 1.5rem auto; font-size: 1.05rem; } .cta-btn { display: inline-block; background: #facc15; color: #0b2a4a; font-weight: 700; padding: 0.9rem 2.8rem; border-radius: 60px; text-decoration: none; font-size: 1.1rem; transition: background 0.2s ease, transform 0.1s ease; box-shadow: 0 8px 24px rgba(250, 204, 21, 0.35); } .cta-btn:hover { background: #fde047; transform: scale(1.02); } .cities-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1.5rem 0 2rem 0; } .cities-grid .city-card { background: #f8fafc; border-radius: 16px; padding: 1.2rem 0.8rem; text-align: center; border: 1px solid #e9edf2; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .cities-grid .city-card:hover { border-color: #1a4a7a; box-shadow: 0 6px 16px rgba(26, 74, 122, 0.08); } .cities-grid .city-card strong { display: block; font-size: 0.95rem; color: #0b2a4a; } .cities-grid .city-card small { font-size: 0.75rem; color: #64748b; } .post-meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid #e2e8f0; padding-top: 1.5rem; margin-top: 2rem; font-size: 0.9rem; color: #64748b; } .post-meta .share a { color: #475569; margin-left: 0.8rem; font-size: 1.1rem; text-decoration: none; } .post-meta .share a:hover { color: #0b2a4a; } @media (max-width: 768px) { .hero h1 { font-size: 1.9rem; } .hero p { font-size: 1rem; } .gallery-strip { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); padding: 1rem; } .gallery-strip img { height: 100px; } .main-content { padding: 1.5rem 1rem; } .cta-box h3 { font-size: 1.4rem; } .cities-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .post-meta { flex-direction: column; gap: 0.8rem; align-items: flex-start; } } @media (max-width: 480px) { .hero { padding: 2rem 1rem; } .city-tags span { font-size: 0.7rem; padding: 0.2rem 0.8rem; } .highlight-box { padding: 1rem 1.2rem; } } Enrolling for 2026 MEL International School Excellence Across Southern Africa Where world-class education meets a safe, nurturing environment — welcoming families from Gaborone, Harare, Lusaka, Windhoek, Maputo and beyond. Gaborone Harare Lusaka Windhoek Maputo Johannesburg Cape Town

Why MEL International School?

At MEL International School, we believe education is more than just academics. Our approach balances knowledge, creativity, leadership, and character — preparing students to thrive in a rapidly changing world. From early childhood to high school, we cultivate a safe, vibrant, and inspiring environment where every student is seen, supported, and encouraged to achieve their personal best. Our school offers stimulating and student-centered learning from Pre-school through to High School, including boarding for both primary and high learners[reference:0]. We focus on nurturing each child's curiosity, developing critical thinkers and global citizens.

A Home for SADC Families

Families from across the SADC region — including Botswana, Zimbabwe, Zambia, Namibia, Mozambique, and South Africa — choose MEL International School for its international learning culture and commitment to holistic development[reference:1]. Our diverse community welcomes students from all backgrounds, helping them engage with the global community while building strong ties across Southern Africa. GaboroneBotswana HarareZimbabwe LusakaZambia WindhoekNamibia MaputoMozambique JohannesburgSouth Africa

What Makes Us Unique

Strong Academic FoundationA comprehensive curriculum that challenges and grows learners across all grade levels[reference:2]. International Learning CultureA diverse environment where students learn to engage with the global community[reference:3]. Caring, Safe & Supportive EnvironmentWe prioritise student wellbeing and belonging — every child matters[reference:4]. Sport, Arts & EnrichmentBeyond the classroom, students explore talents, team spirit and creativity[reference:5].

Curriculum & Teaching Philosophy

MEL International School uses a dynamic, integrated curriculum registered with the Department of Education, combining CAPS with a student-centred, experiential approach[reference:6]. Teaching emphasises activity-based learning, addressing individual needs and encouraging collaboration[reference:7]. We believe in active learning — students engage, question and create, not just receive. We emphasise self-learning and independent thinking[reference:8]. We combine strong academic rigour with character development[reference:9].

"At MEL International School, we cultivate confident, curious and compassionate learners ready for a changing world."[reference:10] — MEL International School

Boarding & Holistic Development

MEL International School offers boarding facilities for both primary and high school learners, providing a home-away-from-home for students from across the SADC region[reference:11][reference:12]. Our boarding programme is designed to support academic success, personal growth, and lasting friendships. Boarders stay in comfortable shared rooms with dedicated study zones and recreational lounges, and have meals in the dining hall[reference:13].

Admissions Process

The Admissions Office is responsible for coordinating the initial inquiries from families for the main campus in Germiston[reference:14]. All inquiries will be responded to within twenty-four (24) hours[reference:15].

How to Apply

1. Request a prospectus / campus tour[reference:16]
2. Complete application form[reference:17]
3. Visit for interview/assessment (if required)[reference:18]
4. Receive offer, arrange enrolment[reference:19]

Required Documents

• Birth Certificate (copy)
• Previous school report cards (last 2 years)
• Transfer Certificate (TC) for Grades 2 and above[reference:20]

Fees & Registration

• Registration fee (non-refundable): K1: ZAR 1,500; Grades 1–7: ZAR 3,000; Grades 8–12: ZAR 3,500[reference:21]
• Tuition: Published annually by year group, with a standard four-term year[reference:22]
• Payment options: Annually, termly, or monthly, in advance[reference:23]
• Discount: One-month discount if the full year's fees are paid by 31 January[reference:24]

Contact & Admissions

Admissions Office — responsible for coordinating initial inquiries from families for the main campus in Germiston[reference:25].

• Phone: 011 776 9209 / 011 825 7369[reference:26]
• WhatsApp: +27 79 473 6609[reference:27]
• Email: admissions@melinternationalschool.co.za[reference:28]
• Address: 31 Argyl Street, Germiston South (Industries EA), Germiston, 1401[reference:29]

Ready to Join the M.E.L Family?

Apply now for 2026 or schedule a visit and discover our vibrant campus in Germiston. Apply Now Published 22 July 2026  ·  6 min read Share:
Chars: 21764
Demo Text
Lorem Ipsum
Undo New page Indentation Compress EncodingClean
Online WYSIWYG Editor and HTML Converter
Free online What You See 👀 Is What You Get 🎁 (WYSIWYG) editor with instant HTML converter and cleaning features. Compose your documents online in your web browser without downloading and installing any program.

Whether you want to make your first home page or learn some new techniques to get traffic to your existing site you've come to the right place. Composing HTML code isn't hard, and you'll be taken through everything step by step. And if you get stuck, then there'll always be someone here to help you.

Before you say that no one uses html anymore, because of WYSIWYG editors, then you're wrong! There'll come a time in every web page creator's life that you need to look at the raw, naked html and if you've never looked at it then you'll not have a clue what you're doing. With this free online tool you can have the best of both worlds: the visual document and the source side-by-side.

If your aim is to create a website then you've come to the right place. How far you go after your first creation is entirely up to you. Whether you want to make a personal site, or your fortune then there's plenty of help for you on this site! If you want to make money with a web site you've come to the right place!

Start Here
Start typing or paste your document in the visual editor on the left to convert it to HTML markup. Edit either of the two input fields to get the result in the other one instantly.

Load the demo text or populate the workspace with Lorem Ipsum gibberish text to experiment with the editor.

Visual Editor
visual toolbar
Format your text, add tables, images, links and other sections easily to your document with the toolbar above the visual editor. It works like a regular What You See Is What You Get editor.

Source Code
source options
The HTML cleanup options are listed above the source editor. Check the options you need to remove pressing the Clean button or execute them one by one with the right-pointing arrows.

Inline styles
Classes & IDs
Empty tags
Tags with 1 space
Successive spaces
Comments
Tag attributes
All tags
Below the syntax highlighted source code you will find other useful features:

undo button to restore a previous saved version of the file
erase the whole page
organize line indentation in the souce to visualize tag hierarchy
compress the document
enable or disable character encoding
We use cookies to collect anonymous visitor analytics and to show tailored ads.
Reach out to us: footer img
© wysiwygHTML.com