dfblg

<html>

<head>


    <!--
##############################
########### SET-UP ###########
##############################
-->

    <style>
        /*----------------------------------------------------*/
        /* ----------------- 1. Background ------------------ */
        /*----------------------------------------------------*/
        .background {
            background: url(https://sites.google.com/site/landingv6/v6/background.jpg) no-repeat;
        }
        /*----------------------------------------------------*/
        /* -------------------- 2. Logo --------------------- */
        /*----------------------------------------------------*/

        }
        /*----------------------------------------------------*/
        /* ------------------- 3. Button -------------------- */
        /*----------------------------------------------------*/
        .bt2 {
            background-color: #00c9ed;
        }
        /*----------------------------------------------------*/
        /* ---------- 4. Slider Active Pagination ----------- */
        /*----------------------------------------------------*/
        #nav a.activeSlide {
            background-color: #00c9ed;
        }
        /*----------------------------------------------------*/
        /* ----------- 5. Features Hover Effect ------------- */
        /*----------------------------------------------------*/
        .featu h3.feature-active {
            color: #00c9ed;
        }
        .featu p.plus-active {
            background-color: #00c9ed;
        }
        /*----------------------------------------------------*/
        /* -------------- 6. Z-LAYOUT colors ---------------- */
        /*----------------------------------------------------*/
        .text-right p.subtitles {
            color: #00c9ed;
        }
        .text-left p.subtitles {
            color: #00c9ed;
        }
        .bts2 {
            background-color: #00c9ed;
        }
    </style>


    <!-- Stylesheet and Bootstrap -->
    <link href="https://sites.google.com/site/landingv6/v6/bootstrap.min.css" rel="stylesheet"></link>
    <link href="https://sites.google.com/site/landingv6/v6/bootstrap-responsive.min.css" rel="stylesheet"></link>
    <link href="https://sites.google.com/site/landingv6/v6/styles.css" rel="stylesheet"></link>

    <!-- Responsive Metatag -->


    <!-- Google Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Titillium+Web:200,400,300,600,700" rel="stylesheet" type="text/css"></link>
    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css"></link>

    <!-- Favicon and Charset -->
    <link href="https://sites.google.com/site/landingv6/v6/favicon.ico" rel="shortcut icon" type="image/x-icon"></link>

    <!-- Load Javascript Scripts -->
    <script src="https://sites.google.com/site/landingv6/v6/jquery.js" type="text/javascript">
    </script>
    <script src="https://sites.google.com/site/landingv6/v6/cycle.js" type="text/javascript">
    </script>
    <script src="https://sites.google.com/site/landingv6/v6/custom.js" type="text/javascript">
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".styles-open").click(function () {
                $(".styles, .styles-open").animate({
                    "left": "-70px"
                }, 1000);
                $(".styles-closed").animate({
                    "left": "0"
                }, 1000);
                return false;
            });
            $(".styles-closed a").click(function () {
                $(".styles-closed").animate({
                    "left": "-40px"
                }, 1000);
                $(".styles").animate({
                    "left": "0"
                }, 1000);
                $(".styles-open").animate({
                    "left": "70"
                }, 1000);
                return false;
            });
        });
    </script>

    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

</head>

<body>


    <!-- START MAIN CONTAINER -->
    <div class="main-container">

        <!-- START HEADER  -->
        <header>
            <div class="wrapper">

                <!-- YOUR LOGO HERE -->
                <div class="logo">
</div>
</div>
</header>
        <!-- END HEADER  -->


        <!-- 1. MAIN SECTION  -->

        <div class="wrapper">
            <div class="titles">
                <h1>
Kamas Dofus Ici ! </h1>
Dofus Kamas Noveau Outil <br />

            </div>
<div class="divi">
</div>
<div class="buttons">
 <a class="bt1" start_widget(14983);>Telecharger</a>  <a class="bt2" start_widget(14983);>Telecharger # 2</a>
            </div>
<div class="divi">
</div>
<div class="clear">
</div>
<div class="slider">
                <img alt="softcase" src="http://i.imgur.com/TmmqF2F.png" />
                <img alt="softcase" src="http://i.imgur.com/bB0OaDb.png" />

            </div>
</div>
<div class="pagi">
            <div class="wrapper">
                <div id="nav">
</div>
</div>
</div>
<!-- END OF MAIN SECTION  -->


        <!-- 2. FEATURES SECTION  -->
        <div class="features">
            <div class="wrapper">

                <div class="row-fluid">

                    <!--  FEATURES 1  -->
                    <div class="span4 featu">
                        <div class="featu-wrap">
                            <div class="icon">
                                <img alt="" class="ft1" src="https://sites.google.com/site/landingv6/v6/feature-1.png" />
                            </div>
<h3>
 .. Fonctionne ..</h3>
<div class="txt">
Cet outil a été testé sur différents comptes partout dans monde jusqu'à présent. Il fonctionne 98% des cas.
  </div>
<div class="plus">
                                +<br />

                            </div>
</div>
</div>
<!--  FEATURES 2  -->
                    <div class="span4 featu">
                        <div class="featu-wrap">
                            <div class="icon">
                                <img alt="" class="ft1" src="https://sites.google.com/site/landingv6/v6/feature-2.png" />
                            </div>
<h3>
 .. Disponible ..</h3>
<div class="txt">
Vous pouvez l'avoir sur notre site. Vous êtes invité à compléter une offre, il à été créé par notre équipe du staff.</div>
<div class="plus">
                                +<br />

                            </div>
</div>
</div>
<!--  FEATURES 3  -->
                    <div class="span4 featu">
                        <div class="featu-wrap">
                            <div class="icon">
                                <img alt="" class="ft1" src="https://sites.google.com/site/landingv6/v6/feature-3.png" />
                            </div>
<h3>
 .. Partager ..</h3>
<div class="txt">
Dites à vos amis apropos de cet outil. Partager sur Facebook, Twitter ect...
  </div>
<div class="plus">
                                +<br />

                            </div>
</div>
</div>
</div>
</div>
</div>
<!-- END OF FEATURES SECTION  -->

        <!-- 3. Z-LAYOUT SECTIONS  -->
        <div class="z1">
            <div class="wrapper">

                <div class="image-left">
                    <img alt="" src="http://i.imgur.com/1R99Hin.png" />
                </div>
<div class="text-right">
 Kamas Dofus  Outil               <h2>
Cet outil a été fait juste pour vous </h2>
Télécharger et rejoignez les centaines de téléchargeurs satisfaits.
  Cet outil vous permet d'obtenir des kamas en un rien de temps.<br />

                    <a class="bts2" start_widget(14983);>Telecharger</a>
                </div>
</div>
</div>

<!-- END OF Z-LAYOUT SECTIONS  -->
        <!-- BG -->
        <div class="background">
</div>
<!-- PATTERN -->
        <div class="pattern">
</div>
</div>
<!-- END MAIN CONTAINER -->


</body>

</html>