-<!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="color04" 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-concert.html" ></iframe>
- </div>
+ <iframe src="/ifr-e-concert.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-concert</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-concert-tit' %}</h2>
+ <span class="byline">{% show_text_box 'e-concert-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-concert-feat' %}
+
+ {% show_text_box 'e-concert-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-concert-img-1' %}
+ {% show_text_box 'e-concert-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-concert-img-2' %}
+ {% show_text_box 'e-concert-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
projects / telecasting-www.git / commitdiff