-<!DOCTYPE HTML>
+{% extends "telecasting/index.html" %}
+{% load i18n %}
+{% load bento_tags %}
-<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>
-
-
- <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="color03" 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 -->
+ {% block slides %}
<div id="header" class="wrapper-video">
- <div id="video-home">
- <iframe src="ifr-e-conference.html" ></iframe>
- </div>
+ <iframe src="/ifr-e-conference.html" ></iframe>
+ </div>
</div>
- <!-- /Header -->
- </div>
- </div>
- </div>
-</div>
-<!-- /Header Wrapper -->
-
+ {% endblock slides %}
+
+{% block content %}
<!-- Main Wrapper -->
<div class="wrapper wrapper-style2 color10">
- <div class="title color10 Tcolor01 Bcolor01">e-conference</div>
+ <div class="title color10 Tcolor01 Bcolor01">e-conf</div>
<div class="container">
<div class="row">
<div class="12u">
<div id="content">
<article class="is is-post">
<header class="style1">
- <h2>Lorem ipsum dolor sit amet magna egestas morbi bibendum sed malesuada</h2>
- <span class="byline">Tempus feugiat veroeros sed nullam dolore</span>
+ <h2>{% show_text_box 'e-conf-tit' %}</h2>
+ <span class="byline">{% show_text_box 'e-conf-sub-tit' %}</span>
</header>
- <a href="http://fav.me/d5pjw3g" class="image image-featured">
- <img src="img/pic01.jpg" alt="" />
- </a>
- <p>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
- odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
- facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
- tempus euismod. Vestibulum ante ipsum primis in faucibus.</p>
- <p>Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
- habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
- bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
- lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
- Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
- magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
- leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
- amet risus elit.</p>
- <p>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
- ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
- eget quam rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
- eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
- tincidunt felis sagittis eget. Donec elementum ligula dignissim sem pulvinar non semper
- odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
- facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
- tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
- posuere cubilia.</p>
- <p>Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
- habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
- bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
- lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
- Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
- magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
- leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
- amet risus elit.</p>
+
+ {% show_image_box 'e-conf-feat' %}
+
+ {% show_text_box 'e-conf-feat' %}
</article>
<div>
<div class="row">
<header>
<h2>Magna pulvinar tempus</h2>
</header>
- <a href="http://fav.me/d5uvswq" class="image image-full"><img src="img/Gpic02.jpg" alt="" /></a>
- <p>Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
- eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
- tempus.</p>
+ {% show_image_box 'e-conf-img-1' %}
+ {% show_text_box 'e-conf-img-1-tit' %}
<a href="#" class="button button-style1">More</a>
</section>
</div>
<header>
<h2>Magna pulvinar tempus</h2>
</header>
- <a href="http://fav.me/d5qdf2o" class="image image-full"><img src="img/Gpic03.jpg" alt="" /></a>
- <p>Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
- eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
- tempus.</p>
+ {% show_image_box 'e-conf-img-2' %}
+ {% show_text_box 'e-conf-img-2-tit' %}
+
</section>
</div>
</div>
</div>
<div class="4u">
- <!-- Sidebar -->
+ <!-- Sidebar -->
<div id="sidebar">
<section >
- <p><a href="mobile-web-tv.html" class="button button-style1 button-big color01">mobile web tv</a></p>
- <p><a href="e-learning.html" class="button button-style1 button-big color02">e-learning</a></p>
- <p><a href="e-conference.html" class="button button-style1 button-big color03">e-conference</a></p>
- <p><a href="e-concert.html" class="button button-style1 button-big color04">e-concert</a></p>
+ <p><a href="/mobile-web-tv.html" class="button button-style1 button-big color01">mobile web tv</a></p>
+ <p><a href="/e-learning.html" class="button button-style1 button-big color02">e-learning</a></p>
+ <p><a href="/e-conference.html" class="button button-style1 button-big color03">e-conference</a></p>
+ <p><a href="/e-concert.html" class="button button-style1 button-big color04">e-concert</a></p>
</section>
</div>
<!-- /Sidebar -->
</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 -->
+{% endblock content %}
- </body>
-</html>
\ No newline at end of file
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
- <link rel="stylesheet" type="text/css" href="css/multilevelmenu.css" />
- <link rel="stylesheet" type="text/css" href="css/component.css" />
- <link rel="stylesheet" type="text/css" href="css/animations.css" />
- <link rel="stylesheet" type="text/css" href="css/video-js-tc.css" />
- <script src="js/modernizr.custom.js"></script>
- <script src="js/video.js"></script>
+ <link rel="stylesheet" type="text/css" href="/static/telecasting/css/multilevelmenu.css" />
+ <link rel="stylesheet" type="text/css" href="/static/telecasting/css/component.css" />
+ <link rel="stylesheet" type="text/css" href="/static/telecasting/css/animations.css" />
+ <link rel="stylesheet" type="text/css" href="/static/telecasting/css/video-js-tc.css" />
+ <script src="/static/telecasting/js/modernizr.custom.js"></script>
+ <script src="/static/telecasting/js/video.js"></script>
<script>
- videojs.options.flash.swf = "swf/video-js.swf";
+ videojs.options.flash.swf = "/static/telecasting/swf/video-js.swf";
</script>
</head>
- <body class="color03">
+ <body class="color01">
<div class="pt-triggers">
<button id="iterateEffects" class="pt-touch-button"></button>
<div id="dl-menu" class="dl-menuwrapper">
</div><!-- /dl-menu-wrapper-->
</div><!-- /triggers -->
- <div id="pt-main" class="pt-perspective color03">
- <div class="pt-page color03 pt-page-1">
- <div class="image"><img src="img/telecasting-dia-01.svg" alt="" />
- <h2>All in the Case*</h2>
+ <div id="pt-main" class="pt-perspective color01">
+ <div class="pt-page color01 pt-page-1">
+ <div class="image"><img src="/static/telecasting/img/telecasting-dia-01.svg" alt="" />
+ <h2>Anything Anytime Anywhere</h2>
</div>
</div>
- <div class="pt-page color03 pt-page-2">
- <div class="image"><img src="img/telecasting-dia-02.svg" alt="" />
+ <div class="pt-page color01 pt-page-2">
+ <div class="image"><img src="/static/telecasting/img/telecasting-dia-02.svg" alt="" />
<h3>installation & captation</h3>
<p><b>caméra</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <b>micro</b> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>portable</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <b>logiciel</b> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<span> Etape 1</span></p>
</div>
</div>
- <div class="pt-page color03 pt-page-3">
- <div class="image"><img src="img/telecasting-dia-02.svg" alt="" />
+ <div class="pt-page color01 pt-page-3">
+ <div class="image"><img src="/static/telecasting/img/telecasting-dia-02.svg" alt="" />
<h3>installation & captation</h3>
<p><b>caméra</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <b>micro</b> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>portable</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <b>logiciel</b> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<span> Etape 1</span></p></div>
</div>
- <div class="pt-page color03 pt-page-4">
- <div class="image"><img src="img/telecasting-dia-02.svg" alt="" />
+ <div class="pt-page color01 pt-page-4">
+ <div class="image"><img src="/static/telecasting/img/telecasting-dia-02.svg" alt="" />
<h3>installation & captation</h3>
<p><b>caméra</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <b>micro</b> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>portable</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <b>logiciel</b> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<span> Etape 1</span></p></div>
</div>
- <div class="pt-page color03 pt-page-5">
- <div class="image"><img src="img/telecasting-dia-02.svg" alt="" />
+ <div class="pt-page color01 pt-page-5">
+ <div class="image"><img src="/static/telecasting/img/telecasting-dia-02.svg" alt="" />
<h3>installation & captation</h3>
<p><b>caméra</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <b>micro</b> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>portable</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <b>logiciel</b> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<span> Etape 1</span></p></div>
</div>
- <div class="pt-page color03 pt-page-6">
- <video id="player" class="video-js vjs-tc-skin" width="100%" height="100%" controls poster="vid/tele01.png" data-setup="{}">
- <source src="vid/tele01.mp4" type="video/mp4" />
- <source src="vid/tele01.webm" type="video/webm" />
- <source src="vid/tele01.ogv" type="video/ogg" />
+ <div class="pt-page color01 pt-page-6">
+ <video id="player" class="video-js vjs-tc-skin" width="100%" height="100%" controls poster="/static/telecasting/vid/tele01.png" data-setup="{}">
+ <source src="/static/telecasting/vid/tele01.mp4" type="video/mp4" />
+ <source src="/static/telecasting/vid/tele01.webm" type="video/webm" />
+ <source src="/static/telecasting/vid/tele01.ogv" type="video/ogg" />
</video>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script src="js/jquery.dlmenu.js"></script>
- <script src="js/pagetransitions.js"></script>
+ <script src="/static/telecasting/js/jquery.dlmenu.js"></script>
+ <script src="/static/telecasting/js/pagetransitions.js"></script>
</body>
</html>
projects / telecasting-www.git / commitdiff