Template:INSA-Lyon/styletestaurelie

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
 
-
<table width="800" border="0" align="center" class="tablaux_main">
 
-
  <tr>
 
-
<td>
 
-
<script type="text/javascript">
 
-
function gold() {
 
-
document.getElementById("gold").className = "gold gold_clicked";
 
-
document.getElementById("premium").className = "premium";
 
-
var annonce = document.getElementById("choisir_gold").innerHTML;
 
-
document.getElementById('choix').innerHTML = annonce;
 
-
}
 
-
function premium() {
 
-
document.getElementById("gold").className = "gold";
 
-
document.getElementById("premium").className = "premium premium_clicked";
 
-
var annonce = document.getElementById("choisir_premium").innerHTML;
 
-
document.getElementById('choix').innerHTML = annonce;
 
-
}
 
-
</script>
 
-
 
-
<div style="display:none;">
 
-
<div id="choisir_gold">
 
-
Choisir l'annonce gold c'est :
 
-
<ul>
 
-
<li> Profiter d'une annonce plus visible avec le logo "A voir" sans limitation de temps </li>
 
-
<li> Etre vu plus rapidement</li>
 
-
<li> Profiter d'un paiement sécurisé avec notre partenaire Paypal </li>
 
-
<li> L'annonce remise en tête de liste à la date d'aujourd'hui</li>
 
-
</ul>
 
-
<input type='hidden' name="amount" value='5'>
 
-
<div style="text-align: center;">
 
-
<div style="zoom : 120%">
 
-
<input alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée" name="submit" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_paynowCC_LG.gif" type="image" />
 
-
</div>
 
-
</div>
 
-
 
-
 
-
</div>
 
-
 
-
<div id="choisir_premium">
 
-
Choisir l'annonce premium c'est :
 
-
<ul>
 
-
<li> Profiter d'une annonce en tête de liste pendant 7 jours </li>
 
-
<li> Avoir le logo URGENT à côté de son annonce </li>
 
-
<li> Une fois la période premium écoulée, bénéficier gratuitement des conditions de l'annonce Gold </li>
 
-
<li> Profiter d'un paiement sécurisé avec notre partenaire Paypal </li>
 
-
<li> L'annonce remise en tête de liste à la date d'aujourd'hui</li>
 
-
</ul>
 
-
 
-
<input type="hidden" name="amount" value='10'>
 
-
<div style="text-align: center;">
 
-
<div style="zoom : 120%">
 
-
<input alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée" name="submit" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_paynowCC_LG.gif" type="image" />
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<div style="margin-top: 15px;"> Vous avez choisi l'annonce gratuite, passez à la vitesse supérieure!</div>
 
-
 
-
<div class="paypal" style="position: relative; height : 260px; text-align: center">
 
-
 
-
<div id="premium" class="premium" style="zoom : 100%; margin-left: auto" onclick="premium()">
 
-
<div class="title">Premium</div>
 
-
<div class="prix">10 Euros</div>
 
-
<div class="content">
 
-
<ul style="text-align: left;">
 
-
<li>Tete de liste 7 jours</li>
 
-
<li>Visibilite<div class="plus">+++</div></li>
 
-
<li>Logo URGENT</li>
 
-
</ul>
 
-
</div>
 
-
<div class="logo"><img src="urgent.gif"></div>
 
-
<div class="footer_vente">Rapidite</div>
 
-
</div>
 
-
 
-
 
-
<div id="gold" class="gold" style="zoom : 100%; margin-left: 200px;" onclick="gold();">
 
-
<div class="title">Gold</div>
 
-
<div class="prix">5 Euros</div>
 
-
<ul style="text-align: left;">
 
-
<li>Visibilite<div class="plus">++</div></li>
 
-
<li>Logo A VOIR</li>
 
-
</ul>
 
-
<div class="logo"><img src="a-voir.gif" onclick="gold();"></div>
 
-
<div class="footer_vente">Visibilite</div>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
 
-
 
-
<input name="currency_code" type="hidden" value="EUR" />
 
-
<input name="shipping" type="hidden" value="0.00" />
 
-
<input name="tax" type="hidden" value="0.00" />
 
-
<input name="return" type="hidden" value="{URLSITE}/ajout-annonce.php?msg=success" />
 
-
<input name="cancel_return" type="hidden" value="{URLSITE}/ajout-annonce.php?msg=cancel" />
 
-
<input name="notify_url" type="hidden" value="{URLSITE}/paypalvalidation.php" />
 
-
<input name="cmd" type="hidden" value="_xclick" />
 
-
<input name="business" type="hidden" value="seller_1308398898_biz@gmail.com" />
 
-
<input name="item_name" type="hidden" value="Annonce Premium" />
 
-
<input name="no_note" type="hidden" value="1" />
 
-
<input name="lc" type="hidden" value="FR" />
 
-
<input name="bn" type="hidden" value="PP-BuyNowBF" />
 
-
<input name="custom" type="hidden" value="{CODE}" />
 
-
 
-
<div id="choix" class="choix_annonce"></div>
 
-
 
-
</form>
 
-
 
-
<div id="Les plus VTT Occasion" class="cadreVTT">
 
-
<h1>Les plus VTT Occasion</h1>
 
-
<h3 style="display:inline">A votre &eacute;coute :</h3>
 
-
Je r&eacute;ponds rapidement &agrave; toutes vos questions par E-mail. <a href="mailto:sylvain.mob@gmail.com">sylvain.mob@gmail.com</a><br />
 
-
<br />
 
-
    <h3 style="display:inline">S&eacute;curit&eacute; :</h3>
 
-
    <strong>Paypal.com</strong>, notre partenaire pour le paiement en ligne, est &agrave; ce jour la solution <u>la plus s&eacute;curis&eacute;e</u> pour les transactions sur Internet.<br />
 
-
    <br />
 
-
    <h3 style="display:inline">Donn&eacute;es personnelles :</h3>
 
-
    <strong> vtt-occasion.fr</strong> est soucieux du respect la vie priv&eacute;e sur Internet. Aucune information &agrave; votre &eacute;gard n'est conserv&eacute;e.<br />
 
-
    <br />
 
-
    <h3 style="display:inline">Professionnalisme :</h3>
 
-
  Le site vtt occasion est &eacute;dit&eacute; par <strong>Sylvain PESCHARD</strong> -
 
-
    Immatricul&eacute; au Registre du Commerce et des Soci&eacute;t&eacute;s - <strong>SIRET  519 881 858 00012</strong><br /> 
 
-
</div>
 
-
    </td>
 
-
    </tr>
 
-
 
-
<script type="text/javascript">
 
-
premium();
 
-
</script>
 
-
</div>
 
-
 
-
 
-
</table>
 
-
 
-
 
<style type="text/css">
<style type="text/css">

Revision as of 20:41, 5 July 2011