<nav id="nav" >
<ul>
<!-- usage & workflow -->
- <li class="current_page_item"><a href="#h-workflow">usages</a></li>
+ <li class="current_page_item"><a href="/#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/">mobile web tv</a></li>
+ <li><a href="/e-learning/">e-learning</a></li>
+ <li><a href="/e-conference/">e-conference</a></li>
+ <li><a href="/e-concert/">e-concert</a></li>
</ul>
</li>
<!-- /usage & workflow -->
<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/">telecasting</a></li>
+ <li><a href="/open-source/">open source</a></li>
+ <li><a href="/partenaire/">partenariat</a></li>
</ul>
</li>
<!-- /logiciels -->
<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/">TC case</a></li>
+ <li><a href="/tc-box/">TC box</a></li>
+ <li><a href="/tc-mini/">TC mini</a></li>
+ <li><a href="/tc-lame/">TC lame</a></li>
+ <li><a href="/specs/">spécifications</a></li>
</ul>
</li>
<!-- /solutions -->
<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/">Location</a></li>
+ <li><a href="/equipe-dediee/">Equipe dédiée</a></li>
+ <li><a href="/maintenance/">Maintenance</a></li>
+ <li><a href="/formation/">Formation</a></li>
+ <li><a href="/personnalisation/">Personnalisation</a></li>
+ <li><a href="/tarifs/">Tarifs</a></li>
</ul>
</li>
<!-- /prestations -->
<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/">références</a></li>
+ <li><a href="/etude-cas/">étude de cas</a></li>
</ul>
</li>
<!-- /references -->
<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/">la société</a></li>
+ <li><a href="/mentions-legales/">mentions légales</a></li>
</ul>
</li>
</ul>
{% block slides %}
<div id="header" class="wrapper-video">
<div id="video-home">
- <iframe src="/ifr-home.html" ></iframe>
+ <iframe src="/ifr-home/" ></iframe>
</div>
</div>
{% endblock slides %}
<!-- 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/" class="image image-featured" ><img src="/static/telecasting/img/pic01.jpg" alt="" /></a>
<!-- /Image -->
<header id="intro" class="style1 Tcolor01">
{% show_text_box 'usage_title' %}
</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>
+ <a href="e-learning/" class="button button-style1 button-big color02">e-learning</a>
+ <a href="e-conference/" class="button button-style1 button-big color03">e-conference</a>
+ <a href="e-concert/" class="button button-style1 button-big color04">e-concert</a>
+ <a href="mobile-web-tv/" class="button button-style1 button-big color01">web tv</a>
</div>
<!--
<div class="12u">
<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" >{% show_text_box 'usage_e-learning' %}</a>
+ <a href="/e-learning/" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/e-learning/" 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>
+ <a href="/e-concert/" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/e-concert/" class="titlle-features Tcolor10" >{% show_text_box 'usage_concerts' %}</a>
</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" >{% show_text_box 'usage_colloques' %}</a>
+ <a href="/e-conference/" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/e-conference/" 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>
+ <a href="/mobile-web-tv/" class="image80" ><img src="/static/telecasting/img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+ <a href="/mobile-web-tv/" class="titlle-features Tcolor10" >{% show_text_box 'usage_tv-generic' %}</a>
</div>
</div>
</div>
{% 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/" class="button button-style3 button-big color02">open source</a></li>
</ul> -->
<hr></hr>
</header>
<div class="row">
<div class="3u">
<section class="logiciels logiciels-three">
- <a href="/telecasting.html" class="image image-full">{% show_image_box 'captation' %}</a>
+ <a href="/telecasting/" class="image image-full">{% show_image_box 'captation' %}</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>
+ <li><a href="telecasting/" 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">{% show_image_box 'gestion' %}</a>
+ <a href="/telecasting/" class="image image-full">{% show_image_box 'gestion' %}</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>
+ <li><a href="telecasting/" class="button button-style3 color02">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="3u">
<section class="logiciels logiciels-one">
- <a href="/telecasting.html" class="image image-full">{% show_image_box 'interface' %}</a>
+ <a href="/telecasting/" class="image image-full">{% show_image_box 'interface' %}</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/" 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">{% show_image_box 'open_source' %}</a>
+ <a href="/partenaire/" class="image image-full">{% show_image_box 'open_source' %}</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>
+ <li><a href="partenaire/" class="button button-style3 color02">en savoir plus</a></li>
</ul>
</section>
</div>
{% 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>
+ <li><a href="/specs/" 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">{% show_image_box 'tc_case' %}</a>
- <h3><a href="tc-case.html">TC case</a></h3>
+ <a href="tc-case/" class="image image-full">{% show_image_box 'tc_case' %}</a>
+ <h3><a href="tc-case/">TC case</a></h3>
{% 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/" 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">{% show_image_box 'tc_mini' %}</a>
- <h3><a href="tc-mini.html">TC mini</a></h3>
+ <a href="tc-mini/" class="image image-full">{% show_image_box 'tc_mini' %}</a>
+ <h3><a href="tc-mini/">TC mini</a></h3>
{% show_text_box 'mini_title' %}
<ul class="actions">
- <li><a href="/tc-mini.html" class="button button-style1 color01">en savoir plus</a></li>
+ <li><a href="/tc-mini/" 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">{% show_image_box 'tc_box' %}</a>
- <h3><a href="/tc-box.html">TC box</a></h3>
+ <a href="/tc-box/" class="image image-full">{% show_image_box 'tc_box' %}</a>
+ <h3><a href="/tc-box/">TC box</a></h3>
{% show_text_box 'box_title' %}
<ul class="actions">
- <li><a href="/tc-box.html" class="button button-style1 color01">en savoir plus</a></li>
+ <li><a href="/tc-box/" 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">{% show_image_box 'tc_key' %}</a>
- <h3><a href="tc-lame.html">TC key</a></h3>
+ <a href="tc-lame/" class="image image-full">{% show_image_box 'tc_key' %}</a>
+ <h3><a href="tc-lame/">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/" class="button button-style1 color01">en savoir plus</a></li>
</ul>
</section>
</div>
{% 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/" class="button button-style3 button-big color01">tarifs</a></li>
</ul> -->
<hr></hr>
</header>
<div class="row">
<div class="2u">
<section class="prestations prestations-pad color01">
- <h3 ><a href="/location.html" class="Tcolor10">location</a></h3>
+ <h3 ><a href="/location/" class="Tcolor10">location</a></h3>
<hr></hr>
<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>
+ <li><a href="location/" class="button color01 Tcolor10">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="2u">
<section class="prestations prestations-pad color02">
- <h3><a href="equipe-dediee.html" class="Tcolor10">équipe dédiée</a></h3>
+ <h3><a href="equipe-dediee/" class="Tcolor10">équipe dédiée</a></h3>
<hr></hr>
<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>
+ <li><a href="equipe-dediee/" class="button color02 Tcolor10">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="2u">
<section class="prestations prestations-pad color03">
- <h3><a href="maintenance.html" class="Tcolor10">maintenance</a></h3>
+ <h3><a href="maintenance/" class="Tcolor10">maintenance</a></h3>
<hr></hr>
<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>
+ <li><a href="maintenance/" class="button color03 Tcolor10">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="2u">
<section class="prestations prestations-pad color04">
- <h3><a href="formation.html" class="Tcolor10">formation</a></h3>
+ <h3><a href="formation/" class="Tcolor10">formation</a></h3>
<hr></hr>
<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>
+ <li><a href="formation/" class="button color04 Tcolor10">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="2u">
<section class="prestations prestations-pad color05">
- <h3><a href="personnalisation.html" class="Tcolor10">personnalisation</a></h3>
+ <h3><a href="personnalisation/" class="Tcolor10">personnalisation</a></h3>
<hr></hr>
<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>
+ <li><a href="personnalisation/" class="button color05 Tcolor10">en savoir plus</a></li>
</ul>
</section>
</div>
<div class="2u">
<section class="prestations prestations-pad color06">
- <h3><a href="tarifs.html" class="Tcolor10">support</a></h3>
+ <h3><a href="tarifs/" class="Tcolor10">support</a></h3>
<hr></hr>
<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>
+ <li><a href="tarifs/" class="button color06 Tcolor10">en savoir plus</a></li>
</ul>
</section>
</div>
</div>
<!-- <ul class="actions actions-centered">
- <li><a href="references.html" class="button button-style1 button-big color03">références</a></li>
- <li><a href="etude-cas.html" class="button button-style1 button-big color02">étude de cas</a></li>
+ <li><a href="references/" class="button button-style1 button-big color03">références</a></li>
+ <li><a href="etude-cas/" class="button button-style1 button-big color02">étude de cas</a></li>
</ul>
-->
</section>
</span>
<!-- <ul class="actions">
- <li><a href="societe.html" class="button button-style3 color02">la societe</a></li>
+ <li><a href="societe/" class="button button-style3 color02">la societe</a></li>
</ul>
-->
<!-- Copyright -->
<div id="copyright">
<span style="color:white;">
- <a href="societe.html">Copyright © 2013 TeleCasting</a>
+ <a href="/societe/">Copyright © 2013 TeleCasting</a>
</span>
</div>
<!-- /Copyright -->