Remove green text on header
This commit is contained in:
Kevin Bataille
@@ -11,10 +11,10 @@
|
|||||||
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/commande-sim"><span class="green_txt">{{ i18n "buySim" }}</span></a>
|
<a class="nav-link" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/commande-sim"><span class="">{{ i18n "buySim" }}</span></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/acheter-credit"><span class="green_txt">{{ i18n "buyCredit" }}</span></a>
|
<a class="nav-link" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/acheter-credit"><span class="">{{ i18n "buyCredit" }}</span></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/tarifs">{{ i18n "rates" }}</a>
|
<a class="nav-link" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}/tarifs">{{ i18n "rates" }}</a>
|
||||||
|
|||||||
@@ -1,244 +1,147 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Maore Mobile - Categories</title>
|
<title>Maore Mobile - Mobile Operator in Mayotte - Categories</title>
|
||||||
<meta name="description" content="Services mobiles à Mayotte">
|
<meta name="description" content="Opérateur mobile à Mayotte - Transfert de crédit, recharge, 4G">
|
||||||
<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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/bootstrap.min.css">
|
||||||
max-width: 1200px;
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/maore.css">
|
||||||
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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/fonts/varela-round.css">
|
||||||
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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<nav class="navbar navbar-expand-xl navbar-light">
|
||||||
<div class="header-content">
|
<div class="container-fluid">
|
||||||
<div class="logo">Maore Mobile</div>
|
<a class="navbar-brand" href="http://localhost:1313/en/">
|
||||||
<nav>
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
<ul>
|
</a>
|
||||||
<li><a href="http://localhost:1313/en/">Accueil</a></li>
|
<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;">
|
||||||
<li><a href="#services">Services</a></li>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li><a href="#contact">Contact</a></li>
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/commande-sim"><span class="green_txt">Buy SIM</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/acheter-credit"><span class="green_txt">Buy Credit</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/tarifs">Rates</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/nos-offres">Offers & Plans</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/resellers">Resellers</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/4g">4G</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/aide">Help</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-primary" href="http://localhost:1313/en/register-sim" type="button">
|
||||||
|
Register SIM
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-light" href="http://localhost:1313/en/account" type="button">
|
||||||
|
My Account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/categories/">Français</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</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>
|
</header>
|
||||||
|
|
||||||
<main>
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="hero">
|
<div id="content">
|
||||||
<h1>Categories</h1>
|
|
||||||
<p>Services mobiles à Mayotte</p>
|
|
||||||
|
|
||||||
|
<div id="bloc1" class="container-fluid">
|
||||||
|
<div class="row" align="center" width="100%">
|
||||||
|
<div class="col-md-12 col-sm-12">
|
||||||
|
<h1 class="text-center">Categories</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid" style="padding: 3rem 0;">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-10 col-md-12">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
<footer class="container-fluid">
|
||||||
<div class="container">
|
<nav class="row">
|
||||||
<p>© 2025 Maore Mobile. All rights reserved</p>
|
<div class="col-xl-2 offset-xl-1 col-lg-6 col-md-12">
|
||||||
|
<a class="navbar-brand" href="http://localhost:1313/en/">
|
||||||
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
Contact Us
|
||||||
|
<br>
|
||||||
|
<img alt="tel" src="http://localhost:1313/img/phone.svg"> 06 39 900 900
|
||||||
|
<br>
|
||||||
|
<span class="grey_text">Mon-Fri 9am-6pm</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/commande-sim">Buy SIM</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/acheter-credit">Buy Credit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/tarifs">Rates</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/resellers">Resellers</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/aide">Help</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/register-sim">Register SIM</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/transfert-credit">Transfer Credit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/rappelle-moi">Call Me Back</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/cgv">Terms</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/>
|
||||||
|
Phone : +262 (0) 6 39 900 900
|
||||||
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://localhost:1313/js/jquery-3.3.1.slim.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/utils.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/maore.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>Categories on Maore Mobile</title>
|
<title>Categories on Maore Mobile - Mobile Operator in Mayotte</title>
|
||||||
<link>http://localhost:1313/en/categories/</link>
|
<link>http://localhost:1313/en/categories/</link>
|
||||||
<description>Recent content in Categories on Maore Mobile</description>
|
<description>Recent content in Categories on Maore Mobile - Mobile Operator in Mayotte</description>
|
||||||
<generator>Hugo</generator>
|
<generator>Hugo</generator>
|
||||||
<language>en</language>
|
<language>en</language>
|
||||||
<atom:link href="http://localhost:1313/en/categories/index.xml" rel="self" type="application/rss+xml" />
|
<atom:link href="http://localhost:1313/en/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|||||||
@@ -2,244 +2,247 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta name="generator" content="Hugo 0.151.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
<meta name="generator" content="Hugo 0.151.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Maore Mobile - Maore Mobile</title>
|
<title>Maore Mobile - Mobile Operator in Mayotte - Maore Mobile - Mobile Operator in Mayotte</title>
|
||||||
<meta name="description" content="Services mobiles à Mayotte">
|
<meta name="description" content="Opérateur mobile à Mayotte - Transfert de crédit, recharge, 4G">
|
||||||
<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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/bootstrap.min.css">
|
||||||
max-width: 1200px;
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/maore.css">
|
||||||
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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/fonts/varela-round.css">
|
||||||
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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<nav class="navbar navbar-expand-xl navbar-light">
|
||||||
<div class="header-content">
|
<div class="container-fluid">
|
||||||
<div class="logo">Maore Mobile</div>
|
<a class="navbar-brand" href="http://localhost:1313/en/">
|
||||||
<nav>
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
<ul>
|
</a>
|
||||||
<li><a href="http://localhost:1313/en/">Accueil</a></li>
|
<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;">
|
||||||
<li><a href="#services">Services</a></li>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li><a href="#contact">Contact</a></li>
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/commande-sim"><span class="green_txt">Buy SIM</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/acheter-credit"><span class="green_txt">Buy Credit</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/tarifs">Rates</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/nos-offres">Offers & Plans</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/resellers">Resellers</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/4g">4G</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/aide">Help</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-primary" href="http://localhost:1313/en/register-sim" type="button">
|
||||||
|
Register SIM
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-light" href="http://localhost:1313/en/account" type="button">
|
||||||
|
My Account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/">Français</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</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>
|
</header>
|
||||||
|
|
||||||
<main>
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="hero">
|
<div id="content">
|
||||||
<h1>Maore Mobile</h1>
|
|
||||||
<p>Services mobiles à Mayotte</p>
|
|
||||||
|
<div id="bloc1" class="container-fluid">
|
||||||
|
<div class="row" align="center" width="100%">
|
||||||
|
<div class="col-md-12 col-sm-12">
|
||||||
|
<div class="row" align="center">
|
||||||
|
<div class="col-12" align="center">
|
||||||
|
<img src="http://localhost:1313/img/home.png" style="width:65%;" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row" style="padding-top:10px;" align="center">
|
||||||
|
<div class="col-6" align="center">
|
||||||
|
<a href="http://localhost:1313/en/nos-offres" class="btn btn-primary">
|
||||||
|
Offers & Plans
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-6" align="center">
|
||||||
|
<a href="http://localhost:1313/en/commande-sim" class="btn btn-primary">
|
||||||
|
Buy SIM
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</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="http://localhost:1313/img/icon-transfert.svg" alt="Credit Transfer">
|
||||||
|
<span>Simple Credit Transfer</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-tarif-mayotte.svg" alt="Unique Rates">
|
||||||
|
<span>Unique rates to Mayotte and 50+ destinations</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-credit.svg" alt="Included Credit">
|
||||||
|
<span>5€ credit included</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-no-engage.svg" alt="No Commitment">
|
||||||
|
<span>No commitment</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-no-limit.svg" alt="Unlimited Validity">
|
||||||
|
<span>Credit with unlimited validity</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="bloc3" class="container-fluid">
|
||||||
|
<h2 class="text-center">
|
||||||
|
Dedicated advantages for your needs
|
||||||
|
</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="http://localhost:1313/img/recharge-card.svg" alt="Maoré Mobile adapts to your needs and allows you to top up your credit from 1€ !">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Top-ups from 1€</h5>
|
||||||
|
<p class="card-text">Maoré Mobile adapts to your needs and allows you to top up your credit from 1€ !</p>
|
||||||
|
<a href="http://localhost:1313/en/acheter-credit" class="btn btn-primary">
|
||||||
|
Top-up my 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="http://localhost:1313/img/transfert-card.svg" alt="With Maoré Mobile, you can at any time send or receive credit from your loved ones.">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Exchange credit simply and quickly !**</h5>
|
||||||
|
<p class="card-text">With Maoré Mobile, you can at any time send or receive credit from your loved ones.<br/><small>*function available between Maoré Mobile users</small></p>
|
||||||
|
<a href="http://localhost:1313/en/transfert-credit" class="btn btn-primary">
|
||||||
|
Transfer Credit
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
||||||
|
<div class="card">
|
||||||
|
<img class="card-img-top" src="http://localhost:1313/img/rappellemoi-card.svg" alt=""Call Me Back" sends a free SMS to your correspondent asking them to call you back.">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">No more credit? Use the "Call Me Back" function**</h5>
|
||||||
|
<p class="card-text">"Call Me Back" sends a free SMS to your correspondent asking them to call you back.<br/><small>*function available between Maoré Mobile users</small></p>
|
||||||
|
<a href="http://localhost:1313/en/rappelle-moi" class="btn btn-primary">
|
||||||
|
Learn More
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
||||||
|
<div class="card">
|
||||||
|
<img class="card-img-top" src="http://localhost:1313/img/noengage-card.svg" alt="You leave when you want. If you change your mind, no problem because your credits are valid for life ;-)">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">No Commitment</h5>
|
||||||
|
<p class="card-text">You leave when you want. If you change your mind, no problem because your credits are valid for life ;-)</p>
|
||||||
|
<a href="http://localhost:1313/en/commande-sim" class="btn btn-primary">
|
||||||
|
Order 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">At Maoré Mobile, we love Mayotte and we want to protect it!</h3>
|
||||||
|
<p class="text-white" style="padding-top: 15px; line-height:29px">We decided not to produce recharge cards to limit our environmental impact. No recharge cards, no waste, everything goes through your number! We love our island beautiful and clean :)</p>
|
||||||
|
<a href="http://localhost:1313/en/commande-sim" class="btn btn-primary">
|
||||||
|
Buy SIM
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7 col-md-12 right">
|
||||||
|
<img src="http://localhost:1313/img/welovemayotte.svg" alt="We love Mayotte">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
<footer class="container-fluid">
|
||||||
<div class="container">
|
<nav class="row">
|
||||||
<p>© 2025 Maore Mobile. All rights reserved</p>
|
<div class="col-xl-2 offset-xl-1 col-lg-6 col-md-12">
|
||||||
|
<a class="navbar-brand" href="http://localhost:1313/en/">
|
||||||
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
Contact Us
|
||||||
|
<br>
|
||||||
|
<img alt="tel" src="http://localhost:1313/img/phone.svg"> 06 39 900 900
|
||||||
|
<br>
|
||||||
|
<span class="grey_text">Mon-Fri 9am-6pm</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/commande-sim">Buy SIM</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/acheter-credit">Buy Credit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/tarifs">Rates</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/resellers">Resellers</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/aide">Help</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/register-sim">Register SIM</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/transfert-credit">Transfer Credit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/rappelle-moi">Call Me Back</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/cgv">Terms</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/>
|
||||||
|
Phone : +262 (0) 6 39 900 900
|
||||||
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://localhost:1313/js/jquery-3.3.1.slim.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/utils.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/maore.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>Maore Mobile</title>
|
<title>Maore Mobile - Mobile Operator in Mayotte</title>
|
||||||
<link>http://localhost:1313/en/</link>
|
<link>http://localhost:1313/en/</link>
|
||||||
<description>Recent content on Maore Mobile</description>
|
<description>Recent content on Maore Mobile - Mobile Operator in Mayotte</description>
|
||||||
<generator>Hugo</generator>
|
<generator>Hugo</generator>
|
||||||
<language>en</language>
|
<language>en</language>
|
||||||
<atom:link href="http://localhost:1313/en/index.xml" rel="self" type="application/rss+xml" />
|
<atom:link href="http://localhost:1313/en/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="fr"
|
hreflang="fr"
|
||||||
href="http://localhost:1313/fr/categories/"
|
href="http://localhost:1313/categories/"
|
||||||
/>
|
/>
|
||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
@@ -18,7 +18,7 @@
|
|||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="fr"
|
hreflang="fr"
|
||||||
href="http://localhost:1313/fr/"
|
href="http://localhost:1313/"
|
||||||
/>
|
/>
|
||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="fr"
|
hreflang="fr"
|
||||||
href="http://localhost:1313/fr/tags/"
|
href="http://localhost:1313/tags/"
|
||||||
/>
|
/>
|
||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
|
|||||||
@@ -1,244 +1,147 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Maore Mobile - Tags</title>
|
<title>Maore Mobile - Mobile Operator in Mayotte - Tags</title>
|
||||||
<meta name="description" content="Services mobiles à Mayotte">
|
<meta name="description" content="Opérateur mobile à Mayotte - Transfert de crédit, recharge, 4G">
|
||||||
<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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/bootstrap.min.css">
|
||||||
max-width: 1200px;
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/maore.css">
|
||||||
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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/fonts/varela-round.css">
|
||||||
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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<nav class="navbar navbar-expand-xl navbar-light">
|
||||||
<div class="header-content">
|
<div class="container-fluid">
|
||||||
<div class="logo">Maore Mobile</div>
|
<a class="navbar-brand" href="http://localhost:1313/en/">
|
||||||
<nav>
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
<ul>
|
</a>
|
||||||
<li><a href="http://localhost:1313/en/">Accueil</a></li>
|
<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;">
|
||||||
<li><a href="#services">Services</a></li>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li><a href="#contact">Contact</a></li>
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/commande-sim"><span class="green_txt">Buy SIM</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/acheter-credit"><span class="green_txt">Buy Credit</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/tarifs">Rates</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/nos-offres">Offers & Plans</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/resellers">Resellers</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/4g">4G</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/aide">Help</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-primary" href="http://localhost:1313/en/register-sim" type="button">
|
||||||
|
Register SIM
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-light" href="http://localhost:1313/en/account" type="button">
|
||||||
|
My Account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/tags/">Français</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</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>
|
</header>
|
||||||
|
|
||||||
<main>
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="hero">
|
<div id="content">
|
||||||
<h1>Tags</h1>
|
|
||||||
<p>Services mobiles à Mayotte</p>
|
|
||||||
|
|
||||||
|
<div id="bloc1" class="container-fluid">
|
||||||
|
<div class="row" align="center" width="100%">
|
||||||
|
<div class="col-md-12 col-sm-12">
|
||||||
|
<h1 class="text-center">Tags</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid" style="padding: 3rem 0;">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-10 col-md-12">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
<footer class="container-fluid">
|
||||||
<div class="container">
|
<nav class="row">
|
||||||
<p>© 2025 Maore Mobile. All rights reserved</p>
|
<div class="col-xl-2 offset-xl-1 col-lg-6 col-md-12">
|
||||||
|
<a class="navbar-brand" href="http://localhost:1313/en/">
|
||||||
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Mobile Operator in Mayotte">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
Contact Us
|
||||||
|
<br>
|
||||||
|
<img alt="tel" src="http://localhost:1313/img/phone.svg"> 06 39 900 900
|
||||||
|
<br>
|
||||||
|
<span class="grey_text">Mon-Fri 9am-6pm</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/commande-sim">Buy SIM</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/acheter-credit">Buy Credit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/tarifs">Rates</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/resellers">Resellers</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/aide">Help</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/register-sim">Register SIM</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/transfert-credit">Transfer Credit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/rappelle-moi">Call Me Back</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/en/cgv">Terms</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/>
|
||||||
|
Phone : +262 (0) 6 39 900 900
|
||||||
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://localhost:1313/js/jquery-3.3.1.slim.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/utils.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/maore.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>Tags on Maore Mobile</title>
|
<title>Tags on Maore Mobile - Mobile Operator in Mayotte</title>
|
||||||
<link>http://localhost:1313/en/tags/</link>
|
<link>http://localhost:1313/en/tags/</link>
|
||||||
<description>Recent content in Tags on Maore Mobile</description>
|
<description>Recent content in Tags on Maore Mobile - Mobile Operator in Mayotte</description>
|
||||||
<generator>Hugo</generator>
|
<generator>Hugo</generator>
|
||||||
<language>en</language>
|
<language>en</language>
|
||||||
<atom:link href="http://localhost:1313/en/tags/index.xml" rel="self" type="application/rss+xml" />
|
<atom:link href="http://localhost:1313/en/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|||||||
@@ -1,244 +1,146 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1314&path=livereload" data-no-instant defer></script>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Maore Mobile - Categories</title>
|
<title>Maore Mobile - Opérateur mobile à Mayotte - Categories</title>
|
||||||
<meta name="description" content="Services mobiles à Mayotte">
|
<meta name="description" content="Opérateur mobile à Mayotte - Transfert de crédit, recharge, 4G">
|
||||||
<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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1314/css/bootstrap.min.css">
|
||||||
max-width: 1200px;
|
<link rel="stylesheet" type="text/css" href="http://localhost:1314/css/maore.css">
|
||||||
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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1314/fonts/varela-round.css">
|
||||||
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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-xl navbar-light">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="header-content">
|
<a class="navbar-brand" href="http://localhost:1314/fr/">
|
||||||
<div class="logo">Maore Mobile</div>
|
<img src="http://localhost:1314/img/logo.svg" height="75" class="d-inline-block align-top" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
<nav>
|
</a>
|
||||||
<ul>
|
<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;">
|
||||||
<li><a href="http://localhost:1313/fr/">Accueil</a></li>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li><a href="#services">Services</a></li>
|
</button>
|
||||||
<li><a href="#contact">Contact</a></li>
|
|
||||||
|
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/commande-sim"><span class="green_txt">Acheter une SIM</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/acheter-credit"><span class="green_txt">Acheter du crédit</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/tarifs">Tarifs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/nos-offres">Offres et Forfaits</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/resellers">Doukas Revendeurs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/4g">4G</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/aide">Aide</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-primary" href="http://localhost:1314/fr/register-sim" type="button">
|
||||||
|
Enregistrer ma SIM
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-light" href="http://localhost:1314/fr/account" type="button">
|
||||||
|
Mon espace
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/en/categories/">English</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</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>
|
</header>
|
||||||
|
|
||||||
<main>
|
<div id="content">
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="hero">
|
|
||||||
<h1>Categories</h1>
|
|
||||||
<p>Services mobiles à Mayotte</p>
|
<div id="bloc1" class="container-fluid">
|
||||||
|
<div class="row" align="center" width="100%">
|
||||||
|
<div class="col-md-12 col-sm-12">
|
||||||
|
<h1 class="text-center">Categories</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid" style="padding: 3rem 0;">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-10 col-md-12">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
<footer class="container-fluid">
|
||||||
<div class="container">
|
<nav class="row">
|
||||||
<p>© 2025 Maore Mobile. Tous droits réservés</p>
|
<div class="col-xl-2 offset-xl-1 col-lg-6 col-md-12">
|
||||||
|
<a class="navbar-brand" href="http://localhost:1314/fr/">
|
||||||
|
<img src="http://localhost:1314/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
Nous contacter
|
||||||
|
<br>
|
||||||
|
<img alt="tel" src="http://localhost:1314/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="http://localhost:1314/fr/commande-sim">Acheter une SIM</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/acheter-credit">Acheter du crédit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/tarifs">Tarifs</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/resellers">Doukas Revendeurs</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/aide">Aide</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/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="http://localhost:1314/fr/transfert-credit">Transférer du crédit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/rappelle-moi">Rappelle-moi</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/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/>
|
||||||
|
Téléphone : +262 (0) 6 39 900 900
|
||||||
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://localhost:1314/js/jquery-3.3.1.slim.min.js"></script>
|
||||||
|
<script src="http://localhost:1314/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="http://localhost:1314/js/utils.js"></script>
|
||||||
|
<script src="http://localhost:1314/js/maore.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,11 +1,11 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>Categories on Maore Mobile</title>
|
<title>Categories on Maore Mobile - Opérateur mobile à Mayotte</title>
|
||||||
<link>http://localhost:1313/fr/categories/</link>
|
<link>http://localhost:1314/fr/categories/</link>
|
||||||
<description>Recent content in Categories on Maore Mobile</description>
|
<description>Recent content in Categories on Maore Mobile - Opérateur mobile à Mayotte</description>
|
||||||
<generator>Hugo</generator>
|
<generator>Hugo</generator>
|
||||||
<language>fr</language>
|
<language>fr</language>
|
||||||
<atom:link href="http://localhost:1313/fr/categories/index.xml" rel="self" type="application/rss+xml" />
|
<atom:link href="http://localhost:1314/fr/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||||
</channel>
|
</channel>
|
||||||
</rss>
|
</rss>
|
||||||
|
|||||||
@@ -1,245 +1,9 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta name="generator" content="Hugo 0.151.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
<title>http://localhost:1313/</title>
|
||||||
<meta charset="UTF-8">
|
<link rel="canonical" href="http://localhost:1313/">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta charset="utf-8">
|
||||||
<title>Maore Mobile - Maore Mobile</title>
|
<meta http-equiv="refresh" content="0; url=http://localhost:1313/">
|
||||||
<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>
|
</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>© 2025 Maore Mobile. Tous droits réservés</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,12 +1,47 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>Maore Mobile</title>
|
<title>Maore Mobile - Opérateur mobile à Mayotte</title>
|
||||||
<link>http://localhost:1313/fr/</link>
|
<link>http://localhost:1313/fr/</link>
|
||||||
<description>Recent content on Maore Mobile</description>
|
<description>Recent content on Maore Mobile - Opérateur mobile à Mayotte</description>
|
||||||
<generator>Hugo</generator>
|
<generator>Hugo</generator>
|
||||||
<language>fr</language>
|
<language>fr</language>
|
||||||
<lastBuildDate></lastBuildDate>
|
<lastBuildDate>Fri, 11 Oct 2024 15:00:00 +0000</lastBuildDate>
|
||||||
<atom:link href="http://localhost:1313/fr/index.xml" rel="self" type="application/rss+xml" />
|
<atom:link href="http://localhost:1313/fr/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
<item>
|
||||||
|
<title>Tarifs</title>
|
||||||
|
<link>http://localhost:1313/fr/tarifs/</link>
|
||||||
|
<pubDate>Fri, 11 Oct 2024 15:00:00 +0000</pubDate>
|
||||||
|
<guid>http://localhost:1313/fr/tarifs/</guid>
|
||||||
|
<description></description>
|
||||||
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>Acheter du crédit</title>
|
||||||
|
<link>http://localhost:1313/fr/acheter-credit-simple/</link>
|
||||||
|
<pubDate>Fri, 11 Oct 2024 14:20:00 +0000</pubDate>
|
||||||
|
<guid>http://localhost:1313/fr/acheter-credit-simple/</guid>
|
||||||
|
<description>{{ partial "main-content-section" (dict 
 "title" "Rechargez votre crédit facilement" 
 "description" "Maoré Mobile s'adapte à vos besoins et vous permet de recharger votre crédit à partir de 1€ !" 
 "benefits" (slice 
 (dict "title" "À partir de 1€" "description" "Recharges à partir de 1€") 
 (dict "title" "Illimité" "description" "Crédit sans limite de validité") 
 (dict "title" "Sans engagement" "description" "Pas d'engagement de durée")
 )
 "steps" (slice 
 (dict "title" "Acheter du crédit" "description" "Choisissez le montant que vous souhaitez ajouter") 
 (dict "title" "Valider le paiement" "description" "Effectuez le paiement en toute sécurité") 
 (dict "title" "Crédit immédiat" "description" "Votre crédit est immédiatement disponible")
 )
 "stepsTitle" "Comment recharger votre crédit ?"
 "resellerSection" true
 "resellerText" "Où acheter du crédit ?"
 "resellerDescription" "Vous pouvez recharger votre crédit Maore Mobile dans l'un de nos points de vente situés à Mayotte. Rendez-vous sur la page des Doukas Revendeurs pour trouver le point de vente le plus proche de chez vous."
 "actionText" "Trouver un revendeur"
 "actionLink" "/fr/resellers"
 "contactInfo" (slice 
 (dict "title" "Service client" "icon" "/img/phone.svg" "alt" "Téléphone" "content" "06 39 900 900" "hours" "Du Lun au Ven 9h à 18h") 
 (dict "title" "Autres contacts" "content" "Email: contact@maoremobile.yt<br>Site web: www.maoremobile.yt")
 )
 "contactTitle" "Informations de contact"
)}}

<style>
.step-number {
 width: 60px;
 height: 60px;
 background-color: #34af4f;
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 font-weight: bold;
 margin: 0 auto 20px;
}

.card {
 border: none;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
}

.card-body {
 padding: 30px;
}

.card.h-100 {
 height: 100%;
}

.btn-primary {
 background-color: #34af4f;
 border-color: #34af4f;
}

.btn-primary:hover {
 background-color: #2a8e3f;
 border-color: #2a8e3f;
}

.text-center {
 text-align: center;
}

.hero {
 text-align: center;
}
</style></description>
|
||||||
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>Acheter du crédit</title>
|
||||||
|
<link>http://localhost:1313/fr/acheter-credit/</link>
|
||||||
|
<pubDate>Fri, 11 Oct 2024 14:20:00 +0000</pubDate>
|
||||||
|
<guid>http://localhost:1313/fr/acheter-credit/</guid>
|
||||||
|
<description><div class="container">
 <div class="row">

 <div class="col-12 text-center">
 <h1 class="mb-4">Acheter du crédit pour votre forfait Maore Mobile</h1>
 </div>

 <div class="col-12">
 <div class="card mb-4">
 <div class="card-body">
 <h2 class="card-title">Rechargez votre crédit facilement</h2>
 <p>Maoré Mobile s'adapte à vos besoins et vous permet de recharger votre crédit à partir de 1€ !</p>
		 
 <div class="row mt-4">
 <div class="col-md-4">
 <div class="card h-100">
 <div class="card-body text-center">
 <h4>À partir de 1€</h4>
 <p>Recharges à partir de 1€</p>
 </div>
 </div>
 </div>
 <div class="col-md-4">
 <div class="card h-100">
 <div class="card-body text-center">
 <h4>Illimité</h4>
 <p>Crédit sans limite de validité</p>
 </div>
 </div>
 </div>
 <div class="col-md-4">
 <div class="card h-100">
 <div class="card-body text-center">
 <h4>Sans engagement</h4>
 <p>Pas d'engagement de durée</p>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>

 <div class="card mb-4">
 <div class="card-body">
 <h2 class="card-title">Comment recharger votre crédit ?</h2>
 <div class="row">
 <div class="col-md-4 text-center mb-3">
 <div class="step-number">1</div>
 <h5>Acheter du crédit</h5>
 <p>Choisissez le montant que vous souhaitez ajouter</p></description>
|
||||||
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>Commander une SIM</title>
|
||||||
|
<link>http://localhost:1313/fr/commande-sim-simple/</link>
|
||||||
|
<pubDate>Fri, 11 Oct 2024 14:20:00 +0000</pubDate>
|
||||||
|
<guid>http://localhost:1313/fr/commande-sim-simple/</guid>
|
||||||
|
<description><div class="alert alert-warning" role="alert">
 <h4 class="alert-heading">Commande de SIM indisponible</h4>
 <p>La commande de nouvelles cartes SIM n'est plus disponible actuellement. Nous vous invitons à vous rendre dans l'un de nos points de vente pour obtenir une carte SIM Maore Mobile.</p>
</div>

{{ partial "main-content-section" (dict 
 "title" "Pourquoi choisir Maore Mobile ?" 
 "benefits" (slice 
 (dict "title" "Crédit inclus" "description" "5€ de crédit inclus") 
 (dict "title" "Sans engagement" "description" "Sans engagement") 
 (dict "title" "Validité illimitée" "description" "Crédit sans limite de validité")
 (dict "title" "Transfert simplifié" "description" "Envoyez et recevez du crédit facilement")
 (dict "title" "Tarif unique" "description" "Tarif unique vers Mayotte et plus de 50 destinations")
 (dict "title" "Support local" "description" "Service client basé à Mayotte")
 )
 "resellerSection" true
 "resellerText" "Où trouver nos cartes SIM ?"
 "resellerDescription" "Vous pouvez obtenir votre carte SIM Maore Mobile dans l'un de nos points de vente situés à Mayotte. Rendez-vous sur la page des Doukas Revendeurs pour trouver le point de vente le plus proche de chez vous."
 "actionText" "Trouver un revendeur"
 "actionLink" "/fr/resellers"
 "contactInfo" (slice 
 (dict "title" "Service client" "icon" "/img/phone.svg" "alt" "Téléphone" "content" "06 39 900 900" "hours" "Du Lun au Ven 9h à 18h") 
 (dict "title" "Autres contacts" "content" "Email: contact@maoremobile.yt<br>Site web: www.maoremobile.yt")
 )
 "contactTitle" "Informations de contact"
)}}

<style>
.step-number {
 width: 60px;
 height: 60px;
 background-color: #34af4f;
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 font-weight: bold;
 margin: 0 auto 20px;
}

.card {
 border: none;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
}

.card-body {
 padding: 30px;
}

.card.h-100 {
 height: 100%;
}

.btn-primary {
 background-color: #34af4f;
 border-color: #34af4f;
}

.btn-primary:hover {
 background-color: #2a8e3f;
 border-color: #2a8e3f;
}

.text-center {
 text-align: center;
}

.hero {
 text-align: center;
}

.alert {
 border: none;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 padding: 20px;
}
</style></description>
|
||||||
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>Commander une SIM</title>
|
||||||
|
<link>http://localhost:1313/fr/commande-sim/</link>
|
||||||
|
<pubDate>Fri, 11 Oct 2024 14:20:00 +0000</pubDate>
|
||||||
|
<guid>http://localhost:1313/fr/commande-sim/</guid>
|
||||||
|
<description><div class="container">
 <div class="row">
 <div class="col-12 text-center">
 <h1 class="mb-4">Commander votre SIM Maore Mobile</h1>

 <div class="alert alert-warning" role="alert">
 <h4 class="alert-heading">Commande de SIM indisponible</h4>
 <p>La commande de nouvelles cartes SIM n'est plus disponible actuellement. Nous vous invitons à vous rendre dans l'un de nos points de vente pour obtenir une carte SIM Maore Mobile.</p>
 </div>

 <div class="card mb-4">
 <div class="card-body">
 <h2 class="card-title">Pourquoi choisir Maore Mobile ?</h2>
 <div class="row">
 <div class="col-md-6">
 <ul class="list-unstyled">
 <li class="mb-2">
 <img src="http://localhost:1313/img/icon-credit.svg" alt="Crédit inclus" class="mr-2" style="width: 24px;">
 <strong>Crédit inclus:</strong> 5€ de crédit inclus
 </li>
 <li class="mb-2">
 <img src="http://localhost:1313/img/icon-no-engage.svg" alt="Sans engagement" class="mr-2" style="width: 24px;">
 <strong>Sans engagement:</strong> Sans engagement
 </li>
 <li class="mb-2">
 <img src="http://localhost:1313/img/icon-no-limit.svg" alt="Validité illimitée" class="mr-2" style="width: 24px;">
 <strong>Validité illimitée:</strong> Crédit sans limite de validité
 </li>
 </ul>
 </div>
 <div class="col-md-6">
 <ul class="list-unstyled">
 <li class="mb-2">
 <img src="http://localhost:1313/img/icon-transfert.svg" alt="Transfert" class="mr-2" style="width: 24px;">
 <strong>Transfert de crédit simplifié:</strong> Envoyez et recevez du crédit facilement
 </li>
 <li class="mb-2">
 <img src="http://localhost:1313/img/icon-tarif-mayotte.svg" alt="Tarifs" class="mr-2" style="width: 24px;">
 <strong>Tarif unique:</strong> Tarif unique vers Mayotte et plus de 50 destinations
 </li>
 <li class="mb-2">
 <img src="http://localhost:1313/img/phone.svg" alt="Support local" class="mr-2" style="width: 24px;">
 <strong>Support local:</strong> Service client basé à Mayotte
 </li>
 </ul>
 </div>
 </div>
 </div>
 </div>

 <div class="card">
 <div class="card-body">
 <h2 class="card-title">Où trouver nos cartes SIM ?</h2>
 <p>Vous pouvez obtenir votre carte SIM Maore Mobile dans l'un de nos points de vente situés à Mayotte. Rendez-vous sur la page des Doukas Revendeurs pour trouver le point de vente le plus proche de chez vous.</p></description>
|
||||||
|
</item>
|
||||||
</channel>
|
</channel>
|
||||||
</rss>
|
</rss>
|
||||||
|
|||||||
@@ -2,8 +2,35 @@
|
|||||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||||
<url>
|
<url>
|
||||||
<loc>http://localhost:1313/fr/</loc>
|
<loc>http://localhost:1313/en/</loc>
|
||||||
<lastmod>2025-10-11T13:32:00+00:00</lastmod>
|
<lastmod>2025-10-11T13:32:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/en/tarifs/</loc>
|
||||||
|
<lastmod>2024-10-11T15:00:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/fr/tarifs/</loc>
|
||||||
|
<lastmod>2024-10-11T15:00:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/fr/acheter-credit-simple/</loc>
|
||||||
|
<lastmod>2024-10-11T14:20:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/fr/acheter-credit/</loc>
|
||||||
|
<lastmod>2024-10-11T14:20:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/en/buy-credit/</loc>
|
||||||
|
<lastmod>2024-10-11T14:20:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/fr/commande-sim-simple/</loc>
|
||||||
|
<lastmod>2024-10-11T14:20:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/fr/commande-sim/</loc>
|
||||||
|
<lastmod>2024-10-11T14:20:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/en/commande-sim/</loc>
|
||||||
|
<lastmod>2024-10-11T14:20:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/</loc>
|
||||||
|
<lastmod>2024-10-11T13:32:00+00:00</lastmod>
|
||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="en"
|
hreflang="en"
|
||||||
@@ -12,10 +39,13 @@
|
|||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="fr"
|
hreflang="fr"
|
||||||
href="http://localhost:1313/fr/"
|
href="http://localhost:1313/"
|
||||||
/>
|
/>
|
||||||
</url><url>
|
</url><url>
|
||||||
<loc>http://localhost:1313/fr/categories/</loc>
|
<loc>http://localhost:1313/fr/</loc>
|
||||||
|
<lastmod>2024-10-11T13:32:00+00:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>http://localhost:1313/categories/</loc>
|
||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="en"
|
hreflang="en"
|
||||||
@@ -24,10 +54,10 @@
|
|||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="fr"
|
hreflang="fr"
|
||||||
href="http://localhost:1313/fr/categories/"
|
href="http://localhost:1313/categories/"
|
||||||
/>
|
/>
|
||||||
</url><url>
|
</url><url>
|
||||||
<loc>http://localhost:1313/fr/tags/</loc>
|
<loc>http://localhost:1313/tags/</loc>
|
||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="en"
|
hreflang="en"
|
||||||
@@ -36,7 +66,7 @@
|
|||||||
<xhtml:link
|
<xhtml:link
|
||||||
rel="alternate"
|
rel="alternate"
|
||||||
hreflang="fr"
|
hreflang="fr"
|
||||||
href="http://localhost:1313/fr/tags/"
|
href="http://localhost:1313/tags/"
|
||||||
/>
|
/>
|
||||||
</url>
|
</url>
|
||||||
</urlset>
|
</urlset>
|
||||||
|
|||||||
@@ -1,244 +1,146 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1314&path=livereload" data-no-instant defer></script>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Maore Mobile - Tags</title>
|
<title>Maore Mobile - Opérateur mobile à Mayotte - Tags</title>
|
||||||
<meta name="description" content="Services mobiles à Mayotte">
|
<meta name="description" content="Opérateur mobile à Mayotte - Transfert de crédit, recharge, 4G">
|
||||||
<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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1314/css/bootstrap.min.css">
|
||||||
max-width: 1200px;
|
<link rel="stylesheet" type="text/css" href="http://localhost:1314/css/maore.css">
|
||||||
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 {
|
<link rel="stylesheet" type="text/css" href="http://localhost:1314/fonts/varela-round.css">
|
||||||
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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-xl navbar-light">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="header-content">
|
<a class="navbar-brand" href="http://localhost:1314/fr/">
|
||||||
<div class="logo">Maore Mobile</div>
|
<img src="http://localhost:1314/img/logo.svg" height="75" class="d-inline-block align-top" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
<nav>
|
</a>
|
||||||
<ul>
|
<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;">
|
||||||
<li><a href="http://localhost:1313/fr/">Accueil</a></li>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li><a href="#services">Services</a></li>
|
</button>
|
||||||
<li><a href="#contact">Contact</a></li>
|
|
||||||
|
<div class="collapse navbar-collapse justify-content-end" id="navbarHeader">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/commande-sim"><span class="green_txt">Acheter une SIM</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/acheter-credit"><span class="green_txt">Acheter du crédit</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/tarifs">Tarifs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/nos-offres">Offres et Forfaits</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/resellers">Doukas Revendeurs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/4g">4G</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/fr/aide">Aide</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-primary" href="http://localhost:1314/fr/register-sim" type="button">
|
||||||
|
Enregistrer ma SIM
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-light" href="http://localhost:1314/fr/account" type="button">
|
||||||
|
Mon espace
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1314/en/tags/">English</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</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>
|
</header>
|
||||||
|
|
||||||
<main>
|
<div id="content">
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="hero">
|
|
||||||
<h1>Tags</h1>
|
|
||||||
<p>Services mobiles à Mayotte</p>
|
<div id="bloc1" class="container-fluid">
|
||||||
|
<div class="row" align="center" width="100%">
|
||||||
|
<div class="col-md-12 col-sm-12">
|
||||||
|
<h1 class="text-center">Tags</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid" style="padding: 3rem 0;">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-10 col-md-12">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
<footer class="container-fluid">
|
||||||
<div class="container">
|
<nav class="row">
|
||||||
<p>© 2025 Maore Mobile. Tous droits réservés</p>
|
<div class="col-xl-2 offset-xl-1 col-lg-6 col-md-12">
|
||||||
|
<a class="navbar-brand" href="http://localhost:1314/fr/">
|
||||||
|
<img src="http://localhost:1314/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
Nous contacter
|
||||||
|
<br>
|
||||||
|
<img alt="tel" src="http://localhost:1314/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="http://localhost:1314/fr/commande-sim">Acheter une SIM</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/acheter-credit">Acheter du crédit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/tarifs">Tarifs</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/resellers">Doukas Revendeurs</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/aide">Aide</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/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="http://localhost:1314/fr/transfert-credit">Transférer du crédit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/fr/rappelle-moi">Rappelle-moi</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1314/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/>
|
||||||
|
Téléphone : +262 (0) 6 39 900 900
|
||||||
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://localhost:1314/js/jquery-3.3.1.slim.min.js"></script>
|
||||||
|
<script src="http://localhost:1314/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="http://localhost:1314/js/utils.js"></script>
|
||||||
|
<script src="http://localhost:1314/js/maore.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,11 +1,11 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>Tags on Maore Mobile</title>
|
<title>Tags on Maore Mobile - Opérateur mobile à Mayotte</title>
|
||||||
<link>http://localhost:1313/fr/tags/</link>
|
<link>http://localhost:1314/fr/tags/</link>
|
||||||
<description>Recent content in Tags on Maore Mobile</description>
|
<description>Recent content in Tags on Maore Mobile - Opérateur mobile à Mayotte</description>
|
||||||
<generator>Hugo</generator>
|
<generator>Hugo</generator>
|
||||||
<language>fr</language>
|
<language>fr</language>
|
||||||
<atom:link href="http://localhost:1313/fr/tags/index.xml" rel="self" type="application/rss+xml" />
|
<atom:link href="http://localhost:1314/fr/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||||
</channel>
|
</channel>
|
||||||
</rss>
|
</rss>
|
||||||
|
|||||||
@@ -1,9 +1,248 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<title>http://localhost:1313/fr/</title>
|
<meta name="generator" content="Hugo 0.151.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||||
<link rel="canonical" href="http://localhost:1313/fr/">
|
<meta charset="utf-8"/>
|
||||||
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta http-equiv="refresh" content="0; url=http://localhost:1313/fr/">
|
<title>Maore Mobile - Opérateur mobile à Mayotte - Maore Mobile - Opérateur mobile à Mayotte</title>
|
||||||
|
<meta name="description" content="Opérateur mobile à Mayotte - Transfert de crédit, recharge, 4G">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/maore.css">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="http://localhost:1313/fonts/varela-round.css">
|
||||||
</head>
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-xl navbar-light">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand" href="http://localhost:1313/fr/">
|
||||||
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
|
</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="http://localhost:1313/fr/commande-sim"><span class="green_txt">Acheter une SIM</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/fr/acheter-credit"><span class="green_txt">Acheter du crédit</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/fr/tarifs">Tarifs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/fr/nos-offres">Offres et Forfaits</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/fr/resellers">Doukas Revendeurs</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/fr/4g">4G</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/fr/aide">Aide</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-primary" href="http://localhost:1313/fr/register-sim" type="button">
|
||||||
|
Enregistrer ma SIM
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="btn btn-light" href="http://localhost:1313/fr/account" type="button">
|
||||||
|
Mon espace
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="http://localhost:1313/en/">English</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</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">
|
||||||
|
<div class="row" align="center">
|
||||||
|
<div class="col-12" align="center">
|
||||||
|
<img src="http://localhost:1313/img/home.png" style="width:65%;" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row" style="padding-top:10px;" align="center">
|
||||||
|
<div class="col-6" align="center">
|
||||||
|
<a href="http://localhost:1313/fr/nos-offres" class="btn btn-primary">
|
||||||
|
Offres et Forfaits
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-6" align="center">
|
||||||
|
<a href="http://localhost:1313/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="http://localhost:1313/img/icon-transfert.svg" alt="Transfert de crédit">
|
||||||
|
<span>Transfert de crédit simplifié</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-tarif-mayotte.svg" alt="Tarif unique">
|
||||||
|
<span>Tarif unique vers Mayotte et plus de 50 destinations</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-credit.svg" alt="Crédit inclus">
|
||||||
|
<span>5€ de crédit inclus</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-no-engage.svg" alt="Sans engagement">
|
||||||
|
<span>Sans engagement</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col-md-2 col-sm-12">
|
||||||
|
<img src="http://localhost:1313/img/icon-no-limit.svg" alt="Validité illimitée">
|
||||||
|
<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="http://localhost:1313/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'adapte à vos besoins et vous permet de recharger votre crédit à partir de 1€ !</p>
|
||||||
|
<a href="http://localhost:1313/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="http://localhost:1313/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="http://localhost:1313/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="http://localhost:1313/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="http://localhost:1313/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="http://localhost:1313/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'avis, aucun problème car vos crédits sont valables à vie ;-)</p>
|
||||||
|
<a href="http://localhost:1313/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 l'environnement. 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="http://localhost:1313/fr/commande-sim" class="btn btn-primary">
|
||||||
|
Acheter une SIM
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7 col-md-12 right">
|
||||||
|
<img src="http://localhost:1313/img/welovemayotte.svg" alt="Nous aimons Mayotte">
|
||||||
|
</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="http://localhost:1313/fr/">
|
||||||
|
<img src="http://localhost:1313/img/logo.svg" height="50" class="d-inline-block align-top" alt="Maore Mobile - Opérateur mobile à Mayotte">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
Nous contacter
|
||||||
|
<br>
|
||||||
|
<img alt="tel" src="http://localhost:1313/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="http://localhost:1313/fr/commande-sim">Acheter une SIM</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/fr/acheter-credit">Acheter du crédit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/fr/tarifs">Tarifs</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-6 col-md-12">
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/fr/resellers">Doukas Revendeurs</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/fr/aide">Aide</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/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="http://localhost:1313/fr/transfert-credit">Transférer du crédit</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/fr/rappelle-moi">Rappelle-moi</a>
|
||||||
|
<a class="nav-link p-0" href="http://localhost:1313/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/>
|
||||||
|
Téléphone : +262 (0) 6 39 900 900
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://localhost:1313/js/jquery-3.3.1.slim.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/utils.js"></script>
|
||||||
|
<script src="http://localhost:1313/js/maore.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user