<!DOCTYPE html><html dir="ltr" lang="fr-FR"><head> {# Variable global #} {% set route_name = getRoute() %} <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="{{ getOptionssystem().getMetaDescription()? getOptionssystem().getMetaDescription() : "L'archipel des Comores est un ensemble d'îles de l'océan Indien, situées dans le nord du canal du Mozambique, au sud-est de l'Afrique, entre le littoral nord mozambicain et la pointe nord de Madagascar" }}"> <meta name="keywords" content="Comores tourisme, office national comores, sites touristiques, comoros tourism"> <meta name="description" content="L'archipel des Comores est un ensemble d'îles de l'océan Indien, situées dans le nord du canal du Mozambique, au sud-est de l'Afrique, entre le littoral nord mozambicain et la pointe nord de Madagascar" /> <link rel="canonical" href="" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Comores, la reine de l'océan indien | Comores Tourisme" /> <meta property="og:description" content="L'archipel des Comores est un ensemble d'îles de l'océan Indien, situées dans le nord du canal du Mozambique, au sud-est de l'Afrique, entre le littoral nord mozambicain et la pointe nord de Madagascar" /> <meta property="og:url" content="http://www.comorostourism.km/" /> <meta property="og:site_name" content="Comores Tourisme" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Office National du Tourisme Comores" /> {{ include('_general_includes/favicon_files.html.twig') }} <!-- Stylesheets ============================================= --> {% block stylesheets %} <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:400,500,700&display=swap" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="{{ asset('medel_assets/css/bootstrap.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/style.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/css/dark.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/css/font-icons.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/one-page/css/et-line.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/css/animate.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/css/magnific-popup.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/css/custom.css') }}" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> {# <!-- Theme Color Stylesheet --> #} <link rel="stylesheet" href="{{ asset('medel_assets/css/colors.php?color=238f26') }}" /> {#<link rel="stylesheet" href="{{ asset('medel_assets/css/colors.php?color=FF8600') }}" />#} <link rel="stylesheet" href="{{ asset('medel_assets/main_template/css/fonts.css') }}" /> {# <!-- News Demo Specific Stylesheet --> #} <link rel="stylesheet" href="{{ asset('medel_assets/main_template/news.css') }}" /> {# <!-- / --> #} {# <!-- SLIDER REVOLUTION 5.x CSS SETTINGS --> #} <link rel="stylesheet" href="{{ asset('medel_assets/include/rs-plugin/css/settings.css') }}" media="screen" /> <link rel="stylesheet" href="{{ asset('medel_assets/include/rs-plugin/css/layers.css') }}" /> <link rel="stylesheet" href="{{ asset('medel_assets/include/rs-plugin/css/navigation.css') }}" /> {% endblock stylesheets %} {#<!-- Document Title ============================================= -->#} <title>{% block title %}{% trans %}Office national du tourisme Comores{% endtrans %} | {% endblock title %}</title> <style> /* Revolution Slider Styles */ .hesperiden .tp-tab { border-bottom: 0; } .hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background-color: #E5E5E5; } </style></head><body class="stretched"> {#<!-- Document Wrapper ============================================= -->#} <div id="wrapper" class="clearfix"> {#<!-- Header ============================================= -->#} <header id="header" class="header-size-sm" data-sticky-shrink="false"> <div class="container"> </div> <div id="header-wrap" class="border-top border-f5"> <div class="container"> {# BLOCK NAVIGATION #} {% block navigation %} {% include '_general_includes/_navigation.html.twig' %} {% endblock navigation %} </div> </div> <div class="header-wrap-clone"></div> </header>{#<!-- #header end -->#} {#<!-- Slider ============================================= -->#} {# SLIDER #} {% if route_name == "home" %} {% block slider %} {% include '_general_includes/_slider_principal.html.twig' %} {% endblock slider %} {% endif %} {#<!-- Content ============================================= -->#} <section id="content"> <div class="content-wrap"> {% block body %} {% endblock body %} </div> </section> {#<!-- #content end -->#} {#<!-- Footer ============================================= -->#} {% block footer %} {% include "_general_includes/_footer.html.twig" %} {% endblock footer %} {#<!-- #footer end -->#} </div> {#<!-- #wrapper end -->#} {#<!-- Go To Top ============================================= -->#} <div id="gotoTop" class="icon-angle-up"></div> {#<!-- JavaScripts ============================================= -->#} {% block javascripts %} <script type="text/javascript" src="{{ asset('medel_assets/js/jquery.js') }}"></script> <script type="text/javascript" src="{{ asset('medel_assets/js/plugins.min.js') }}"></script> <script type="text/javascript" src="{{ asset('medel_assets/js/plugins.infinitescroll.js') }}"></script> {#<!-- Footer Scripts ============================================= -->#} <script type="text/javascript" src="{{ asset('medel_assets/js/functions.js') }}"></script> {% endblock javascripts %}</body></html>