SHARE
TWEET

Untitled

a guest Aug 25th, 2019 134 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3.   <head>
  4.     <meta charset="utf-8" />
  5.  <title>SimCha : duo de chanson à texte | Toulouse</title>
  6. <link rel="stylesheet" type="text/css" href="index.css" />
  7. <meta name="description" content="SimCha - duo de chanson à texte de Toulouse et de Saint-sulpice sur Tarn.
  8. Simon Fayolle (guitare/voix) et Charlotte Couleau (piano/voix)." />
  9. <meta name="keywords" content="Simcha, groupe de musique toulouse, concert à domicile, animation musicale toulouse, musique séminaire, musique soirée entreprise, musique mariage, musique vin d'honneur, simon fayolle, charlotte couleau, duo, chanson à texte, spectacle, festival, ballades, folk, intimiste, guitare, piano, chant" />
  10. <meta property="og:title" content="SimCha - duo de chanson à texte - Toulouse / St Sulpice sur Tarn" />
  11. <meta property="og:type" content="website" />
  12. <meta property="og:url" content="http://www.simcha.fr/img/simcha.jpg/" />
  13. <meta property="og:image" content="simcha.jpg" />
  14. <meta property="og:description" content="SimCha - duo de chanson à texte de Toulouse et de Saint-sulpice sur Tarn.
  15. Simon Fayolle (guitare/voix) et Charlotte Couleau (piano/voix)."/>"
  16. <meta property="og:video" content="https://www.youtube.com/embed/YsJCpiFeWOU" />
  17. <meta property="og:locale" content="fr_FR" />
  18. <meta property="og:name" content="SimCha" />
  19.    
  20. <!--------------------------------------------------------  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>---------------------------------------------------------------------->
  21.  
  22.  
  23. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  24. <script  type="text/javascript" src="mesfonctions.js"></script>
  25.  
  26.  
  27.  
  28. <div id="fb-root"></div>
  29. <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v4.0"></script>
  30. <script type="text/javascript" src="jquery.js"></script>
  31. <script type="text/javascript" src="jquery.easing.js"></script>    
  32. <script type="text/javascript" src="scroll.js"></script>
  33.  
  34.  
  35.   </head>
  36.  
  37.   <body>
  38.  
  39. <!--------------------------------------------------------   LIENS - RESEAUX SOCIAUX   ---------------------------------------------------------------------->
  40.  
  41.   <a class="face" href="https://www.facebook.com/duosimcha" target="_blank">
  42.                         <img src="img/facebook.png" width="35" height="35" alt="facebook"/></a>
  43.  
  44.   <a class="soundcloud" href="https://soundcloud.com/duosimcha" target="_blank">
  45.                         <img src="img/soundcloud.png" width="35" height="35" alt="soundcloud"/></a>
  46.  
  47.   <a class="instagram" href="https://www.instagram.com/simcha_officiel/" target="_blank">
  48.                         <img src="img/instagram.png" width="35" height="35" alt="instagram"/></a>
  49.  
  50.   <a class="live" href="https://www.livetonight.fr/groupe-musique-dj/4439-duo-simcha" target="_blank">
  51.                         <img src="img/live.png" width="35" height="35" alt="live-tonight"/></a>
  52.  
  53.   <a class="tube" href="https://www.youtube.com/channel/UCityXTfHQNTgsNQWns4DMSA" target="_blank">
  54.                         <img src="img/tube.png" width="35" height="35" alt="live-tonight"/></a>
  55.  
  56.   <a class="twitter" href="https://twitter.com/SimCha_officiel/" target="_blank">
  57.                         <img src="img/twitter.png" width="35" height="35" alt="twitter"/></a>
  58.  
  59.  
  60.  
  61. <!--------------------------------------------------------   NEWSLETTER TEST personnalise  
  62.  
  63. <div class="news" style="position:absolute; top: 210px; margin-left:259px; height:75px; background-color:rgba(0, 0, 0, 0.80); padding:10px ">
  64.  
  65. <p style="height:10px; margin-top:0; width:200px; padding:7px, 5px, 0px, 5px"><span style="font-weight:bold; color:#FFFF99;">Restez inform&eacute; de nos dates !</span></p>
  66.  
  67. <form action="/newsletter.php" method="post">
  68.     <div>
  69.         <input style="background-color:black; color:white;" type="text" id="mail" name="mail" value="Mon adresse mail..." onclick="javascript:this.value=''">
  70.     </div>
  71.     <div class="button">
  72.         <button>Inscription Newsletter</button>
  73.     </div>
  74. </form>
  75.  
  76. </div>
  77. ---------------------------------------------------------------------->
  78.  
  79.  
  80.  
  81. <!--------------------------------------------------------   NEWSLETTER   googlesheet   ---------------------------------------------------------------------->  
  82.  
  83.  
  84. <div class="news" style="position:absolute; top: 185px; margin-left:259px; width:200px; height:75px; background-color:rgba(0, 0, 0, 0.80); padding:10px ">
  85.  
  86. <p style="height:10px; margin-top:0; width:200px; padding:7px, 5px, 0px, 5px"><span style="font-weight:bold; color:#FFFF99;">Restez inform&eacute; de nos dates !</span></p>
  87.  
  88.  
  89.  
  90. <form id="test-form">
  91.     <div>
  92.         <input style="background-color:black; color:white;" type="text" id="mail" name="mail" value="Mon adresse mail..." onclick="javascript:this.value=''">
  93.     </div>
  94.     <div class="button">
  95.         <button id="submit-form" type="submit" name="envoyer" onclick="function()">Inscription Newsletter</button>
  96.     </div>
  97. </form>
  98.  
  99.  
  100.  
  101.  
  102.  
  103. <!--------<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>---------------------------------------------------------------------->
  104.  
  105.  
  106.  
  107. <!----------------------------------------
  108.  
  109. <script type='text/javascript'>
  110.  
  111.  
  112. /**
  113.  * jQuery serializeObject
  114.  * @copyright 2014, macek <paulmacek@gmail.com>
  115.  * @link https://github.com/macek/jquery-serialize-object
  116.  * @license BSD
  117.  * @version 2.5.0
  118.  */
  119. !function(e,i){if("function"==typeof define&&define.amd)define(["exports","jquery"],function(e,r){return i(e,r)});else if("undefined"!=typeof exports){var r=require("jquery");i(exports,r)}else i(e,e.jQuery||e.Zepto||e.ender||e.$)}(this,function(e,i){function r(e,r){function n(e,i,r){return e[i]=r,e}function a(e,i){for(var r,a=e.match(t.key);void 0!==(r=a.pop());)if(t.push.test(r)){var u=s(e.replace(/\[\]$/,""));i=n([],u,i)}else t.fixed.test(r)?i=n([],r,i):t.named.test(r)&&(i=n({},r,i));return i}function s(e){return void 0===h[e]&&(h[e]=0),h[e]++}function u(e){switch(i('[name="'+e.name+'"]',r).attr("type")){case"checkbox":return"on"===e.value?!0:e.value;default:return e.value}}function f(i){if(!t.validate.test(i.name))return this;var r=a(i.name,u(i));return l=e.extend(!0,l,r),this}function d(i){if(!e.isArray(i))throw new Error("formSerializer.addPairs expects an Array");for(var r=0,t=i.length;t>r;r++)this.addPair(i[r]);return this}function o(){return l}function c(){return JSON.stringify(o())}var l={},h={};this.addPair=f,this.addPairs=d,this.serialize=o,this.serializeJSON=c}var t={validate:/^[a-z_][a-z0-9_]*(?:\[(?:\d*|[a-z0-9_]+)\])*$/i,key:/[a-z0-9_]+|(?=\[\])/gi,push:/^$/,fixed:/^\d+$/,named:/^[a-z0-9_]+$/i};return r.patterns=t,r.serializeObject=function(){return new r(i,this).addPairs(this.serializeArray()).serialize()},r.serializeJSON=function(){return new r(i,this).addPairs(this.serializeArray()).serializeJSON()},"undefined"!=typeof i.fn&&(i.fn.serializeObject=r.serializeObject,i.fn.serializeJSON=r.serializeJSON),e.FormSerializer=r,r});
  120.  
  121. </script>
  122.  
  123. <script type="text/javascript">
  124.  
  125. var $form = $('form#test-form'),
  126.     url = 'https://script.google.com/macros/s/AKfycbyEr2sy9bXgzi90ndLl_Y1KKlq0pj7OVv9Q-qwX0uaEkbptnFU/exec';
  127.  
  128. $('#submit-form').on('click', function(e) {
  129.   e.preventDefault();
  130.   var jqxhr = $.ajax({
  131.     url: url,
  132.     method: "GET",
  133.     dataType: "json",
  134.     data: $form.serializeObject()
  135.   }).success(function(){
  136.          // do something
  137. alert('Inscription effectu\351e avec succ\350s.\nNous vous tiendrons inform\351 de nos concerts.\nA bientot !');
  138.       }
  139.     );
  140. });
  141. </script>
  142.  
  143. </div>
  144.  
  145. ---------------------------------------------------------------------->
  146.  
  147.  
  148. <!--------------------------------------------------------   LOGO SIMCHA   ----------------------------------------------------------------------> 
  149.  
  150. <div id="Accueil"></div>
  151.  
  152. <div id="conteneur">    
  153.    
  154.     <h1 id="header"><a href="#"><span>SimCha</span></a></h1>
  155. <span id="album"> <a href="https://www.facebook.com/events/342445336424036/" target=blank> Sortie de l'Album - Jeudi 12 Septembre 2019 - caf&eacute; Maison Blanche &agrave; Toulouse  </a> </span>
  156.  
  157.  
  158. <!--------------------------------------------------------   SOUNDCLOUD   ---------------------------------------------------------------------->  
  159.  
  160. <!--------------------------------------------------------      
  161.  
  162. <iframe width="250" height="75" style="float:left; z-index:1; background:transparent" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585249348&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
  163.  
  164.  
  165.  
  166. <div style=" position:absolute; top: 323px; width:250px; height:16px; padding:0; background-color:rgba(0, 0, 0, 0.75) "><p>P</p></div>
  167.  
  168. ---------------------------------------------------------------------->
  169.  
  170. <!--------------------------------------------------------   MENU   ---------------------------------------------------------------------->
  171.  
  172.     <div id="menu">
  173.     <menu>
  174.  
  175.       <ul id="menu">
  176.  
  177.         <li><a href="#concerts">Concerts</a></li><li style='font-size: 2em; padding-top:4px'>|</li>
  178.         <li><a href="#medias">Medias</a></li><li style='font-size: 2em; padding-top:4px'>|</li>
  179.     <li><a href="#presse">Presse</a></li><li style='font-size: 2em; padding-top:4px'>|</li>
  180.         <li><a href="#bio">Bio</a></li><li style='font-size: 2em; padding-top:4px'>|</li>
  181.         <li id="contact"><a href="#contactok">Contact</a></li>
  182.       </ul>
  183.     </menu>
  184.     </div>
  185.  
  186. <!--------------------------------------------------------   PROCHAINES DATES   ---------------------------------------------------------------------->
  187.  
  188.     <div id="contenu">
  189.  
  190. <p id="dates" style=" width:990px; height:290px; class="proch_concert" style="position:absolute; top:291; z-index:2;">
  191.  
  192. <span id="capitale">P</span><span style="font-weight:bold">rochaines dates : </span>
  193.  <br/>
  194.  
  195. <span style="font-weight:bold; color:#FFFF99">30/08</span> - 21h - C'est si bon (Faudoas 82)<span>&rarr; </span>
  196.  <a class="lien_carca" href="https://www.facebook.com/Cest-si-bon-176474359484125/" target="_blank">Plus d'infos ici</a>
  197.  <br/>
  198.  
  199. <span style="font-weight:bold; color:#FFFF99">1/09</span> - 18h - Les lunes d'ete au Kiosque (Mazamet 81)<span>&rarr; </span>
  200.  <a class="lien_carca" href="https://www.facebook.com/215666787765/posts/10157349443212766/" target="_blank">Plus d'infos ici</a>
  201.  <br/>
  202.  
  203.  <a class="lien_carca" href="https://www.facebook.com/cafemaisonblanche/" target="_blank"><span style="font-weight:bold; color:#FFFF99">12/09 - 20h - SORTIE D'ALBUM - Maison Blanche (Toulouse 31)
  204. </span></a>
  205. <br/>
  206.  
  207. <span style="font-weight:bold; color:#FFFF99">15/09</span> - 19h - Cactus (Toulouse 31)<span>&rarr; </span>
  208.  <a class="lien_carca" href="https://www.facebook.com/lecactuslive/" target="_blank">Plus d'infos ici</a>
  209.  <br/>
  210.  
  211. <span style="font-weight:bold; color:#FFFF99">10/11</span> - 21h - Le puits du jour (Lauzerte 82)<span>&rarr; </span>
  212.  <a class="lien_carca" href="https://www.facebook.com/lepuits2jour/" target="_blank">Plus d'infos ici</a>
  213.  <br/>
  214.  
  215. <span style="font-weight:bold; color:#FFFF99">21/11</span> - 21h - La Candela (Toulouse 31)<span>&rarr; </span>
  216.  <a class="lien_carca" href="https://www.facebook.com/lacandelatoulouse/" target="_blank">Plus d'infos ici</a>
  217.  <br/>
  218.  
  219. <span style="font-weight:bold; color:#FFFF99">23/11</span> - 19h - Le Saint Andre (St Andre de Najac 12)<span>&rarr; </span>
  220.  <a class="lien_carca" href="https://www.facebook.com/lebardestandre/" target="_blank">Plus d'infos ici</a>
  221.  <br/>
  222.  
  223. <span style="font-weight:bold; color:#FFFF99">01/12</span> - 14h - Festimots (Castanet 31)<span>&rarr; </span>
  224.  <a class="lien_carca" href="https://www.facebook.com/MJCCastanet/" target="_blank">Plus d'infos ici</a>
  225.  <br/>
  226.  
  227.  
  228. <!-----margin-left:132px; ---------------------------------------------------------------------->
  229.  
  230.  
  231. <!----<iframe style="position:absolute; top: 356px; right:280px; z-index:1;" width="530" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/660888245&color=%23624f44&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  232. ---------------------------------------------------------------------->
  233.  
  234. <iframe style="position:absolute; top: 340px; right:280px; z-index:1;" width="450" height="310" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/842623853&color=%23624f44&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  235.  
  236.  
  237. </p>
  238.  
  239. <div style="margin-top:30px; margin-bottom:20px">
  240. <a href="https://www.facebook.com/La-Lune-Derri%C3%A8re-les-Granges-215666787765/?eid=ARBoPMB31MeKeB3ClEqjzc2fo048jf479pNIPloUlBAlAM5oDyLB9-a7nnzcfjVpHL7oaEijGU05fzi4" target="_blank"><img src="img/lunes_3.jpg" width="1050" alt="Lune derriere les granges simcha"/></a>
  241. </div>
  242.  
  243.  
  244.  
  245. <!--------------------------------------------------------   VIDEOS STARS   ---------------------------------------------------------------------->
  246.      
  247. <!-------<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/660888245&color=%23624f44&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>---------------------------------------------------------------------->
  248.  
  249. <div id="medias">
  250.  
  251.  
  252. <iframe style= "width:1050px; margin-top:10px; height:590px" src="https://www.youtube.com/embed/IbuNTssDnkQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  253.  
  254. <iframe style="float:left; margin-top:23px; width:690px; height:315px" src="https://www.youtube.com/embed/A4RgHse8vO8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  255.  
  256. <iframe style="float:right; margin-top:22px" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fduosimcha&tabs=timeline&width=340&height=800&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="655" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
  257.  
  258. <iframe style="float:left; margin-top:23px; width:690px; height:315px" src="https://www.youtube.com/embed/8hioHs-FEco" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  259.  
  260.  
  261. <div id="credits" style="background-color:transparent; margin-top:15px; margin-bottom:30px; color:white; margin-left:280px; height:680px; width:1000px">
  262. <div style="float:left">
  263. <br/>
  264. Son/Video:
  265. <a class="lien_carca" href="http://www.vintagesoundstudio.net/" target=_blank>
  266. Luis Mazzoni
  267. </a>
  268. </div>
  269. </div>
  270.  
  271.       </div>
  272.  
  273. <!--------------------------------------------------------   NEWS   ---------------------------------------------------------------------->
  274.  
  275.  
  276. <p style="margin-top:20px;" id="news">
  277. <span id="capitale">A</span><span style="font-weight:bold"> ctualites : </span><br/>
  278. <span>&rarr; </span>
  279. Nous sortons l'album "SimCha = joie !" <a style="color:#FFFF99" class="lien_carca" href="https://www.facebook.com/events/342445336424036/" target="_blank">
  280. Jeudi 12 Septembre lors d'un concert au cafe Maison Blanche a Toulouse </a> ! Venez nombreux :)
  281. <br/>
  282. <span>&rarr; </span><a class="lien_carca" href="https://fr.ulule.com/album-drole-doiseau" target="_blank">
  283. Page Ulule du financement participatif pour l'album.
  284. </a>
  285. <br/>
  286.  
  287. <span>&rarr; </span><a class="lien_carca" href="https://soundcloud.com/duosimcha" target="_blank">
  288. Ecouter les 1ers extraits de l'album
  289. </a>
  290. <br/>
  291.  
  292. </p>
  293.  
  294. <!--------------------------------------------------------   GAZETTE    ---------------------------------------------------------------------->
  295.  
  296. <div id="presse">
  297. <div id="gazette">
  298. <img style="float:right; margin-top:7px" src="img/gazette.jpg" height="810" width="447" alt="Aspet s'expose - Simcha"/>
  299. </div>
  300. </div>
  301.  
  302. <!--------------------------------------------------------   PRESSE    ---------------------------------------------------------------------->
  303.  
  304. <p style="width:520px; line-height:37px">
  305.  
  306. <span id="capitale">P</span><span style="font-weight:bold"> resse / Radio : </span><br/>
  307.  
  308. <span>&rarr; </span>
  309. <a class="lien_carca" href="https://www.facebook.com/duosimcha/photos/a.2106783639615291/2106795862947402/?type=3&theater
  310. " target="_blank">
  311. Article de La Gazette du Comminges - Aspet s'expose - 21/07/19
  312. </a><br/>
  313.  
  314. <span>&rarr; </span>
  315. <a class="lien_carca"" href="http://radiom.fr/s/u5563" target="_blank">Interview Radio - Forum des Musiques Actuelles a Albi le 13/04/19.</a>
  316. <br/>
  317.  
  318. <span>&rarr; </span>
  319. <a class="lien_carca" href="https://www.lindependant.fr/2019/02/26/carcassonne-le-groupe-simcha-tentera-dapporter-du-bonheur-ce-vendredi-au-chapeau-rouge,8038395.php
  320. " target="_blank">
  321. Article de L'ind&eacute;pendant - Chapeau Rouge - Carcassonne - 1/03/19
  322. </a><br/>
  323.  
  324. <span>&rarr; </span><a class="lien_carca"" href="http://www.divertir.eu/blog/culturel/bientot-un-album-pour-simcha.html" target="_blank">
  325. Article de Divertir.eu pour l'album (sortie le 12/09/19).
  326. </a>
  327.  
  328.  
  329. <!---------------------------------------------------------------------
  330. <span>&rarr; </span>
  331. <a class="lien_carca" href="https://www.facebook.com/duosimcha/photos/a.2106783639615291/2106795862947402/?type=3&theater
  332. " target="_blank">
  333. Article de La Gazette du Comminges par Christine Bories - Aspet s'expose - 21/07/19
  334. </a><br/>
  335.  
  336. <span>&rarr; </span>
  337. <a class="lien_carca"" href="http://radiom.fr/s/u5563" target="_blank">Interview Radio lors du Forum des Musiques Actuelles a Albi le 13/04/19 (Radiom, Radio Albiges, R D'Autan et Radio Octopus).</a>
  338. <br/>
  339.  
  340. <span>&rarr; </span>
  341. <a class="lien_carca" href="https://www.lindependant.fr/2019/02/26/carcassonne-le-groupe-simcha-tentera-dapporter-du-bonheur-ce-vendredi-au-chapeau-rouge,8038395.php
  342. " target="_blank">
  343. Article du journal "L'ind&eacute;pendant" pour le concert de sortie de residence le 1/03/19 au Chapeau Rouge de Carcassonne
  344. </a><br/>
  345.  
  346. <span>&rarr; </span><a class="lien_carca"" href="http://www.divertir.eu/blog/culturel/bientot-un-album-pour-simcha.html" target="_blank">
  347. Article de Divertir.eu pour l'album (sortie le 12/09/19).
  348. </a>
  349.  
  350. ---------------------------------------------------------------------->
  351.  
  352. <br/>
  353.  
  354. </p>
  355.  
  356.  
  357. <!--------------------------------------------------------   PRESENTATION   ---------------------------------------------------------------------->
  358.  
  359. <p style="width:520px; line-height:32px; margin-top:40px"><span id="capitale">S</span><span style="font-weight:bold"> imCha  = joie </span> (h&eacute;breu) !
  360. <br/>
  361. Quoi de mieux pour repr&eacute;senter ce <span style="font-weight:bold">duo de chanson &agrave;  texte p&eacute;tillant et d&eacute;licat ! </span>
  362. Leurs voix s'entrem&egrave;lent, guitare et piano virevoltent autour des mots dans une spirale po&eacute;tique. Un appel &agrave; accueillir la richesse de notre int&eacute;riorit&eacute;,
  363. pour en extraire ce qui nous rend vivant.</p>
  364.  
  365. <!--------------------------------------------------------   A DOMICILE   ---------------------------------------------------------------------->
  366.  
  367. <p style="width:520px; line-height:32px; margin-top:40px">
  368. <span style="font-size:3em" id="capitale">C</span><span style="font-weight:bold; padding-left:26px"> oncerts &agrave;  domicile : </span><br/>
  369. <span>&rarr; </span>
  370. Vous souhaitez organiser un concert chez vous, dans votre salon ou votre jardin ? Rien de plus simple : envoyez nous un mail &agrave; <span style="font-weight:bold"> simchamusique@gmail.com</span>.
  371. Sinon, il suffit de passer par notre page livetonight : <a class="lien_carca"" href="https://www.livetonight.fr/groupe-musique-dj/4439-duo-simcha" target="_blank">
  372.  en cliquant ici.
  373. </a><br/>
  374.  
  375. <!--------------------------------------------------------   CONCERTS   ---------------------------------------------------------------------->
  376.  
  377. <div id="concerts">
  378. <img style="margin-top:15px" src="img/concerts.jpg" width="1050" height="409" alt="concerts"/>
  379. </div>
  380.  
  381. <!--------------------------------------------------------   CONCERTS PASSES   ---------------------------------------------------------------------->
  382.  
  383.  
  384.  
  385. <!---------------------------<div id="concerts2" style="margin-top:30px; background-color:rgba(0, 0, 0, 0.75)">---------------------------------------------------------------------->
  386. <!----<div id="concerts2" style="height:330px; margin-top:20px; background-color:rgba(0, 0, 0, 0.75)">----->
  387.  
  388. <!----<div style="float:right; width:525px">-------->
  389.  
  390.  
  391.  
  392. <div id="concerts2" style="float:left; width:520px; margin-bottom:30px; background-color:rgba(0, 0, 0, 0.75); margin-top:30px;">
  393. <p style="line-height:1.2em; margin:0; background-color:transparent;">
  394.  
  395. <span style="font-weight:bold; color:#FFFF99"> Concerts pass&eacute;s (2019) </span> : <br/>
  396.  
  397. - Concert a domicile (St Mexant 19) : 24/08/2019<br/>
  398. - La Marjolaine (Plazac 24) : 23/08/19<br/>
  399. - L'ouverture (Mauvezin 82) : 17/08/19<br/>
  400. - Noste Cortiu (Orgibet - 09) : 21/07/19<br/>
  401. - Aspet s'expose (Aspet - 31) : 21/07/19<br/>
  402. - Concert a domicile (Arfons - 81) : 19/07/19<br/>
  403. - Concert a domicile (Montastruc-La-Conseillere - 81) : 13/07/19<br/>
  404. - Le Bijou - Osons (Toulouse - 31) : 25/06/19<br/>
  405. - Fete de la musique (Labastide-Saint-Georges - 81) : 22/06/19<br/>
  406. - Cafe Jean Jaures (Castres - 81) : 14/06/19<br/>
  407.  
  408. </div>
  409.  
  410. <div id="concerts2" style="float:right; width:530px; padding-top:20px; background-color:rgba(0, 0, 0, 0.75); margin-top:30px;">
  411. <p style="line-height:1.2em; margin:0; background-color:transparent;">
  412. - Bistrot Gourmand (Bars - 24) : 08/06/19<br/>
  413. - Fesival Handiblues (Ile d'Oleron - 17) : 07/06/19<br/>
  414. - Le Petit Bistrot (Colomiers - 31) : 10/05/19<br/>
  415. - L'Antidote (Pinsaguel - 31) : 20/04/19<br/>
  416. - Cave Poesie - Nuits de la pleine Lune (Toulouse - 31) : 19/04/19<br/>
  417. - Concert a domicile (Montauban - 82) : 12/04/19 <br/>
  418. - Caf&eacute; du Burgaud (31) : 9/03/19 <br/>
  419. - Chapeau Rouge (Carcassonne - 11) : 1/03/19 <br/>
  420. - Cartes sur Tables (Gaillac - 81) : 9/02/19 <br/>
  421. - Le Bijou - Osons (Toulouse - 31) : 30/11/18
  422. </p>
  423. </div>
  424.  
  425.  
  426.  
  427.  
  428.  
  429. <!--------------------------------------------------------   OLD
  430.  
  431. <p style="line-height:1.2em; margin:0; background-color:transparent;">
  432. <span style="font-weight:bold; color:#FFFF99"> Concerts pass&eacute;s </span> : <br/>
  433.  
  434. - Concert a domicile (St Mexant 19) : 24/08/2019<br/>
  435. - La Marjolaine (Plazac 24) : 23/08/19<br/>
  436. - L'ouverture (Mauvezin 82) : 17/08/19<br/>
  437. - Noste Cortiu (Orgibet - 09) : 21/07/19<br/>
  438. - Aspet s'expose (Aspet - 31) : 21/07/19<br/>
  439. - Concert a domicile (Arfons - 81) : 19/07/19<br/>
  440. - Concert a domicile (Montastruc-La-Conseillere - 81) : 13/07/19<br/>
  441. - Le Bijou - Osons (Toulouse - 31) : 25/06/19<br/>
  442. - Fete de la musique (Labastide-Saint-Georges - 81) : 22/06/19<br/>
  443. - Cafe Jean Jaures (Castres - 81) : 14/06/19<br/>
  444. - Bistrot Gourmand (Bars - 24) : 08/06/19<br/>
  445. - Fesival Handiblues (Ile d'Oleron - 17) : 07/06/19<br/>
  446. - Le Petit Bistrot (Colomiers - 31) : 10/05/19<br/>
  447. - L'Antidote (Pinsaguel - 31) : 20/04/19<br/>
  448. - Cave Poesie - Nuits de la pleine Lune (Toulouse - 31) : 19/04/19<br/>
  449. - Concert a domicile (Montauban - 82) : 12/04/19 <br/>
  450. - Caf&eacute; du Burgaud (31) : 9/03/19 <br/>
  451. - Chapeau Rouge (Carcassonne - 11) : 1/03/19 <br/>
  452. - Cartes sur Tables (Gaillac - 81) : 9/02/19 <br/>
  453. - Le Bijou - Osons (Toulouse - 31) : 30/11/18
  454.  
  455. </p>
  456. </div>
  457. ---------------------------------------------------------------------->
  458.  
  459.  
  460.  
  461. <!--------------------------------------------------------  PUB
  462.  
  463. <div style="float:right; width:516px">
  464. <p style="margin:0; background-color:transparent;">
  465. <span style="font-weight:bold; color:#FFFF99"> Ils nous font confiance</span> : <br/>
  466.  
  467. <span style="line-height:1.2em">
  468.  
  469. </span>
  470. </p>
  471. </div>
  472.  
  473. ---------------------------------------------------------------------->
  474.  
  475.  
  476.  
  477. <!--------------------------------------------------------   MEDIAS - CHANSONS   ---------------------------------------------------------------------->
  478.  
  479. <div style="margin-top:30px; clear:both">      <!-----<div id="medias" style="margin-top:35px; clear:both">---------------------------------------------------------------------->
  480.  
  481. <!-----
  482. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585255393&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  483. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585290718&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  484. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585253572&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  485. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585252084&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  486. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585250884&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  487. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585249348&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  488. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585247704&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  489. <iframe width="250" height="65" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/585245187&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
  490.  
  491. ------->
  492.  
  493. <!--------------------------------------------------------   MEDIAS - VIDEOS   ---------------------------------------------------------------------->
  494.  
  495.     <div style="margin-top:30px; height:586px" >
  496.  
  497. <iframe style="float:left" width="524" height="293" src="https://www.youtube.com/embed/1Mk2su3bMn0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  498.  
  499. <iframe style="float:right" width="524" height="293" src="https://www.youtube.com/embed/GOfUrobsFoc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  500.  
  501. <iframe style="float:left" width="524" height="293" src="https://www.youtube.com/embed/36yop2TBZBs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  502.  
  503. <iframe style="float:right" width="524" height="293" src="https://www.youtube.com/embed/uoFkzUqx9Vw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  504.  
  505.     </div>
  506.  
  507. <!--------------------------------------------------------   PHOTOS   ---------------------------------------------------------------------->
  508.  
  509.     <div style="margin-top:35px; height:466px" >
  510.                
  511. <object id="paris" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
  512. width="1050" height="466" id="dewslider4" align="middle">
  513. <param name="allowScriptAccess" value="sameDomain" />
  514. <param name="movie" value="dewslider.swf?xml=dewslider_simcha.xml" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="dewslider.swf?xml=dewslider_simcha.xml" quality="high" bgcolor="#ffffff"
  515. width="1050" height="466" name="dewslider4" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  516. </object>
  517.                
  518.     </div>
  519. </div>
  520.  
  521. <div id="credits" style="background-color:transparent; color:white; margin-bottom:0; margin-left:40%"><br/>.<br/>Photos : <a class="lien_carca" href="http://boutolleau.monique.free.fr/index.php/musique-332" target=_blank>Monique Boutolleau</a></div>
  522.  
  523.  
  524. <!--------------------------------------------------------   BIO   ---------------------------------------------------------------------->
  525.  
  526. <div id="bio">
  527. <img style="margin-top:28px" src="img/bio1.png" width="1050" height="466" alt="Biographie Simon Fayolle"/>
  528. </div>
  529. <br/><br/>
  530. <div>
  531. <img src="img/bio2.png" width="1050" height="454" alt="Biographie Charlotte Couleau"/>
  532. </div>
  533.  
  534. <!--------------------------------------------------------   CONTACT   ---------------------------------------------------------------------->
  535.  
  536. <div id="contactok">
  537. <p style="text-align:center; font-size:1.35em; margin-top:28px"><span id="capitale" style="font-size:2em">C</span><span style="font-weight:bold"> ontact</span>
  538.  | simchamusique@gmail.com | Tel: 0762404776
  539. </p>
  540. </div>
  541.  
  542.  
  543.  
  544.   </div>
  545.    
  546.    
  547. </div>
  548.   <p id="footer">simchamusique@gmail.com | Tel: 0762404776 | Toulouse, France</p>
  549.  
  550.  
  551.  
  552.   </body>
  553. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top