<!DOCTYPE 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 name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="Solution Mobile 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>
-
-
- <script src="js/modestmaps.min.js"></script>
- <script src="js/app.js"></script>
- <script src="js/follower-canvas.js"></script>
+ <head>
+ <title>Mobile Web Tv</title>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="Solution Mobile 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>
+
+
+ <script src="js/modestmaps.min.js"></script>
+ <script src="js/app.js"></script>
+ <script src="js/follower-canvas.js"></script>
- <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="homepage" onload="initMap()" >
- <!-- Header Wrapper -->
-
<div class="color01" id="header-wrapper" >
-
<div class="container">
- <!-- nav back-->
-
<div id="nav-back" class="skel-panels-fixed color09">
- <!-- Logo -->
-
<a href="index.html#" ><img src="img/logo-telecasting-site.svg" alt="telecasting mobile web tv" /></a>
- </div>
- <!-- /Logo -->
- <!-- Nav -->
- <nav id="nav" >
- <!-- 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>
-
<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>
-
<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>
-
<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>
-
<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</a></li>
-
<li><a href="#">Personnalisation</a></li>
-
<li><a href="#">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>
-
<li><a href="#">Etude de cas</a></li>
-
<li><a href="#">références</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>
-
<li><a href="#">la société</a></li>
-
<li><a href="#">mentions légales</a></li>
- </ul>
- </li>
- </ul>
- <!-- /contacts -->
-
- </nav>
- <!-- /Nav -->
- </div>
- <!-- /nav back-->
- <!-- Header -->
-
<div id="header" class="wrapper-video">
- <iframe src="ifr-home.html" ></iframe>
- </div>
- <!-- /Header -->
- </div>
- </div>
- </div>
- </div>
+ <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="homepage" onload="initMap()" >
+ <!-- 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</a></li>
+ <li><a href="#">Personnalisation</a></li>
+ <li><a href="#">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="#">Etude de cas</a></li>
+ <li><a href="#">références</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="#">la société</a></li>
+ <li><a href="#">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-home.html" ></iframe>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!-- /Header Wrapper -->
<!-- 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="container">
- <div class="12u">
- <!-- Main -->
- <div id="main">
- <!-- Image -->
-
<a href="mobile-web-tv.html" class="image image-featured" ><img src="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 et pérennisez vos évènements.</b></h2>
-
<p class="byline">Conférence, e-learning, colloque, salon, concert, spectacles, </p>
- <hr></hr>
- </header>
- <!-- Features -->
- <section id="main-features">
- <div class="6u">
-
<div class="color01 Tcolor10">
-
<a href="mobile-web-tv.html" class="image80" ><img src="img/telecasting-baseline01.svg" alt="telecasting live web tv" /></a>
-
<a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100%<br>mobile & portable</h2></a>
- </div>
- </div>
-
<div class="color02 Tcolor10">
-
<a href="#" class="image80" ><img src="img/telecasting-baseline02.svg" alt="telecasting live web tv" /></a>
-
<a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100%<br>mobile & portable</h2></a>
- </div>
- </div>
-
<div class="color03 Tcolor10">
-
<a href="#" class="image80" ><img src="img/telecasting-baseline03.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="color04 Tcolor10">
-
<a href="#" class="image80" ><img src="img/telecasting-baseline04.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>
- </div>
- </section>
- <!-- /Features -->
- </div>
- <!-- /Main -->
- </div>
- </div>
- </div>
- </div>
+ <div class="wrapper wrapper-style2">
+ <div class="title Bcolor01 Tcolor01 color10">usage & workflow</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="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 et pérennisez vos évènements.</b></h2>
+ <p class="byline">Conférence, e-learning, colloque, salon, concert, spectacles, </p>
+ <hr></hr>
+ </header>
+ <!-- Features -->
+ <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="img/telecasting-baseline01.svg" alt="telecasting live web tv" /></a>
+ <a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100%<br>mobile & portable</h2></a>
+ </div>
+ </div>
+ <div class="6u">
+ <div class="color02 Tcolor10">
+ <a href="#" class="image80" ><img src="img/telecasting-baseline02.svg" alt="telecasting live web tv" /></a>
+ <a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100%<br>mobile & portable</h2></a>
+ </div>
+ </div>
+ <div class="6u">
+ <div class="color03 Tcolor10">
+ <a href="#" class="image80" ><img src="img/telecasting-baseline03.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="color04 Tcolor10">
+ <a href="#" class="image80" ><img src="img/telecasting-baseline04.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>
+ </div>
+ </section>
+ <!-- /Features -->
+ </div>
+ <!-- /Main -->
+ </div>
+ </div>
+ </div>
+ </div>
<!-- /Main Wrapper -->
<!-- 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="container">
- <!-- Intro -->
- <header id="intro" class="style1 Tcolor10">
- <h2><b>Une solution de streaming audio et vidéo complète<br>et de gestion de médias</b></h2>
-
<p class="style1 ">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>
-
<li><a href="#" class="button button-style3 button-big color02">concept</a></li>
- </ul>
- <hr></hr>
- </header>
+ <div id="logiciels-wrapper" class="wrapper color01">
+ <div class="title color01 Tcolor10">logiciels</div>
+ <div class="container">
+ <div class="row">
+ <div class="12u">
+ <!-- Intro -->
+ <header id="intro" class="style1 Tcolor10">
+ <h2><b>Une solution de streaming audio et vidéo complète<br>et de gestion de médias</b></h2>
+ <p class="style1 ">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="#" class="button button-style3 button-big color02">concept</a></li>
+ </ul>
+ <hr></hr>
+ </header>
- <!-- logiciels -->
- <section class="logiciels logiciels-one">
-
<a href="http://fav.me/d59i3b3" class="image image-full"><img src="img/pic06.jpg" alt="" /></a>
-
<h3><a href="#">Modération des médias</a></h3>
-
<p>archivage</br>indexation dynamique</br>metadonnées<br><br></p>
-
<li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="logiciels logiciels-two">
-
<a href="http://fav.me/d4tqyby" class="image image-full"><img src="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>
-
<li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="logiciels logiciels-three">
-
<a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
-
<h3><a href="#">Interfaces unifiées </a></h3>
-
<p>HTTP</br>web</br><br><br></p>
-
<li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="logiciels logiciels-four">
-
<a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
-
<h3><a href="#">Open Source</a></h3>
-
<p>Développement logiciel issu de la recherche publique (Telemeta, CNRS, Musée de l’Homme, Laboratoire d’ethnomusicologie)</p>
-
<li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- </div>
- </div>
- </div>
- <!-- /logiciels -->
-
- </div>
- </div>
- </div>
- </div>
- <!-- /logiciels Wrapper -->
-
-
-
- <!-- solutions Wrapper -->
-
<div id="h-solutions" class="color01"></div>
-
<div id="solutions-wrapper" class="wrapper color02">
-
<div class="title color02 Tcolor10">solutions</div>
-
<div class="container">
-
- <!-- solutions -->
- <div id="solutions" class="12u">
- <section class="solutions solutions-one">
-
<a href="http://fav.me/d59i3b3" class="image image-full"><img src="img/pic02.jpg" alt="" /></a>
-
<h3><a href="#">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>
-
<li><a href="#" class="button button-style1 color01">Learn More</a></li>
- </ul>
- </section>
- </div>
- <section class="solutions solutions-two">
-
<a href="http://fav.me/d4tqyby" class="image image-full"><img src="img/pic03.jpg" alt="" /></a>
-
<h3><a href="#">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>
-
<li><a href="#" class="button button-style1 color01">Learn More</a></li>
- </ul>
- </section>
- </div>
-
- <section class="solutions solutions-three">
-
<a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
-
<h3><a href="#">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>
-
<li><a href="#" class="button button-style1 color01">Learn More</a></li>
- </ul>
- </section>
- </div>
- <section class="solutions solutions-four">
-
<a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
-
<h3><a href="#">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>
-
<li><a href="#" class="button button-style1 color01">Learn More</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>
-
<li><a href="#" class="button button-style1 button-big color01">specifications</a></li>
- </ul>
- <hr></hr>
- </header>
- </div>
-
- <!-- /Highlights -->
- </div>
- </div>
- </div>
- </div>
- <!-- prestations Wrapper -->
+ <!-- logiciels -->
+ <div id="logiciels" >
+ <div>
+ <div class="row">
+ <div class="3u">
+ <section class="logiciels logiciels-one">
+ <a href="http://fav.me/d59i3b3" class="image image-full"><img src="img/pic06.jpg" alt="" /></a>
+ <h3><a href="#">Modération des médias</a></h3>
+ <p>archivage</br>indexation dynamique</br>metadonnées<br><br></p>
+ <ul class="actions">
+ <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="3u">
+ <section class="logiciels logiciels-two">
+ <a href="http://fav.me/d4tqyby" class="image image-full"><img src="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>
+ <ul class="actions">
+ <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="3u">
+ <section class="logiciels logiciels-three">
+ <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
+ <h3><a href="#">Interfaces unifiées </a></h3>
+ <p>HTTP</br>web</br><br><br></p>
+ <ul class="actions">
+ <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="3u">
+ <section class="logiciels logiciels-four">
+ <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
+ <h3><a href="#">Open Source</a></h3>
+ <p>Développement logiciel issu de la recherche publique (Telemeta, CNRS, Musée de l’Homme, Laboratoire d’ethnomusicologie)</p>
+ <ul class="actions">
+ <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- /logiciels -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- /logiciels Wrapper -->
+
+
+
+ <!-- solutions Wrapper -->
+ <div id="h-solutions" class="color01"></div>
+ <div id="solutions-wrapper" class="wrapper color02">
+ <div class="title color02 Tcolor10">solutions</div>
+ <div class="container">
+ <div class="row">
+ <div class="12u">
+
+ <!-- solutions -->
+ <div id="solutions" class="12u">
+ <div class="row">
+ <div class="3u">
+ <section class="solutions solutions-one">
+ <a href="http://fav.me/d59i3b3" class="image image-full"><img src="img/pic02.jpg" alt="" /></a>
+ <h3><a href="#">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>
+ <ul class="actions">
+ <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="3u">
+ <section class="solutions solutions-two">
+ <a href="http://fav.me/d4tqyby" class="image image-full"><img src="img/pic03.jpg" alt="" /></a>
+ <h3><a href="#">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>
+ <ul class="actions">
+ <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+ </ul>
+ </section>
+ </div>
+
+ <div class="3u">
+ <section class="solutions solutions-three">
+ <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
+ <h3><a href="#">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>
+ <ul class="actions">
+ <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="3u">
+ <section class="solutions solutions-four">
+ <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
+ <h3><a href="#">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>
+ <ul class="actions">
+ <li><a href="#" class="button button-style1 color01">Learn More</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="#" class="button button-style1 button-big color01">specifications</a></li>
+ </ul>
+ <hr></hr>
+ </header>
+ </div>
+
+ <!-- /Highlights -->
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- prestations Wrapper -->
<div id="h-prestations" class="color02" ></div>
-
<div id="prestations-wrapper" class="wrapper wrapper-style2">
-
<div class="title Bcolor01 Tcolor01 color10">prestations</div>
-
<div class="container">
- <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>
-
<li><a href="#" class="button button-style3 button-big color01">specifications</a></li>
- </ul>
- <hr></hr>
- </header>
- <!-- prestations -->
-
-
<div id="prestations" class="12u">
- <div class="row">
- <section class="prestations prestations-one color01">
-
<h3 ><a href="#" 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>
- <hr></hr>
-
<li><a href="#" class="button color01 Tcolor10">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="prestations prestations-two color02">
-
<h3><a href="#" 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>
- <hr></hr>
-
<li><a href="#" class="button color02 Tcolor10">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="prestations prestations-three color03">
-
<h3><a href="#" 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>
- <hr></hr>
-
<li><a href="#" class="button color03 Tcolor10">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="prestations prestations-four color04">
-
<h3><a href="#" 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>
- <hr></hr>
-
<li><a href="#" class="button color04 Tcolor10">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="prestations prestations-five color05">
-
<h3><a href="#" 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>
- <hr></hr>
-
<li><a href="#" class="button color05 Tcolor10">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- <section class="prestations prestations-six color06">
-
<h3><a href="#" 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>
- <hr></hr>
-
<li><a href="#" class="button color06 Tcolor10">en savoir plus</a></li>
- </ul>
- </section>
- </div>
- </div>
- </div>
- </div>
- <!-- /prestations -->
- </div>
- </div>
- </div>
- </div>
- <!-- /prestations Wrapper -->
- <!-- Main Wrapper -->
+ <div id="prestations-wrapper" class="wrapper wrapper-style2">
+ <div class="title Bcolor01 Tcolor01 color10">prestations</div>
+ <div class="container">
+ <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>
+ <ul class="actions">
+ <li><a href="#" class="button button-style3 button-big color01">specifications</a></li>
+ </ul>
+ <hr></hr>
+ </header>
+ <!-- prestations -->
+
+ <div id="prestations" class="12u">
+ <div class="row">
+ <div class="2u">
+ <section class="prestations prestations-one color01">
+ <h3 ><a href="#" 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>
+ <hr></hr>
+ <ul >
+ <li><a href="#" class="button color01 Tcolor10">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="2u">
+ <section class="prestations prestations-two color02">
+ <h3><a href="#" 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>
+ <hr></hr>
+ <ul>
+ <li><a href="#" class="button color02 Tcolor10">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="2u">
+ <section class="prestations prestations-three color03">
+ <h3><a href="#" 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>
+ <hr></hr>
+ <ul>
+ <li><a href="#" class="button color03 Tcolor10">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="2u">
+ <section class="prestations prestations-four color04">
+ <h3><a href="#" 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>
+ <hr></hr>
+ <ul >
+ <li><a href="#" class="button color04 Tcolor10">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="2u">
+ <section class="prestations prestations-five color05">
+ <h3><a href="#" 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>
+ <hr></hr>
+ <ul >
+ <li><a href="#" class="button color05 Tcolor10">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="2u">
+ <section class="prestations prestations-six color06">
+ <h3><a href="#" 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>
+ <hr></hr>
+ <ul >
+ <li><a href="#" class="button color06 Tcolor10">en savoir plus</a></li>
+ </ul>
+ </section>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- /prestations -->
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- /prestations Wrapper -->
+ <!-- Main Wrapper -->
<div id="h-references" class="color10" ></div>
-
<div id="references-wrapper" class="wrapper wrapper-style2 color05">
-
<div class="title Bcolor10 Tcolor10 color05">references</div>
-
<div class="container">
-
- <!-- Main -->
-
- <!-- Image -->
-
<a href="http://fav.me/d5pjw3g" class="image image-featured" ><img src="img/pic01.jpg" alt="" /></a>
- <!-- /Image -->
- <header id="intro" class="style1">
- <h2>Dolor consequat feugiat amet veroeros</h2>
-
<p class="byline">Feugiat dolor nullam orci pretium phasellus justo</p>
- <br><br>
- </header>
- <!-- Features -->
- <section id="features">
-
<div class="feature-list">
- <section>
- <h3>Mattis velit diam vulputate</h3>
-
<a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref01.png" alt="" /></a>
-
-
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
- </section>
- </div>
- <section>
- <h3>Lorem ipsum dolor sit veroeros</h3>
-
<a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref02.png" alt="" /></a>
-
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
- </section>
- </div>
- </div>
- <section>
- <h3>Pretium phasellus justo lorem</h3>
-
<a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
-
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
- </section>
- </div>
- <section>
- <h3 >Tempus sed pretium orci</h3>
-
<a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref01.png" alt="" /></a>
-
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
- </section>
- </div>
- </div>
- <section>
- <h3>Aliquam consequat et feugiat</h3>
-
<a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
-
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
- </section>
- </div>
- <section>
- <h3>Dolore laoreet aliquam mattis</h3>
-
<a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
-
<p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
- </section>
- </div>
- </div>
- </div>
-
<ul class="actions actions-centered">
-
<li><a href="#" class="button button-style1 button-big color03">références</a></li>
-
<li><a href="#" class="button button-style1 button-big color02">étude de cas</a></li>
- </ul>
- </section>
- <!-- /Features -->
-
- </div>
- <!-- /Main -->
-
- </div>
- </div>
- </div>
- </div>
- <!-- /Main Wrapper -->
- <!-- Footer Wrapper -->
-
<div id="h-contacts" class="color05"></div>
-
<div id="footer-wrapper" class="wrapper">
-
<div class="title color01 Tcolor10 Bcolor10">contacts</div>
-
<div class="container">
+ <div id="references-wrapper" class="wrapper wrapper-style2 color05">
+ <div class="title Bcolor10 Tcolor10 color05">references</div>
+ <div class="container">
+ <div class="row">
+ <div class="12u">
+
+ <!-- Main -->
+ <div id="references">
+
+ <!-- Image -->
+ <a href="http://fav.me/d5pjw3g" class="image image-featured" ><img src="img/pic01.jpg" alt="" /></a>
+ <!-- /Image -->
+ <header id="intro" class="style1">
+ <h2>Dolor consequat feugiat amet veroeros</h2>
+ <p class="byline">Feugiat dolor nullam orci pretium phasellus justo</p>
+ <br><br>
+ </header>
+ <!-- Features -->
+ <section id="features">
+ <div class="feature-list">
+ <div class="row">
+ <div class="6u">
+ <section>
+ <h3>Mattis velit diam vulputate</h3>
+ <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref01.png" alt="" /></a>
+
+ <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
+ </section>
+ </div>
+ <div class="6u">
+ <section>
+ <h3>Lorem ipsum dolor sit veroeros</h3>
+ <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref02.png" alt="" /></a>
+ <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
+ </section>
+ </div>
+ </div>
+ <div class="row">
+ <div class="6u">
+ <section>
+ <h3>Pretium phasellus justo lorem</h3>
+ <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
+ <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
+ </section>
+ </div>
+ <div class="6u">
+ <section>
+ <h3 >Tempus sed pretium orci</h3>
+ <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref01.png" alt="" /></a>
+ <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
+ </section>
+ </div>
+ </div>
+ <div class="row">
+ <div class="6u">
+ <section>
+ <h3>Aliquam consequat et feugiat</h3>
+ <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
+ <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
+ </section>
+ </div>
+ <div class="6u">
+ <section>
+ <h3>Dolore laoreet aliquam mattis</h3>
+ <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
+ <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
+ </section>
+ </div>
+ </div>
+ </div>
+ <ul class="actions actions-centered">
+ <li><a href="#" class="button button-style1 button-big color03">références</a></li>
+ <li><a href="#" class="button button-style1 button-big color02">étude de cas</a></li>
+ </ul>
+ </section>
+ <!-- /Features -->
+
+ </div>
+ <!-- /Main -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- /Main Wrapper -->
+ <!-- Footer Wrapper -->
+ <div id="h-contacts" class="color05"></div>
+ <div id="footer-wrapper" class="wrapper">
+ <div class="title color01 Tcolor10 Bcolor10">contacts</div>
+ <div class="container">
+ <div class="row">
+ <div class="12u">
- <!-- Footer -->
- <header class="style1">
- <h2>Rencontrons-nous</h2>
- Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.<br />
- Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
- </p>
-
<li><a href="#" class="button button-style3 color02">la societe</a></li>
- </ul>
-
- <hr />
+ <!-- Footer -->
+ <div id="footer" >
+ <header class="style1">
+ <h2>Rencontrons-nous</h2>
+ <p class="byline">
+ Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.<br />
+ Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
+ </p>
+ <ul class="actions">
+ <li><a href="#" class="button button-style3 color02">la societe</a></li>
+ </ul>
+
+ <hr />
- </header>
-
- <!-- Contact Form -->
- <section class="footer-one">
- <form method="post" action="#">
- <input type="text" class="text" name="name" id="contact-name" placeholder="Nom" />
- </div>
- <input type="text" class="text" name="name" id="contact-email" placeholder="E-mail" />
- </div>
- </div>
- <textarea name="message" id="contact-message" placeholder="Message"></textarea>
- </div>
- </div>
- <li><input type="submit" class="button button-style1 color02" value="Send" /></li>
- <li><input type="reset" class="button button-style1 color03" value="Reset" /></li>
- </ul>
- </div>
- </div>
- </div>
- </form>
- </section>
- <!-- /Contact Form -->
- </div>
-
- <!-- Contacts -->
- <section class="footer-two">
-
<div class="feature-list feature-list-small">
- <section>
- <h3>Adresse</h3>
- TELECASTING <br />
- 16 rue Jacques Louvel-Tessier<br />
- 75010 Paris<br />
- France<br />
- tel. +33(0)9 51 71 25 75<br />
- mob. +33(0)6 20 96 28 53
- </p>
- </section>
- </div>
- <section>
- <h3 >Social</h3>
-
<a href="http://twitter.com/n33co">linkedin</a><br />
-
<a href="http://dribbble.com/n33">facebook</a>
- </p>
- </section>
- </div>
- </div>
-
- </div>
- </div>
- </section>
- <!-- /Contacts -->
-
- </div>
- </div>
- </div>
- <hr />
- </div>
- <hr />
+ </header>
+ <div class="row">
+ <div class="6u">
+
+ <!-- Contact Form -->
+ <section class="footer-one">
+ <form method="post" action="#">
+ <div>
+ <div class="row half">
+ <div class="6u">
+ <input type="text" class="text" name="name" id="contact-name" placeholder="Nom" />
+ </div>
+ <div class="6u">
+ <input type="text" class="text" name="name" id="contact-email" placeholder="E-mail" />
+ </div>
+ </div>
+ <div class="row half">
+ <div class="12u">
+ <textarea name="message" id="contact-message" placeholder="Message"></textarea>
+ </div>
+ </div>
+ <div class="row">
+ <div class="12u">
+ <ul class="actions">
+ <li><input type="submit" class="button button-style1 color02" value="Send" /></li>
+ <li><input type="reset" class="button button-style1 color03" value="Reset" /></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </form>
+ </section>
+ <!-- /Contact Form -->
+ </div>
+ <div class="6u">
+
+ <!-- Contacts -->
+ <section class="footer-two">
+ <div class="feature-list feature-list-small">
+ <div>
+ <div class="row">
+ <div class="6u">
+ <section>
+ <h3>Adresse</h3>
+ <p>
+ TELECASTING <br />
+ 16 rue Jacques Louvel-Tessier<br />
+ 75010 Paris<br />
+ France<br />
+ tel. +33(0)9 51 71 25 75<br />
+ mob. +33(0)6 20 96 28 53
+ </p>
+ </section>
+ </div>
+ <div class="6u">
+ <section>
+ <h3 >Social</h3>
+ <p>
+ <a href="http://twitter.com/n33co">linkedin</a><br />
+ <a href="http://dribbble.com/n33">facebook</a>
+ </p>
+ </section>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </section>
+ <!-- /Contacts -->
+
+ </div>
+ </div>
+ </div>
+ <hr />
+ <div id="map" >
+ </div>
+ <hr />
- <!-- /Footer -->
+ <!-- /Footer -->
- <!-- Copyright -->
- <span>
-
© telecasting 2013 <a href=""></a>
- </span>
- </div>
- <!-- /Copyright -->
-
- </div>
- </div>
- </div>
- </div>
- <!-- Footer Wrapper -->
-
- </body>
+ <!-- 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
projects / telecasting-www.git / commitdiff