-<!DOCTYPE HTML>
+<!DOCTYPE html>
+{% load i18n %}
+{% load bento_tags %}
+{% get_current_language as LANGUAGE_CODE %}
+{% get_available_languages as LANGUAGES %}
-<html lang="fr" class="no-js">
+<html lang="fr" class="no-js" lang="{{ LANGUAGE_CODE }}" xml:lang="{{ LANGUAGE_CODE }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
<head>
<title>TeleCasting : record / broadcast / play</title>
<meta charset="UTF-8" />
<script src="/static/telecasting/js/config.js"></script>
<script src="/static/telecasting/js/skel.min.js"></script>
<script src="/static/telecasting/js/skel-panels.min.js"></script>
-
-
+
<script src="/static/telecasting/js/modestmaps.min.js"></script>
<script src="/static/telecasting/js/app.js"></script>
<script src="/static/telecasting/js/follower-canvas.js"></script>
<noscript>
- <link rel="stylesheet" href="/static/telecasting/css/style.css" />
- <link rel="stylesheet" href="/static/telecasting/css/skel-noscript.css" />
- <link rel="stylesheet" href="/static/telecasting/css/style-desktop.css" />
+ <link rel="stylesheet" href="/static/telecasting/css/style.css" />
+ <link rel="stylesheet" href="/static/telecasting/css/skel-noscript.css" />
+ <link rel="stylesheet" href="/static/telecasting/css/style-desktop.css" />
</noscript>
-
+
</head>
<body class="homepage" onload="initMap()" >
+
+ {% block header %}
<!-- Header Wrapper -->
<div class="color01" id="header-wrapper" >
<div class="container">
<!-- nav back-->
<div id="nav-back" class="skel-panels-fixed color09">
<!-- Nav -->
- <!-- Logo -->
+ <!-- Logo -->
<div id="logo" >
<a href="/" ><img src="/static/telecasting/img/logo-telecasting-site.svg" alt="telecasting mobile web tv" /></a>
</div>
<nav id="nav" >
<ul>
<!-- usage & workflow -->
- <li class="current_page_item"><a href="#h-workflow">usage & workflow</a></li>
+ <li class="current_page_item"><a href="/index.html/#h-workflow">usages</a></li>
<li>
<span ><img src="/static/telecasting/img/bouton-menu.svg" alt="mobile live web tv" /></span>
<ul>
- <li><a href="mobile-web-tv.html">mobile web tv</a></li>
- <li><a href="e-learning.html">e-learning</a></li>
- <li><a href="e-conference.html">e-conference</a></li>
- <li><a href="e-concert.html">e-concert</a></li>
+ <li><a href="/mobile-web-tv.html">mobile web tv</a></li>
+ <li><a href="/e-learning.html">e-learning</a></li>
+ <li><a href="/e-conference.html">e-conference</a></li>
+ <li><a href="/e-concert.html">e-concert</a></li>
</ul>
</li>
<!-- /usage & workflow -->
<!-- logiciels -->
- <li class="current_page_item"><a href="#h-logiciels">logiciels</a></li>
+ <li class="current_page_item"><a href="/index.html/#h-logiciels">Plateforme</a></li>
<li>
<span ><img src="/static/telecasting/img/bouton-menu.svg" alt="mobile live web tv" /></span>
<ul>
- <li><a href="telecasting.html">telecasting</a></li>
- <li><a href="open-source.html">open source</a></li>
- <li><a href="partenaire.html">partenariat</a></li>
+ <li><a href="/telecasting.html">telecasting</a></li>
+ <li><a href="/open-source.html">open source</a></li>
+ <li><a href="/partenaire.html">partenariat</a></li>
</ul>
</li>
<!-- /logiciels -->
<!-- solutions -->
- <li class="current_page_item"><a href="#h-solutions">solutions</a></li>
+ <li class="current_page_item"><a href="/index.html/#h-solutions">solutions</a></li>
<li>
<span ><img src="/static/telecasting/img/bouton-menu.svg" alt="mobile live web tv" /></span>
<ul>
- <li><a href="tc-case.html">TC case</a></li>
- <li><a href="tc-box.html">TC box</a></li>
- <li><a href="tc-mini.html">TC mini</a></li>
- <li><a href="tc-lame.html">TC lame</a></li>
- <li><a href="specs.html">spécifications</a></li>
+ <li><a href="/tc-case.html">TC case</a></li>
+ <li><a href="/tc-box.html">TC box</a></li>
+ <li><a href="/tc-mini.html">TC mini</a></li>
+ <li><a href="/tc-lame.html">TC lame</a></li>
+ <li><a href="/specs.html">spécifications</a></li>
</ul>
</li>
<!-- /solutions -->
<!-- prestations -->
- <li class="current_page_item"><a href="#h-prestations">prestations</a></li>
+ <li class="current_page_item"><a href="/index.html/#h-prestations">prestations</a></li>
<li>
<span ><img src="/static/telecasting/img/bouton-menu.svg" alt="mobile live web tv" /></span>
<ul>
- <li><a href="location.html">Location</a></li>
- <li><a href="equipe-dediee.html">Equipe dédiée</a></li>
- <li><a href="maintenance.html">Maintenance</a></li>
- <li><a href="formation.html">Formation</a></li>
- <li><a href="personnalisation.html">Personnalisation</a></li>
- <li><a href="tarifs.html">Tarifs</a></li>
+ <li><a href="/location.html">Location</a></li>
+ <li><a href="/equipe-dediee.html">Equipe dédiée</a></li>
+ <li><a href="/maintenance.html">Maintenance</a></li>
+ <li><a href="/formation.html">Formation</a></li>
+ <li><a href="/personnalisation.html">Personnalisation</a></li>
+ <li><a href="/tarifs.html">Tarifs</a></li>
</ul>
</li>
<!-- /prestations -->
<!-- references -->
- <li class="current_page_item"><a href="#h-references">references</a></li>
+ <li class="current_page_item"><a href="/index.html/#h-references">references</a></li>
<li>
<span ><img src="/static/telecasting/img/bouton-menu.svg" alt="mobile live web tv" /></span>
<ul>
- <li><a href="references.html">références</a></li>
- <li><a href="etude-cas.html">étude de cas</a></li>
+ <li><a href="/references.html">références</a></li>
+ <li><a href="/etude-cas.html">étude de cas</a></li>
</ul>
</li>
<!-- /references -->
<!-- contacts -->
- <li class="current_page_item"><a href="#h-contacts">contacts</a></li>
+ <li class="current_page_item"><a href="/index.html/#h-contacts">contacts</a></li>
<li>
<span ><img src="/static/telecasting/img/bouton-menu.svg" alt="mobile live web tv" /></span>
<ul>
- <li><a href="societe.html">la société</a></li>
- <li><a href="mentions-legales.html">mentions légales</a></li>
+ <li><a href="/societe.html">la société</a></li>
+ <li><a href="/mentions-legales.html">mentions légales</a></li>
</ul>
</li>
</ul>
</nav>
<!-- /Nav -->
</div>
- <!-- /nav back-->
+ <!-- /nav back-->
<!-- Header -->
+
+ {% block slides %}
<div id="header" class="wrapper-video">
- <div id="video-home">
- <iframe src="/slides/" ></iframe>
- </div>
- <!-- /Header -->
+ <div id="video-home">
+ <iframe src="/ifr-home.html" ></iframe>
+ </div>
</div>
+ {% endblock slides %}
+
</div>
</div>
</div>
</div>
<!-- /Header Wrapper -->
+{% endblock header %}
+{% block content %}
<!-- Main Wrapper -->
<div id="h-workflow" class="color10"></div>
<div class="wrapper wrapper-style2">
- <div class="title Bcolor01 Tcolor01 color10">usage & workflow</div>
+ <div class="title Bcolor01 Tcolor01 color10">usages</div>
<div class="container">
<div class="row">
<div class="12u">
<!-- Main -->
<div id="main">
<!-- Image -->
- <a href="mobile-web-tv.html" class="image image-featured" ><img src="/static/telecasting/img/pic01.jpg" alt="" /></a>
+ <a href="
/mobile-web-tv.html" class="image image-featured" ><img src="/static/telecasting/img/pic01.jpg" alt="" /></a>
<!-- /Image -->
<header id="intro" class="style1 Tcolor01">
- <h2 ><b>Créez votre "live web-tv" où que vous soyez.</b></h2>
- <h2 class=><b>Diffusez en direct et pérennisez vos évènements.</b></h2>
- <p class="byline">Conférence, e-learning, colloque, salon, concert, spectacles...</p>
- <hr></hr>
+ {% show_text_box 'usage_title' %}
+ <span class="byline">{% show_text_box 'usage_title_sub' %}</span>
</header>
<!-- Features -->
+ <div align="center">
+ <a href="e-learning.html" class="button button-style1 button-big color02">e-learning</a>
+ <a href="e-conference.html" class="button button-style1 button-big color03">e-conference</a>
+ <a href="e-concert.html" class="button button-style1 button-big color04">e-concert</a>
+ <a href="mobile-web-tv.html" class="button button-style1 button-big color01">web tv</a>
+ </div>
+
+ <!--
<section id="main-features">
<div class="row">
<div class="12u">
- <div class="6u">
- <div class="color01 Tcolor10">
- <a href="mobile-web-tv.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
- <a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
- </div>
- </div>
<div class="6u">
<div class="color02 Tcolor10">
- <a href="e-learning.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
- <a href="e-learning.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
+ <a href="/e-learning.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/e-learning.html" class="titlle-features Tcolor10" >{% show_text_box 'usage_e-learning' %}</a>
+ </div>
+ <div class="color04 Tcolor10">
+ <a href="/e-concert.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/e-concert.html" class="titlle-features Tcolor10" >{% show_text_box 'usage_concerts' %}</a>
+ </div>
</div>
- </div>
<div class="6u">
<div class="color03 Tcolor10">
- <a href="e-conference.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
- <a href="e-conference.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
+ <a href="/e-conference.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/e-conference.html" class="titlle-features Tcolor10" >{% show_text_box 'usage_colloques' %}</a>
+ </div>
+ <div class="color01 Tcolor10">
+ <a href="/mobile-web-tv.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/mobile-web-tv.html" class="titlle-features Tcolor10" >{% show_text_box 'usage_tv-generic' %}</a>
</div>
- </div>
- <div class="6u">
- <div class="color04 Tcolor10">
- <a href="e-concert.html" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
- <a href="e-concert.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
- </div>
</div>
</div>
</div>
- </section>
+ </section> -->
+
<!-- /Features -->
</div>
<!-- /Main -->
<!-- logiciels Wrapper -->
<div id="h-logiciels" class="color10"></div>
<div id="logiciels-wrapper" class="wrapper color01">
- <div class="title color01 Tcolor10">logiciels</div>
+ <div class="title color01 Tcolor10">Plateforme</div>
<div class="container">
<div class="row">
<div class="12u">
<!-- Intro -->
<header id="intro" class="style1 Tcolor10">
- <h2><b>Une plateforme complète de streaming et de gestion de médias</b></h2>
- <p class="style1 ">Fonctionnement simple et ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
- <b>Open Product </b>. Evolutif . Economique . Pérenne</p>
+ {% show_text_box 'logiciels_title' %}
+ <span class="byline">{% show_text_box 'techno_sub_title' %}</span>
<ul class="actions">
- <li><a href="open-source.html" class="button button-style3 button-big color02">open source</a></li>
+ <li><a href="/open-source.html" class="button button-style3 button-big color02">open source</a></li>
</ul>
<hr></hr>
</header>
<div id="logiciels" >
<div>
<div class="row">
- <section class="logiciels logiciels-one">
- <a href="telecasting.html" class="image image-full"><img src="/static/telecasting/img/pic06.jpg" alt="" /></a>
- <h3><a href="telecasting.html">Modération des médias</a></h3>
- <p>archivage</br>indexation dynamique</br>metadonnées<br><br></p>
+ <div class="3u">
+ <section class="logiciels logiciels-three">
+ <a href="/telecasting.html" class="image image-full"><img src="/static/telecasting/img/pic02.jpg" alt="" /></a>
+ {% show_text_box 'techno_tit_3' %}
+ {% show_text_box 'techno_sub_3' %}
<ul class="actions">
<li><a href="telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
</ul>
</section>
</div>
+
<div class="3u">
<section class="logiciels logiciels-two">
- <a href="telecasting.html" class="image image-full"><img src="/static/telecasting/img/pic03.jpg" alt="" /></a>
- <h3><a href="#">Interopérabilité</a></h3>
- <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <a href="
/telecasting.html" class="image image-full"><img src="/static/telecasting/img/pic03.jpg" alt="" /></a>
+ {% show_text_box 'techno_tit_2' %}
+ {% show_text_box 'techno_sub_2' %}
<ul class="actions">
<li><a href="telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
</ul>
</section>
</div>
+
<div class="3u">
- <section class="logiciels logiciels-three">
- <a href="telecasting.html" class="image image-full"><img src="/static/telecasting/img/pic04.jpg" alt="" /></a>
- <h3><a href="telecasting.html">Interfaces unifiées </a></h3>
- <p>HTTP</br>web</br><br><br></p>
+ <section class="logiciels logiciels-one">
+ <a href="/telecasting.html" class="image image-full"><img src="/static/telecasting/img/pic06.jpg" alt="" /></a>
+ {% show_text_box 'techno_tit_1' %}
+ {% show_text_box 'techno_sub_1' %}
+
<ul class="actions">
- <li><a href="telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
+ <li><a href="/telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="3u">
<section class="logiciels logiciels-four">
- <a href="partenaire.html" class="image image-full"><img src="/static/telecasting/img/pic05.jpg" alt="" /></a>
- <h3><a href="partenaire.html">Partenariat</a></h3>
- <p>Développement logiciel issu de la recherche publique (Telemeta, CNRS, Musée de l’Homme, Laboratoire d’ethnomusicologie)</p>
+ <a href="
/partenaire.html" class="image image-full"><img src="/static/telecasting/img/pic05.jpg" alt="" /></a>
+ {% show_text_box 'techno_tit_4' %}
+ {% show_text_box 'techno_sub_4' %}
<ul class="actions">
<li><a href="partenaire.html" class="button button-style3 color02">en savoir plus</a></li>
</ul>
<!-- solutions -->
<div id="solutions" class="12u">
+ <header id="intro" class="style1">
+ {% show_text_box 'solution_title' %}
+ <span class="byline ">{% show_text_box 'solution_sub_title' %}</span>
+ <ul class="actions">
+ <li><a href="/specs.html" class="button button-style1 button-big color01">specifications</a></li>
+ </ul>
+ <hr></hr>
+ </header>
+
<div class="row">
<div class="3u">
<section class="solutions solutions-one">
- <a href="tc-case.html" class="image image-full"><img src="/static/telecasting/img/pic02.jpg" alt="" /></a>
+ <a href="tc-case.html" class="image image-full"><img src="/static/telecasting/img/pic03.jpg" alt="" /></a>
<h3><a href="tc-case.html">TC case</a></h3>
- <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ {% show_text_box 'case_title' %}
<ul class="actions">
- <li><a href="tc-case.html" class="button button-style1 color01">en savoir plus</a></li>
+ <li><a href="/tc-case.html" class="button button-style1 color01">en savoir plus</a></li>
</ul>
</section>
</div>
+
<div class="3u">
- <section class="solutions solutions-two">
- <a href="tc-box.html" class="image image-full"><img src="/static/telecasting/img/pic03.jpg" alt="" /></a>
- <h3><a href="tc-box.html">TC box</a></h3>
- <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <section class="solutions solutions-three">
+ <a href="tc-mini.html" class="image image-full"><img src="/static/telecasting/img/pic05.jpg" alt="" /></a>
+ <h3><a href="tc-mini.html">TC mini</a></h3>
+ {% show_text_box 'mini_title' %}
<ul class="actions">
- <li><a href="tc-box.html" class="button button-style1 color01">en savoir plus</a></li>
+ <li><a href="/tc-mini.html" class="button button-style1 color01">en savoir plus</a></li>
</ul>
</section>
</div>
-
+
<div class="3u">
- <section class="solutions solutions-three">
- <a href="tc-mini.html" class="image image-full"><img src="/static/telecasting/img/pic04.jpg" alt="" /></a>
- <h3><a href="tc-mini.html">TC mini</a></h3>
- <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <section class="solutions solutions-two">
+ <a href="/tc-box.html" class="image image-full"><img src="/static/telecasting/img/TC_BOX_NUC-03_th.jpg" alt="" /></a>
+ <h3><a href="/tc-box.html">TC box</a></h3>
+ {% show_text_box 'box_title' %}
<ul class="actions">
- <li><a href="tc-mini.html" class="button button-style1 color01">en savoir plus</a></li>
+ <li><a href="/tc-box.html" class="button button-style1 color01">en savoir plus</a></li>
</ul>
</section>
</div>
+
<div class="3u">
<section class="solutions solutions-four">
- <a href="tc-lame.html" class="image image-full"><img src="/static/telecasting/img/pic05.jpg" alt="" /></a>
- <h3><a href="tc-lame.html">TC lame</a></h3>
- <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <a href="tc-lame.html" class="image image-full"><img src="/static/telecasting/img/CLE-01_th.jpg" alt="" /></a>
+ <h3><a href="tc-lame.html">TC key</a></h3>
+ {% show_text_box 'key_title' %}
<ul class="actions">
- <li><a href="tc-lame.html" class="button button-style1 color01">en savoir plus</a></li>
+ <li><a href="/tc-lame.html" class="button button-style1 color01">en savoir plus</a></li>
</ul>
</section>
</div>
</div>
- <header id="intro" class="style1">
- <hr></hr>
- <h2><b>Une solution de streaming audio et vidéo complète et de gestion de médias</b></h2>
- <p >Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
- <b>Open Product </b>. Evolutif . Economique . Pérenne</p>
- <ul class="actions">
- <li><a href="specs.html" class="button button-style1 button-big color01">specifications</a></li>
- </ul>
- <hr></hr>
- </header>
+
</div>
<!-- /solutions -->
<div class="row">
<div class="12u">
<header id="intro" class="style1 Tcolor01">
- <hr></hr>
- <h2 class="Tcolor01"><b>Une solution de streaming audio et vidéo complète et de gestion de médias</b></h2>
- <p class="style3">Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
- <b>Open Product </b>. Evolutif . Economique . Pérenne</p>
+ {% show_text_box 'presta_title' %}
+ <span class="byline">{% show_text_box 'presta_sub_title' %}</span>
<ul class="actions">
- <li><a href="tarifs.html" class="button button-style3 button-big color01">tarifs</a></li>
+ <li><a href="/tarifs.html" class="button button-style3 button-big color01">tarifs</a></li>
</ul>
<hr></hr>
</header>
<div id="prestations" class="12u">
<div class="row">
<div class="2u">
- <section class="prestations prestations-one color01">
- <h3 ><a href="location.html" class="Tcolor10">location</a></h3>
+ <section class="prestations prestations-pad color01">
+ <h3 ><a href="/location.html" class="Tcolor10">location</a></h3>
<hr></hr>
- <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <span class="Tcolor10">{% show_text_box 'presta_loc' %}</span>
<hr></hr>
<ul >
<li><a href="location.html" class="button color01 Tcolor10">en savoir plus</a></li>
</section>
</div>
<div class="2u">
- <section class="prestations prestations-two color02">
+ <section class="prestations prestations-pad color02">
<h3><a href="equipe-dediee.html" class="Tcolor10">équipe dédiée</a></h3>
<hr></hr>
- <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <span class="Tcolor10">{% show_text_box 'presta_team' %}</span>
<hr></hr>
<ul>
<li><a href="equipe-dediee.html" class="button color02 Tcolor10">en savoir plus</a></li>
</section>
</div>
<div class="2u">
- <section class="prestations prestations-three color03">
+ <section class="prestations prestations-pad color03">
<h3><a href="maintenance.html" class="Tcolor10">maintenance</a></h3>
<hr></hr>
- <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <span class="Tcolor10">{% show_text_box 'presta_maintenance' %}</span>
<hr></hr>
<ul>
<li><a href="maintenance.html" class="button color03 Tcolor10">en savoir plus</a></li>
</section>
</div>
<div class="2u">
- <section class="prestations prestations-four color04">
+ <section class="prestations prestations-pad color04">
<h3><a href="formation.html" class="Tcolor10">formation</a></h3>
<hr></hr>
- <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <span class="Tcolor10">{% show_text_box 'presta_formation' %}</span>
<hr></hr>
<ul >
<li><a href="formation.html" class="button color04 Tcolor10">en savoir plus</a></li>
</section>
</div>
<div class="2u">
- <section class="prestations prestations-five color05">
+ <section class="prestations prestations-pad color05">
<h3><a href="personnalisation.html" class="Tcolor10">personnalisation</a></h3>
<hr></hr>
- <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <span class="Tcolor10">{% show_text_box 'presta_custom' %}</span>
<hr></hr>
<ul >
<li><a href="personnalisation.html" class="button color05 Tcolor10">en savoir plus</a></li>
</section>
</div>
<div class="2u">
- <section class="prestations prestations-six color06">
+ <section class="prestations prestations-pad color06">
<h3><a href="tarifs.html" class="Tcolor10">tarifs</a></h3>
<hr></hr>
- <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+ <span class="Tcolor10">{% show_text_box 'presta_tarifs' %}</span>
<hr></hr>
<ul >
<li><a href="tarifs.html" class="button color06 Tcolor10">en savoir plus</a></li>
</div>
</div>
<!-- /references Wrapper -->
+
+
+{% endblock content %}
+
<!-- Footer Wrapper -->
+}
<div id="h-contacts" class="color05"></div>
<div id="footer-wrapper" class="wrapper">
<div class="title color01 Tcolor10 Bcolor10">contacts</div>
-<!DOCTYPE HTML>
+{% extends "telecasting/index.html" %}
-<html lang="fr" class="no-js">
- <head>
- <title>Mobile Web Tv</title>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="description" content="Solution Web TV 100% Mobile & Portable" />
- <meta name="keywords" content="" />
-
- <link rel="icon" type="image/png" href="img/favicon.png">
- <link rel="shortcut icon" href="img/favicon.ico">
-
- <script src="js/modernizr-2.5.3.min.js"></script>
- <!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery.dropotron.js"></script>
- <script src="js/config.js"></script>
- <script src="js/skel.min.js"></script>
- <script src="js/skel-panels.min.js"></script>
-
+{% block slides %}
+{% endblock slides %}
- <noscript>
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/skel-noscript.css" />
- <link rel="stylesheet" href="css/style-desktop.css" />
- </noscript>
- </head>
-
- <body class="right-sidebar">
-
- <!-- Header Wrapper -->
- <div class="color01" id="header-wrapper">
- <div class="container">
- <div class="row">
- <div class="12u">
- <!-- nav back-->
- <div id="nav-back" class="skel-panels-fixed color09">
- <!-- Logo -->
- <div id="logo" >
- <a href="index.html#" ><img src="img/logo-telecasting-site.svg" alt="telecasting mobile web tv" /></a>
- </div>
- <!-- /Logo -->
- <!-- Nav -->
- <nav id="nav" >
- <ul>
- <!-- usage & workflow -->
- <li class="current_page_item"><a href="index.html#h-workflow">usage & workflow</a></li>
- <li>
- <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
- <ul>
- <li><a href="mobile-web-tv.html">mobile web tv</a></li>
- <li><a href="e-learning.html">e-learning</a></li>
- <li><a href="e-conference.html">e-conference</a></li>
- <li><a href="e-concert.html">e-concert</a></li>
- </ul>
- </li>
- <!-- /usage & workflow -->
-
- <!-- logiciels -->
- <li class="current_page_item"><a href="index.html#h-logiciels">logiciels</a></li>
- <li>
- <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
- <ul>
- <li><a href="telecasting.html">telecasting</a></li>
- <li><a href="open-source.html">open source</a></li>
- <li><a href="partenaire.html">partenariat</a></li>
- </ul>
- </li>
- <!-- /logiciels -->
-
- <!-- solutions -->
- <li class="current_page_item"><a href="index.html#h-solutions">solutions</a></li>
- <li>
- <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
- <ul>
- <li><a href="tc-case.html">TC case</a></li>
- <li><a href="tc-box.html">TC box</a></li>
- <li><a href="tc-mini.html">TC mini</a></li>
- <li><a href="tc-lame.html">TC lame</a></li>
- <li><a href="specs.html">spécifications</a></li>
- </ul>
- </li>
- <!-- /solutions -->
-
- <!-- prestations -->
- <li class="current_page_item"><a href="index.html#h-prestations">prestations</a></li>
- <li>
- <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
- <ul>
- <li><a href="location.html">Location</a></li>
- <li><a href="equipe-dediee.html">Equipe dédiée</a></li>
- <li><a href="maintenance.html">Maintenance</a></li>
- <li><a href="formation.html">Formation</a></li>
- <li><a href="personnalisation.html">Personnalisation</a></li>
- <li><a href="tarifs.html">Tarifs</a></li>
- </ul>
- </li>
- <!-- /prestations -->
-
- <!-- references -->
- <li class="current_page_item"><a href="index.html#h-references">references</a></li>
- <li>
- <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
- <ul>
- <li><a href="references.html">références</a></li>
- <li><a href="etude-cas.html">étude de cas</a></li>
- </ul>
- </li>
- <!-- /references -->
-
- <!-- contacts -->
- <li class="current_page_item"><a href="index.html#h-contacts">contacts</a></li>
- <li>
- <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
- <ul>
- <li><a href="societe.html">la société</a></li>
- <li><a href="mentions-legales.html">mentions légales</a></li>
- </ul>
- </li>
- </ul>
- <!-- /contacts -->
-
- </nav>
- <!-- /Nav -->
- </div>
- <!-- /nav back-->
- <!-- Header -->
- <div id="header" class="wrapper-video">
- <div id="video-home">
- <iframe src="ifr-mobile-web-tv.html" ></iframe>
- </div>
- </div>
- <!-- /Header -->
- </div>
- </div>
- </div>
-</div>
-<!-- /Header Wrapper -->
+{% block content %}
<!-- Main Wrapper -->
<div class="wrapper wrapper-style2 color10">
</div>
</div>
<!-- /Main Wrapper -->
- <!-- Footer Wrapper -->
- <div id="wrapper" class="wrapper-copyright color01">
- <div class="container">
- <div class="row">
- <div class="12u">
- <!-- Copyright -->
- <div id="copyright">
- <span>
- © telecasting 2013 <a href=""></a>
- </span>
- </div>
- <!-- /Copyright -->
-
- </div>
- </div>
- </div>
- </div>
- <!-- Footer Wrapper -->
- </body>
-</html>
\ No newline at end of file
+ {% endblock content %}
projects / telecasting-www.git / commitdiff