Outiref

Code source de l'URL : http://www.freelancetoulouse.com

<!DOCTYPE html>
<!-- Balisage des microdonnées ajouté par l'outil d'aide au balisage de données structurées de Google -->
<html lang="fr">
    <head>
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-64559789-1"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-64559789-1');
        </script>
        <title>Freelance Toulouse : formateur, développeur, infographiste à votre service.</title>

        <meta name="google-site-verification" content="Gzd4p3xFOx0BLR7lAS_nCX9k8YD0o6B0PhYAq-Km9_I" />

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <meta name="Description" content="Freelance Toulouse est le site ou j'expose une partie de ce que je sais faire. Je forme sur beaucoup d'outils Adobe et je forme également sur la programmation Objet en Java ou C++. Cette double compétences me permet de former des infographistes ou des développeurs ou webmaster, mais également d'aider les designers à comprendre le monde de la programmation et d'un autre côté aider les techniciens à comprendre l'ergonomie et les IHM. Sinon, quand je ne forme pas, je conçoit des sites, ou je crée le design d'une future application... et avec le sourir. :-)"/>

        <meta name="Keywords" content="formateur photoshop, formateur javascript, midi-pyrénées, 31, indépendant, formateur html5,Toulouse, animation flash, apprendre, conception, consultant, site, creation multimedia, web consulting,  creation site internet, formateur css, base de données, sites web, multimedia, intranet, creation, graphisme, communication, formateur dreamweaver, informatique, pages dynamiques, formateur php, formation inter, formation intra-entreprise, organisme de formation, conception multimédia, formation dreamweaver, formateur flash, internet, centre de formation, formation, formation internet, formation php, formation informatique, web, formation mysql, cours, site internet, support technique, formation programmation web, developpement web dynamique, prestataire, mysql, conseil internet, formations" />
        <meta name='robots' content='index, follow'/>
        <meta name="author" content="Freelance Toulouse"/>

        <link href="css/progress5.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/site.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/menuTab.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/menuFooter.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/menuBtn_24.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/plumeTools.css" rel="stylesheet" type="text/css" media="screen"/>
        <link href="css/formation.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/partage.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="css/outils.css" type="text/css" rel="stylesheet" media="screen"/>
        <link rel="stylesheet" href="js/libs/jquery-ui.css" />
        <link href="fBox/helpers/jquery.fancybox-buttons.css" type="text/css" rel="stylesheet" media="screen"/>
        <link href="fBox/jquery.fancybox.css" type="text/css" rel="stylesheet" media="screen"/>

        <script type="text/javascript">
            var images = new Array();
            function preload() {
                for (i = 0; i < preload.arguments.length; i++) {
                    images[i] = new Image();
                    images[i].src = preload.arguments[i];
                }
            }
            preload("images/deco/etoile.png", "images/bg/mer_1024.jpg");
        </script>
        <script src="js/libVivus/pathformer.js" type="text/javascript"></script>
        <script src="js/libVivus/vivus.js" type="text/javascript"></script>

        <script src="js/libs/jquery-1.9.1.js"></script>
        <script src="js/libs/jquery-ui_1_10_1.js"></script>



        <script type="text/javascript">
            // :: ++ 
            var urlSite = "";
            var typeSite = "";

            var pageACharger = "vide";
            var mainIndex = true;

            // Add a script element as a child of the body
            function downloadJSAtOnload() {
//                var svgLogoImg = document.getElementById("svgLogoImg");
//
//                    alert("svg00");
//                svgLogoImg.addEventListener("load", function () {
                    new Vivus('logoSvg', {
                        type: "oneByOne", //delayed, sync, oneByOne, script, scenario or scenario-sync
                        file: 'images/deco/FT.svg',
                        duration: 100,
                        //        dashGap: 5000,
                        delay: 90,
                        //        reverseStack: true,
                        onReady: function (vv) {
                            //            vv.el.setAttribute('height', '100px');
                            //            vv.el.setAttribute('width', '800px');
                        }
//                    });

                });


                loadFile("fBox/jquery.fancybox.js");
                loadFile("js/libs/jquery.text-effects.js");
            }

            // Check for browser support of event handling capability
            if ( window.addEventListener )
                window.addEventListener("load", downloadJSAtOnload, false);
            else if ( window.attachEvent )
                window.attachEvent("onload", downloadJSAtOnload);
            else
                window.onload = downloadJSAtOnload;

            function loadFile(url) {
                function callback() {
                    if ( req.readyState == 4 ) { // 4 = Loaded
                        if ( req.status == 200 ) {
                            eval(req.responseText);
                        } else {
                            // Error
                        }
                    }
                }
                ;
                var req = new XMLHttpRequest();
                req.onreadystatechange = callback;
                req.open("GET", url, true);
                req.send("");
            }

        </script>

        <script src="js/js.js" type="text/javascript"></script>
        <link rel="icon" href="images/FT_icones.gif" type="image/gif" />
    </head>

    <body lang="fr">
<!--        <div id="svgLogoImg">
            <embed src="images/deco/FT.svg" type="image/svg+xml" title="Freelance Toulouse : formateur, développeur, infographiste à votre service."/>
        </div>-->

        <script type="text/javascript">

//                var svgLogoImg = document.getElementById("svgLogoImg");
//
//                svgLogoImg.addEventListener("load", function () {
//                    alert("svg00");
//                    new Vivus('logoSvg', {
//                        type: "oneByOne", //delayed, sync, oneByOne, script, scenario or scenario-sync
//                        file: 'images/deco/FT.svg',
//                        duration: 100,
//    //        dashGap: 5000,
//                        delay: 10,
//    //        reverseStack: true,
//                        onReady: function (vv) {
//    //            vv.el.setAttribute('height', '100px');
//    //            vv.el.setAttribute('width', '800px');
//                        }
//                    });
//
//                });
        </script>

        <div id="etoileLoad" class="tourneVite" style="display: none;"/>
<!--            <img src="images/deco/etoile.png" width="30" height="30" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/>-->
    </div>
    <!--<section id="laBar">
        <div id="progress"><progress value="0"><span>0%</span></progress></div>
    </section>-->

    <div id="ridoG"></div>
    <div id="ridoD"></div>

    <div id="tools" style="visibility:hidden;">
<header><span class="titre">Personnalisation du site.</span></header>
<section class="cadreOutils">
    <div class="zone"><strong>Vitesse des Rideaux&nbsp;</strong>&nbsp;<a class="testRidos aa" href="#" title="Test l'animation des rideaux">Test</a><br/>
	<div class="gGauche">Fermeture : <span id="valSliderClose">Valeur</span><div style="width:150px;" id="ridoSliderClose" class="unSlider"></div></div>
	<div class="dDroite">Ouveture : <span id="valSliderOpen">Valeur</span><div style="width:150px;" id="ridoSliderOpen" class="unSlider"></div></div>
    </div>
    <hr style="clear: both;" />
    <div class="zone"><strong>Volume sonore</strong><span id="valSliderAudio">Valeur</span><div style="width:150px;" id="audioSlider" class="unSlider"></div></div>
    <div class="zoneBG">
    <a class="imgBG" title="Freelance Toulouse : formateur, développeur, infographiste à votre service." href="#" data-size="0" data-bg="format.png">
	<img src="images/bg/format.png" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service." /></a>
    <a class="imgBG" href="#" data-size="0" data-bg="toileBlanche.jpg">
	<img src="images/bg/toileBlanche.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service." /></a>
    <a class="imgBG" href="#" data-size="0" data-bg="solf.jpg">
	<img src="images/bg/solf.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service." /></a>
    <a class="imgBG" href="#" data-size="0" data-bg="grigri.png">
	<img src="images/bg/grigri.png" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="0" data-bg="cuirRouge.png">
	<img src="images/bg/cuirRouge.png" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="1" data-bg="lignes.jpg">
	<img src="images/bg/lignes.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="1" data-bg="mer_1024.jpg">
	<img src="images/bg/mer_1024.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="0" data-bg="marbreBlanc.jpg">
	<img src="images/bg/marbreBlanc.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="2" data-bg="herbe.jpg">
	<img src="images/bg/herbe.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="2" data-bg="zariko.jpg">
	<img src="images/bg/zariko.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    <a class="imgBG" href="#" data-size="0" data-bg="foret.jpg">
	<img src="images/bg/foret.jpg" width="15" height="15" alt="Freelance Toulouse : formateur, développeur, infographiste à votre service."/></a>
    </div>
</section>    </div>

    <div id="debugBox"></div>
    <div id="devantLogo"></div>
    <div id="logoSvg"></div>


    <section id="decoTraitLogo"></section>
    <section id="accroche">Formateur, Développeur, Infographiste à votre disposition.</section>
    <section id="theTopLogo"></section>

    <div id="navTop">
        <nav id="onglets">
            <ul class="tabs">
                <li><a href="#" title="Freelance Toulouse : formateur, développeur, infographiste à votre service." id="precede" data-file="precede" class="precedBtn disabled"></a></li>
                <li><a href="#" data-file="accueil" class="tab activeTab button home prems">&nbsp;</a></li>
                <li><a href="#" data-file="formation" class="tab button user">Formation</a></li>
                <li><a href="#" data-file="infographie" class="tab button pinceau">Visuels</a></li>
                <li><a href="#" data-file="comparatif_navigateur" class="tab button zic">Comparatif</a></li>
                <li><a href="#" data-file="partage" class="tab button partage">Max 4 Live</a></li>
                <li><a href="#" data-file="plume_illustrator" class="tab button visu">Dessinons</a></li>
                <li><a href="#" data-file="contact" class="tab button mail derns">Contact</a></li>
            </ul>            
        </nav>
        <section id="decoTrait"></section>
        <section id="horlogeDroite"></section>
    </div>


    <div id="main"></div>

    <div id="infosBtnFooter"></div>
    <footer id="pageBottom">
        <nav id="barreOutils">
            <ul class="navBBas">
                <li><a href="#" data-infos="Personnaliser le site" class="BBtn tool"></a></li>
                <li><a href="#" data-infos="Activer/Désactiver les rideaux" class="BBtn ridos"></a></li>
                <li><a href="#" data-infos="Activer/Désactiver le son" class="BBtn son"></a></li>
            </ul>
        </nav>
        <nav id="menuFooter"> 
            <ul class="navBas">
                <li><a href="#" data-file="contact" class="tab">Copyright 2003-2024 | <span itemprop="name">www.freelancetoulouse.com</span></a></li>
                <li><a href="https://plus.google.com/u/0/110877361556771503939?rel=author"> +</a></li>
            </ul>
        </nav>
        <div id="statusBar"></div>
    </footer>



    <audio preload="auto" id="ptitSonActive">
        <source src="audio/click-fast.ogg" type="audio/ogg" />
        <source src="audio/click-fast.mp3" type="audio/mpeg" />
        <source src="audio/click-fast.wav" type="audio/wav" />
    </audio>
    <audio preload="auto" id="pocTop">
    <!--    <source src="audio/pocMenu2.ogg" type="audio/ogg" />-->
        <source src="audio/pocMenu2.mp3" type="audio/mpeg" />
        <source src="audio/pocMenu2.wav" type="audio/wav" />
    </audio>
    <audio preload="auto" id="ptitSonHover">
        <source src="audio/tssss.ogg" type="audio/ogg" />
        <source src="audio/tssss.mp3" type="audio/mpeg" />
        <source src="audio/tssss.wav" type="audio/wav" />
    </audio>
    <audio preload="auto" id="sonRido">
        <source src="audio/rido.ogg" type="audio/ogg" />
        <source src="audio/rido.mp3" type="audio/mpeg" />
        <source src="audio/rido.wav" type="audio/wav" />
    </audio>
    <audio preload="auto" id="ptitSonStart">
        <source src="audio/CinematicBoom.mp3" type="audio/mpeg" />
        <source src="audio/CinematicBoom.wav" type="audio/wav" />
    </audio>
    <audio preload="auto" id="ptitSonEnd">
        <source src="audio/PowerDown.mp3" type="audio/mpeg" />
        <source src="audio/PowerDown.wav" type="audio/wav" />
    </audio>
</body>
</html>