API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 25th, 2019
602
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.91 KB | None | 0 0
raw download clone embed print report
  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 <[email protected]>
  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"> [email protected]</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. | [email protected] | Tel: 0762404776
  539. </p>
  540. </div>
  541.  
  542.  
  543.  
  544. </div>
  545.  
  546.  
  547. </div>
  548. <p id="footer">[email protected] | Tel: 0762404776 | Toulouse, France</p>
  549.  
  550.  
  551.  
  552. </body>
  553. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!