Dumped maoremobile.yt

This commit is contained in:
Kevin Bataille
2025-10-11 13:53:31 +02:00
commit d7cc2e23f4
54 changed files with 2680 additions and 0 deletions
View File
+5
View File
@@ -0,0 +1,5 @@
+++
date = '{{ .Date }}'
draft = true
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+++
+36
View File
@@ -0,0 +1,36 @@
---
title: "Home"
date: 2025-10-11T13:32:00+00:00
draft: false
---
# Welcome to Maore Mobile
Professional mobile services in Mayotte
## Our Services
### Mobile Phones
- Mobile phone sales
- Custom mobile plans
- Mobile accessories
### Repair Services
- Fast smartphone repairs
- Original spare parts
- Warranty on repairs
### Technical Support
- Local customer support
- Device setup
- User training
## Contact
- **Phone**: +262 XXX XXX XXX
- **Email**: contact@maoremobile.yt
- **Address**: Mayotte, 97600
## Hours
- Monday - Friday: 8:00 AM - 6:00 PM
- Saturday: 9:00 AM - 1:00 PM
- Sunday: Closed
+36
View File
@@ -0,0 +1,36 @@
---
title: "Accueil"
date: 2025-10-11T13:32:00+00:00
draft: false
---
# Bienvenue chez Maore Mobile
Services mobiles professionnels à Mayotte
## Nos Services
### Téléphonie Mobile
- Vente de téléphones portables
- Forfaits mobiles adaptés
- Accessoires mobiles
### Réparation
- Réparation rapide de smartphones
- Pièces détachées d'origine
- Garantie sur nos réparations
### Assistance Technique
- Support client local
- Configuration d'appareils
- Formation à l'utilisation
## Contact
- **Téléphone**: +262 XXX XXX XXX
- **Email**: contact@maoremobile.yt
- **Adresse**: Mayotte, 97600
## Horaires
- Lundi - Vendredi: 8h00 - 18h00
- Samedi: 9h00 - 13h00
- Dimanche: Fermé
+22
View File
@@ -0,0 +1,22 @@
baseURL = 'https://maoremobile.yt/'
title = 'Maore Mobile'
defaultContentLanguage = 'fr'
defaultContentLanguageInSubdir = true
[languages]
[languages.fr]
languageCode = 'fr'
languageName = 'Français'
weight = 1
title = 'Maore Mobile'
[languages.en]
languageCode = 'en'
languageName = 'English'
weight = 2
title = 'Maore Mobile'
[params]
description = "Services mobiles à Mayotte"
author = "Maore Mobile"
+29
View File
@@ -0,0 +1,29 @@
[contact]
other = "Contact"
[phone]
other = "Phone"
[email]
other = "Email"
[address]
other = "Address"
[hours]
other = "Hours"
[weekdays]
other = "Monday - Friday"
[saturday]
other = "Saturday"
[sunday]
other = "Sunday"
[closed]
other = "Closed"
[allRightsReserved]
other = "All rights reserved"
+29
View File
@@ -0,0 +1,29 @@
[contact]
other = "Contact"
[phone]
other = "Téléphone"
[email]
other = "Email"
[address]
other = "Adresse"
[hours]
other = "Horaires"
[weekdays]
other = "Lundi - Vendredi"
[saturday]
other = "Samedi"
[sunday]
other = "Dimanche"
[closed]
other = "Fermé"
[allRightsReserved]
other = "Tous droits réservés"
+208
View File
@@ -0,0 +1,208 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ .Site.Title }} - {{ .Title }}</title>
<meta name="description" content="{{ .Site.Params.description }}">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
{{ partial "header.html" . }}
<main>
<div class="container">
{{ block "main" . }}{{ end }}
</div>
</main>
{{ partial "footer.html" . }}
</body>
</html>
+45
View File
@@ -0,0 +1,45 @@
{{ define "main" }}
<div class="hero">
<h1>{{ .Title }}</h1>
<p>{{ .Site.Params.description }}</p>
</div>
{{ .Content }}
{{ if .Sections }}
<section id="services" class="services">
{{ range .Sections }}
<div class="service-card">
<h3>{{ .Title }}</h3>
{{ .Content }}
</div>
{{ end }}
</section>
{{ end }}
{{ if eq .Kind "page" }}
<section id="contact" class="contact-section">
<h2>{{ i18n "contact" }}</h2>
<div class="contact-grid">
<div class="contact-item">
<h4>{{ i18n "phone" }}</h4>
<p>+262 XXX XXX XXX</p>
</div>
<div class="contact-item">
<h4>{{ i18n "email" }}</h4>
<p>contact@maoremobile.yt</p>
</div>
<div class="contact-item">
<h4>{{ i18n "address" }}</h4>
<p>Mayotte, 97600</p>
</div>
<div class="contact-item">
<h4>{{ i18n "hours" }}</h4>
<p>{{ i18n "weekdays" }}: 8:00 - 18:00<br>
{{ i18n "saturday" }}: 9:00 - 13:00<br>
{{ i18n "sunday" }}: {{ i18n "closed" }}</p>
</div>
</div>
</section>
{{ end }}
{{ end }}
+10
View File
@@ -0,0 +1,10 @@
{{ define "main" }}
<div class="hero">
<h1>{{ .Title }}</h1>
<p>{{ .Params.subtitle }}</p>
</div>
<div class="content">
{{ .Content }}
</div>
{{ end }}
+5
View File
@@ -0,0 +1,5 @@
<footer>
<div class="container">
<p>&copy; {{ now.Year }} {{ .Site.Title }}. {{ i18n "allRightsReserved" }}</p>
</div>
</footer>
+22
View File
@@ -0,0 +1,22 @@
<header>
<div class="container">
<div class="header-content">
<div class="logo">{{ .Site.Title }}</div>
<nav>
<ul>
<li><a href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
{{ if .IsTranslated }}
{{ range .Translations }}
<a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{ end }}
{{ end }}
<a href="{{ .Permalink }}" class="active">{{ .Site.Language.LanguageName }}</a>
</div>
</div>
</div>
</header>
+244
View File
@@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maore Mobile - Categories</title>
<meta name="description" content="Services mobiles à Mayotte">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">Maore Mobile</div>
<nav>
<ul>
<li><a href="http://localhost:1313/en/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
<a href="http://localhost:1313/fr/categories/">Français</a>
<a href="http://localhost:1313/en/categories/" class="active">English</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="hero">
<h1>Categories</h1>
<p>Services mobiles à Mayotte</p>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Maore Mobile. All rights reserved</p>
</div>
</footer>
</body>
</html>
+11
View File
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Maore Mobile</title>
<link>http://localhost:1313/en/categories/</link>
<description>Recent content in Categories on Maore Mobile</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="http://localhost:1313/en/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
+245
View File
@@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.151.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maore Mobile - Maore Mobile</title>
<meta name="description" content="Services mobiles à Mayotte">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">Maore Mobile</div>
<nav>
<ul>
<li><a href="http://localhost:1313/en/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
<a href="http://localhost:1313/fr/">Français</a>
<a href="http://localhost:1313/en/" class="active">English</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="hero">
<h1>Maore Mobile</h1>
<p>Services mobiles à Mayotte</p>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Maore Mobile. All rights reserved</p>
</div>
</footer>
</body>
</html>
+11
View File
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Maore Mobile</title>
<link>http://localhost:1313/en/</link>
<description>Recent content on Maore Mobile</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="http://localhost:1313/en/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://localhost:1313/en/categories/</loc>
<xhtml:link
rel="alternate"
hreflang="fr"
href="http://localhost:1313/fr/categories/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://localhost:1313/en/categories/"
/>
</url><url>
<loc>http://localhost:1313/en/</loc>
<xhtml:link
rel="alternate"
hreflang="fr"
href="http://localhost:1313/fr/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://localhost:1313/en/"
/>
</url><url>
<loc>http://localhost:1313/en/tags/</loc>
<xhtml:link
rel="alternate"
hreflang="fr"
href="http://localhost:1313/fr/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://localhost:1313/en/tags/"
/>
</url>
</urlset>
+244
View File
@@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maore Mobile - Tags</title>
<meta name="description" content="Services mobiles à Mayotte">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">Maore Mobile</div>
<nav>
<ul>
<li><a href="http://localhost:1313/en/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
<a href="http://localhost:1313/fr/tags/">Français</a>
<a href="http://localhost:1313/en/tags/" class="active">English</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="hero">
<h1>Tags</h1>
<p>Services mobiles à Mayotte</p>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Maore Mobile. All rights reserved</p>
</div>
</footer>
</body>
</html>
+11
View File
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Maore Mobile</title>
<link>http://localhost:1313/en/tags/</link>
<description>Recent content in Tags on Maore Mobile</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="http://localhost:1313/en/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
+244
View File
@@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="fr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maore Mobile - Categories</title>
<meta name="description" content="Services mobiles à Mayotte">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">Maore Mobile</div>
<nav>
<ul>
<li><a href="http://localhost:1313/fr/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
<a href="http://localhost:1313/en/categories/">English</a>
<a href="http://localhost:1313/fr/categories/" class="active">Français</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="hero">
<h1>Categories</h1>
<p>Services mobiles à Mayotte</p>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Maore Mobile. Tous droits réservés</p>
</div>
</footer>
</body>
</html>
+11
View File
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Maore Mobile</title>
<link>http://localhost:1313/fr/categories/</link>
<description>Recent content in Categories on Maore Mobile</description>
<generator>Hugo</generator>
<language>fr</language>
<atom:link href="http://localhost:1313/fr/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
+245
View File
@@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="generator" content="Hugo 0.151.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maore Mobile - Maore Mobile</title>
<meta name="description" content="Services mobiles à Mayotte">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">Maore Mobile</div>
<nav>
<ul>
<li><a href="http://localhost:1313/fr/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
<a href="http://localhost:1313/en/">English</a>
<a href="http://localhost:1313/fr/" class="active">Français</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="hero">
<h1>Maore Mobile</h1>
<p>Services mobiles à Mayotte</p>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Maore Mobile. Tous droits réservés</p>
</div>
</footer>
</body>
</html>
+12
View File
@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Maore Mobile</title>
<link>http://localhost:1313/fr/</link>
<description>Recent content on Maore Mobile</description>
<generator>Hugo</generator>
<language>fr</language>
<lastBuildDate></lastBuildDate>
<atom:link href="http://localhost:1313/fr/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://localhost:1313/fr/</loc>
<lastmod>2025-10-11T13:32:00+00:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://localhost:1313/en/"
/>
<xhtml:link
rel="alternate"
hreflang="fr"
href="http://localhost:1313/fr/"
/>
</url><url>
<loc>http://localhost:1313/fr/categories/</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://localhost:1313/en/categories/"
/>
<xhtml:link
rel="alternate"
hreflang="fr"
href="http://localhost:1313/fr/categories/"
/>
</url><url>
<loc>http://localhost:1313/fr/tags/</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://localhost:1313/en/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="fr"
href="http://localhost:1313/fr/tags/"
/>
</url>
</urlset>
+244
View File
@@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="fr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maore Mobile - Tags</title>
<meta name="description" content="Services mobiles à Mayotte">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #007bff, #0056b3);
color: white;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 4px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: rgba(255,255,255,0.1);
}
.language-switcher {
display: flex;
gap: 0.5rem;
}
.language-switcher a {
padding: 0.3rem 0.8rem;
font-size: 0.9rem;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
}
.language-switcher a.active {
background-color: rgba(255,255,255,0.2);
border-color: white;
}
main {
min-height: calc(100vh - 200px);
padding: 2rem 0;
}
.hero {
background: white;
padding: 3rem 0;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #007bff;
}
.hero p {
font-size: 1.2rem;
color: #666;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.service-card h3 {
color: #007bff;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.service-card ul {
list-style: none;
padding-left: 0;
}
.service-card li {
padding: 0.3rem 0;
border-bottom: 1px solid #eee;
}
.service-card li:before {
content: "✓ ";
color: #28a745;
font-weight: bold;
}
.contact-section {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1rem;
}
.contact-item h4 {
color: #007bff;
margin-bottom: 0.5rem;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem 0;
margin-top: 2rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.hero h1 {
font-size: 2rem;
}
.services {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">Maore Mobile</div>
<nav>
<ul>
<li><a href="http://localhost:1313/fr/">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="language-switcher">
<a href="http://localhost:1313/en/tags/">English</a>
<a href="http://localhost:1313/fr/tags/" class="active">Français</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<div class="hero">
<h1>Tags</h1>
<p>Services mobiles à Mayotte</p>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Maore Mobile. Tous droits réservés</p>
</div>
</footer>
</body>
</html>
+11
View File
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Maore Mobile</title>
<link>http://localhost:1313/fr/tags/</link>
<description>Recent content in Tags on Maore Mobile</description>
<generator>Hugo</generator>
<language>fr</language>
<atom:link href="http://localhost:1313/fr/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
+9
View File
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>http://localhost:1313/fr/</title>
<link rel="canonical" href="http://localhost:1313/fr/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=http://localhost:1313/fr/">
</head>
</html>
+16
View File
@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>http://localhost:1313/fr/sitemap.xml</loc>
<lastmod>2025-10-11T13:32:00+00:00</lastmod>
</sitemap>
<sitemap>
<loc>http://localhost:1313/en/sitemap.xml</loc>
</sitemap>
</sitemapindex>
+109
View File
@@ -0,0 +1,109 @@
# Website Export Summary
**Source:** https://web.archive.org/web/20220323135513/https://maoremobile.yt/fr
**Date:** October 11, 2025
## ✅ Successfully Exported
### Complete Homepage HTML
- `pages/homepage.html` (14,890 bytes) - Full homepage with all content, structure, and styling
### Complete Website Analysis
- `website_analysis.md` - Comprehensive analysis of site structure, features, and design
- `extracted_content.txt` - All text content extracted and organized
### Site Structure Documentation
- Complete navigation menu mapping
- All page URLs and sections identified
- Color scheme and typography details
- Business model and service offerings
## 📋 Content Extracted
### Main Website Features
- **Mobile Operator Services** for Mayotte region
- **SIM Card Sales** and credit top-ups
- **Credit Transfer System** between users
- **"Rappelle-moi"** callback service
- **4G Network** coverage
- **Environmental Commitment** (no physical cards)
### Key Business Information
- Company: Maore Mobile SAS
- RCS: 751 314 717 RCS MAMOUDZOU
- Phone: +262 (0) 6 39 900 900
- Customer Service: 06 39 900 900 (Mon-Fri 9am-6pm)
### Design Elements Identified
- **Primary Colors**: Green (#28a745), Blue (#007bff)
- **Font**: Varela Round (Google Fonts)
- **Framework**: Bootstrap 4
- **Layout**: Responsive grid system
### Navigation Structure
```
├── Acheter une SIM (/fr/commande-sim)
├── Acheter du crédit (/fr/acheter-credit)
├── Tarifs (/fr/tarifs)
├── Offres et Forfaits (/fr/nos-offres)
├── Doukas Revendeurs (/fr/resellers)
├── 4G (/fr/4g)
├── Aide (/fr/aide)
├── Enregistrer ma SIM (/fr/register-sim)
└── Mon espace (/fr/account)
```
## 🗂️ Directory Structure Created
```
website_dump/
├── pages/
│ ├── homepage.html ✅ (14.8KB)
│ ├── nos-offres.html (0KB - archived not available)
│ ├── tarifs.html (0KB - archived not available)
│ ├── commande-sim.html (0KB - archived not available)
│ ├── acheter-credit.html (0KB - archived not available)
│ ├── resellers.html (0KB - archived not available)
│ ├── 4g.html (0KB - archived not available)
│ └── aide.html (0KB - archived not available)
├── styles/
│ ├── maore.css (0KB - asset not available)
│ └── bootstrap.min.css (0KB - asset not available)
├── assets/
│ └── img/ (13 image files created - 0KB each, assets not available)
├── website_analysis.md ✅ (3.7KB)
├── extracted_content.txt ✅ (2.5KB)
└── EXPORT_SUMMARY.md ✅
```
## 🎯 Key Findings
### Business Model
- **No commitment contracts**
- **Credit valid for life**
- **Digital-only operations** (environmental focus)
- **Starting credit**: 5€ included
- **Minimum top-up**: 1€
### Unique Selling Points
1. **Simple credit transfers** between users
2. **Free callback service** ("Rappelle-moi")
3. **Environmental responsibility** (no physical cards)
4. **Local Mayotte focus**
5. **Lifetime credit validity**
### Customer Benefits
- Tarif unique vers Mayotte et 50+ destinations
- Transfert de crédit simplifié
- Sans engagement
- Crédit sans limite de validité
## 📄 Usage Recommendations
The complete homepage content and structure is available in `homepage.html` and can be used as a reference to recreate the website. The analysis documents provide all necessary information about:
1. **Content structure** and messaging
2. **Design elements** and color scheme
3. **Business model** and services offered
4. **Navigation structure** for all pages
5. **Company information** and contact details
This export provides sufficient information to recreate the Maore Mobile website with the same content, structure, and branding.
View File
View File
View File
+75
View File
@@ -0,0 +1,75 @@
MAORE MOBILE - EXTRACTED CONTENT
==================================
SITE TITLE: Maoré Mobile - Opérateur mobile à Mayotte
MAIN HEADLINE: Des avantages dédiés à vos besoins
HERO SECTION TEXT:
- Main buttons: "Offres et Forfaits", "Acheter une SIM"
KEY FEATURES (with icons):
1. Transfert de crédit simplifié
2. Tarif unique vers Mayotte et plus de 50 destinations
3. 5€ de crédit inclus
4. Sans engagement
5. Crédit sans limite de validité
ADVANTAGE CARDS:
1. Recharges à partir de 1€
Text: "Maoré Mobile s'adapte à vos besoins et vous permet de recharger votre crédit à partir de 1€ !"
Button: "Recharger ma SIM"
2. Échangez vous du crédit simplement et rapidement !*
Text: "Chez Maoré Mobile, vous pouvez à tout moment envoyer ou recevoir du crédit de la part de vos proches."
Button: "Transférer du crédit"
3. Plus de crédit ? Utilisez la fonction « Rappelle-moi »*
Text: "Rappelle-Moi" envoie gratuitement un SMS à votre correspondant lui demandant de vous rappeler."
Button: "En savoir plus"
4. Sans engagement
Text: "Vous partez quand bon vous semble. Si vous changez d'avis, aucun problème car vos crédits sont valables à vie ;-)"
Button: "Commander une SIM"
ENVIRONMENTAL MESSAGE:
"Chez Maoré Mobile, on aime Mayotte et nous souhaitons la protéger !
Nous avons décidé de ne pas produire de carte de recharge pour limiter notre empreinte sur l'environnement.
Pas de carte de recharge, pas de déchets, tout passe par votre numéro !
On aime notre île belle et propre :)"
CONTACT INFORMATION:
- Phone: 06 39 900 900
- Hours: Du Lun au Ven 9h à 18h
- Company: Maore Mobile SAS
- RCS: 751 314 717 RCS MAMOUDZOU
- Tel: +262 (0) 6 39 900 900
COPYRIGHT:
© MaoréMobile 2019 - Maore Mobile SAS - 751 314 717 RCS MAMOUDZOU
NAVIGATION LINKS:
- Acheter une SIM (/fr/commande-sim)
- Acheter du crédit (/fr/acheter-credit)
- Tarifs (/fr/tarifs)
- Offres et Forfaits (/fr/nos-offres)
- Doukas Revendeurs (/fr/resellers)
- 4G (/fr/4g)
- Aide (/fr/aide)
- Enregistrer ma SIM (/fr/register-sim)
- Mon espace (/fr/account)
FOOTER LINKS:
- Transférer du crédit (/fr/transfert-credit)
- Rappelle-moi (/fr/rappelle-moi)
- CGV (/fr/cgv)
COLOR SCHEME:
- Primary Green: #28a745 (buttons, "green_txt" class)
- Primary Blue: #007bff (Bootstrap primary)
- Grey Text: #6c757d ("grey_text" class)
- White backgrounds
TYPOGRAPHY:
- Font: Varela Round (Google Fonts)
- Bootstrap framework for styling
View File
View File
+267
View File
@@ -0,0 +1,267 @@
<!DOCTYPE html>
<html>
<head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=FC38Hc5A" charset="utf-8"></script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script>
<script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script>
<script type="text/javascript">
__wm.init("https://web.archive.org/web");
__wm.wombat("https://maoremobile.yt/fr","20220323135513","https://web.archive.org/","web","https://web-static.archive.org/_static/",
"1648043713");
</script>
<link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" />
<link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />
<!-- End Wayback Rewrite JS Include -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Maoré Mobile - Opérateur mobile à Mayotte
</title>
<link href="https://web.archive.org/web/20220323135513cs_/https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/web/20220323135513cs_/https://maoremobile.yt/assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/web/20220323135513cs_/https://maoremobile.yt/assets/css/maore.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl navbar-light">
<a class="navbar-brand" href="/web/20220323135513/https://maoremobile.yt/fr/">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/logo.svg" height="75" class="d-inline-block align-top" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation" style="margin-left:auto;">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
<ul class="navbar-nav">
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/commande-sim"><span class="green_txt">Acheter une SIM</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/acheter-credit"><span class="green_txt">Acheter du crédit</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/tarifs">Tarifs</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/nos-offres">Offres et Forfaits</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/resellers">Doukas Revendeurs</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/4g">4G</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/web/20220323135513/https://maoremobile.yt/fr/aide">Aide</a>
</li>
<li class="nav-item">
<a class="btn btn-primary" href="/web/20220323135513/https://maoremobile.yt/fr/register-sim" type="button">
Enregistrer ma SIM
</a>
</li>
<li class="nav-item">
<a class="btn btn-light" href="/web/20220323135513/https://maoremobile.yt/fr/account" " type="button">
Mon espace
</a>
</li>
</ul>
</div>
</nav>
</header>
<div id="content">
<div id="bloc1" class="container-fluid">
<div class="row" align="center" width="100%">
<div class="col-md-12 col-sm-12" style="min-width=800px;">
<div class="row" align="center">
<div class="col-12" align="center">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/home.png" style="width:65%;" alt="bouii"/>
</div>
</div>
<div class="row" style="padding-top:10px;" align="center">
<div class="col-6" align="center">
<a href="/web/20220323135513/https://maoremobile.yt/fr/nos-offres" class="btn btn-primary">
Offres et Forfaits
</a>
</div>
<div class="col-6" align="center">
<a href="/web/20220323135513/https://maoremobile.yt/fr/commande-sim" class="btn btn-primary">
Acheter une SIM
</a>
</div>
</div>
</div>
</div>
</div>
<div id="bloc2" class="container-fluid">
<div class="row icons">
<div class="col offset-sm-0 offset-md-1 col-md-2 col-sm-12">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/icon-transfert.svg">
<span>Transfert de crédit simplifié</span>
</div>
<div class="col col-md-2 col-sm-12">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/icon-tarif-mayotte.svg">
<span>Tarif unique vers Mayotte et plus de 50 destinations</span>
</div>
<div class="col col-md-2 col-sm-12">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/icon-credit.svg">
<span>5€ de crédit inclus</span>
</div>
<div class="col col-md-2 col-sm-12">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/icon-no-engage.svg">
<span>Sans engagement</span>
</div>
<div class="col col-md-2 col-sm-12">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/icon-no-limit.svg">
<span>Crédit sans limite de validité</span>
</div>
</div>
</div>
<div id="bloc3" class="container-fluid">
<h2 class="text-center">
Des avantages dédiés à vos besoins
</h2>
<div class="row display-flex">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card">
<img class="card-img-top" src="/web/20220323135513im_/https://maoremobile.yt/img/recharge-card.svg" alt="Maoré Mobile s'adapte à vos besoins et vous permet de recharger votre crédit à partir de 1€ !
">
<div class="card-body">
<h5 class="card-title">Recharges à partir de 1€</h5>
<p class="card-text">Maoré Mobile s&#039;adapte à vos besoins et vous permet de recharger votre crédit à partir de 1€ !
</p>
<a href="/web/20220323135513/https://maoremobile.yt/fr/acheter-credit" class="btn btn-primary">
Recharger ma SIM
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card">
<img class="card-img-top" src="/web/20220323135513im_/https://maoremobile.yt/img/transfert-card.svg" alt="Chez Maoré Mobile, vous pouvez à tout moment envoyer ou recevoir du crédit de la part de vos proches.
">
<div class="card-body">
<h5 class="card-title">Échangez vous du crédit simplement et rapidement !*</h5>
<p class="card-text">Chez Maoré Mobile, vous pouvez à tout moment envoyer ou recevoir du crédit de la part de vos proches.
<br/><small>*fonction disponible entre utilisateurs Maoré Mobile</small></p>
<a href="/web/20220323135513/https://maoremobile.yt/fr/transfert-credit" class="btn btn-primary">
Transférer du crédit
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card">
<img class="card-img-top" src="/web/20220323135513im_/https://maoremobile.yt/img/rappellemoi-card.svg" alt="“Rappelle-Moi” envoie gratuitement un SMS à votre correspondant lui demandant de vous rappeler.
">
<div class="card-body">
<h5 class="card-title">Plus de crédit ? Utilisez la fonction « Rappelle-moi »*</h5>
<p class="card-text">“Rappelle-Moi” envoie gratuitement un SMS à votre correspondant lui demandant de vous rappeler.
<br/><small>*fonction disponible entre utilisateurs Maoré Mobile</small></p>
<a href="/web/20220323135513/https://maoremobile.yt/fr/rappelle-moi" class="btn btn-primary">
En savoir plus
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="card">
<img class="card-img-top" src="/web/20220323135513im_/https://maoremobile.yt/img/noengage-card.svg" alt="Vous partez quand bon vous semble. Si vous changez d'avis, aucun problème car vos crédits sont valables à vie ;-)
">
<div class="card-body">
<h5 class="card-title">Sans engagement</h5>
<p class="card-text">Vous partez quand bon vous semble. Si vous changez d&#039;avis, aucun problème car vos crédits sont valables à vie ;-)
</p>
<a href="/web/20220323135513/https://maoremobile.yt/fr/commande-sim" class="btn btn-primary">
Commander une SIM
</a>
</div>
</div>
</div>
</div>
</div>
<div id="bloc4" class="container-fluid">
<div class="row" width="100%">
<div class="col-lg-5 col-md-12">
<h3 class="text-white">Chez Maoré Mobile, on aime Mayotte et nous souhaitons la protéger !</h3>
<p class="text-white" style="padding-top: 15px; line-height:29px">Nous avons décidé de ne pas produire de carte de recharge pour limiter notre empreinte sur lenvironnement. Pas de carte de recharge, pas de déchets, tout passe par votre numéro ! On aime notre île belle et propre :)</p>
<a href="/web/20220323135513/https://maoremobile.yt/fr/commande-sim" class="btn btn-primary">
Acheter une SIM
</a>
</div>
<div class="col-lg-7 col-md-12 right">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/welovemayotte.svg">
</div>
</div>
</div>
</div>
<footer class="container-fluid">
<nav class="row">
<div class="col-xl-2 offset-xl-1 col-lg-6 col-md-12">
<a class="navbar-brand" href="/web/20220323135513/https://maoremobile.yt/fr/">
<img src="/web/20220323135513im_/https://maoremobile.yt/img/logo.svg" height="50" class="d-inline-block align-top" alt="">
</a>
</div>
<div class="col-xl-2 col-lg-6 col-md-12">
Nous contacter
<br>
<img alt="tel" src="/web/20220323135513im_/https://maoremobile.yt/img/phone.svg"> 06 39 900 900
<br>
<span class="grey_text">Du Lun au Ven 9h à 18h</span>
</div>
<div class="col-xl-2 col-lg-6 col-md-12">
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/commande-sim">Acheter une SIM</a>
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/acheter-credit">Acheter du crédit</a>
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/tarifs">Tarifs</a>
</div>
<div class="col-xl-2 col-lg-6 col-md-12">
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/resellers">Doukas Revendeurs </a>
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/aide">Aide</a>
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/register-sim">Enregistrer ma SIM</a>
</div>
<div class="col-xl-2 col-lg-6 col-md-12">
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/transfert-credit">Transférer du crédit</a>
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/rappelle-moi">Rappelle-moi</a>
<a class="nav-link p-0" href="/web/20220323135513/https://maoremobile.yt/fr/cgv">CGV </a>
</div>
</nav>
<hr style="margin-top: 40px;">
<p class="text-center grey_text">
© MaoréMobile 2019 - Maore Mobile SAS - 751 314 717 RCS MAMOUDZOU<br/>
Tel : +262 (0) 6 39 900 900
</p>
</footer>
<script async src="https://web.archive.org/web/20220323135513js_/https://www.googletagmanager.com/gtag/js?id=UA-126184691-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-126184691-1');
</script>
<script src="https://web.archive.org/web/20220323135513js_/https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="" crossorigin="anonymous"></script>
<script src="/web/20220323135513js_/https://maoremobile.yt/assets/js/bootstrap.bundle.min.js"></script>
<script src="/web/20220323135513js_/https://maoremobile.yt/assets/js/utils.js"></script>
<script src="/web/20220323135513js_/https://maoremobile.yt/assets/js/maore.js"></script>
</body>
</html>
<!--
FILE ARCHIVED ON 13:55:13 Mar 23, 2022 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 11:48:28 Oct 11, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
captures_list: 0.778
exclusion.robots: 0.038
exclusion.robots.policy: 0.021
esindex: 0.016
cdx.remote: 199.019
LoadShardBlock: 859.591 (3)
PetaboxLoader3.datanode: 799.799 (4)
PetaboxLoader3.resolve: 498.09 (2)
load_resource: 639.496
-->
View File
View File
View File
View File
View File
+141
View File
@@ -0,0 +1,141 @@
# Maore Mobile Website Analysis
*Archived from March 23, 2022*
## Site Structure
### Navigation Menu
- **Acheter une SIM** - /fr/commande-sim
- **Acheter du crédit** - /fr/acheter-credit
- **Tarifs** - /fr/tarifs
- **Offres et Forfaits** - /fr/nos-offres
- **Doukas Revendeurs** - /fr/resellers
- **4G** - /fr/4g
- **Aide** - /fr/aide
- **Enregistrer ma SIM** - /fr/register-sim
- **Mon espace** - /fr/account
### Footer Links
- Contact: 06 39 900 900 (Lun-Ven 9h-18h)
- Transférer du crédit - /fr/transfert-credit
- Rappelle-moi - /fr/rappelle-moi
- CGV - /fr/cgv
## Design & Colors
### Primary Colors
- **Green**: #28a745 (buttons, highlights)
- **Blue**: #007bff (primary actions)
- **White**: #ffffff (background)
- **Grey**: #6c757d (secondary text)
### Typography
- **Font**: Varela Round (Google Fonts)
- **Headings**: Bold, large font sizes
- **Body**: Clean, readable sans-serif
### Layout Sections
#### Bloc 1 - Hero Section
- Main image: home.png (65% width)
- Two main CTAs: "Offres et Forfaits" and "Acheter une SIM"
#### Bloc 2 - Key Features (Icons)
1. Transfert de crédit simplifié
2. Tarif unique vers Mayotte et 50+ destinations
3. 5€ de crédit inclus
4. Sans engagement
5. Crédit sans limite de validité
#### Bloc 3 - Advantage Cards
1. **Recharges à partir de 1€** - Flexible top-ups
2. **Échangez vous du crédit simplement** - Credit transfer between users
3. **Rappelle-moi** - Free callback service
4. **Sans engagement** - No contract, credits valid for life
#### Bloc 4 - Environmental Message
- "Chez Maoré Mobile, on aime Mayotte et nous souhaitons la protéger !"
- No physical recharge cards to reduce environmental impact
- Focus on digital-only solution
## Key Features
### Services
- Mobile operator in Mayotte
- SIM card sales
- Credit top-ups (from 1€)
- Credit transfers between users
- "Rappelle-moi" callback service
- 4G network coverage
### Business Model
- No commitment contracts
- Credit valid for life
- Digital-only (no physical cards)
- Focus on Mayotte region
- Local customer support
## Technical Stack
### Frontend
- Bootstrap 4 (CSS framework)
- jQuery 3.3.1
- Custom CSS (maore.css)
- Custom JavaScript (utils.js, maore.js)
### Analytics
- Google Analytics (UA-126184691-1)
## Company Information
- **Name**: Maore Mobile SAS
- **RCS**: 751 314 717 RCS MAMOUDZOU
- **Phone**: +262 (0) 6 39 900 900
- **Customer Service**: 06 39 900 900 (Mon-Fri 9am-6pm)
- **Year**: 2019
## Content Sections
### Environmental Commitment
Strong emphasis on protecting Mayotte's environment through:
- No physical recharge cards
- Digital-only operations
- Zero waste approach
### Customer Benefits
- Simple credit transfers
- Competitive rates to Mayotte and 50+ destinations
- Lifetime credit validity
- No contracts
- Starting credit included (5€)
## Downloaded Files Structure
```
website_dump/
├── pages/
│ ├── homepage.html
│ ├── nos-offres.html
│ ├── tarifs.html
│ ├── commande-sim.html
│ ├── acheter-credit.html
│ ├── resellers.html
│ ├── 4g.html
│ └── aide.html
├── styles/
│ ├── maore.css
│ └── bootstrap.min.css
├── assets/
│ └── img/
│ ├── logo.svg
│ ├── home.png
│ ├── icon-transfert.svg
│ ├── icon-tarif-mayotte.svg
│ ├── icon-credit.svg
│ ├── icon-no-engage.svg
│ ├── icon-no-limit.svg
│ ├── welovemayotte.svg
│ ├── recharge-card.svg
│ ├── transfert-card.svg
│ ├── rappellemoi-card.svg
│ ├── noengage-card.svg
│ └── phone.svg
└── website_analysis.md
```