Untitled

<!DOCTYPE HTML>
<!--
    Telephasic by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
    <head>
        <title>TSnake41</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <!--[if lte IE 8]><script src="../assets/js/ie/html5shiv.js"></script><![endif]-->
        <link rel="stylesheet" href="../assets/css/main.css" />
        <!--[if lte IE 8]><link rel="stylesheet" href="../assets/css/ie8.css" /><![endif]-->
        <!--[if lte IE 9]><link rel="stylesheet" href="../assets/css/ie9.css" /><![endif]-->
    </head>
    <body class="left-sidebar">
        <div id="page-wrapper">

            <!-- Header -->
                <div id="header-wrapper">
                    <div id="header" class="container">

                        <!-- Logo -->
                            <h1 id="logo"><a href="http://batch-external-controls.site88.net/">Accueil</a></h1>

                        <!-- Nav -->
                            <nav id="nav">
                                <ul>
                                    <li class="no-break">
                                        <a href="../list.php">Liste</a>
                                        <ul>
                                            <li><a href="#">Socket</a></li>
                                            <li><a href="#">Batbox</a></li>
                                            <li><a href="#">txtcolor</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="../add.html">Ajouter</a>
                                    <ul>&nbsp;&nbsp;Ajoute ta commande externe ici !&nbsp;&nbsp;</ul>
                                    </li>
                                    <li class="break"><a href="http://batch-external-controls.site88.net/#contact">Contact</a></li>
                                    <li><a href="#">Qui sommes-nous ?</a></li>
                                </ul>
                            </nav>

                    </div>
                </div>

            <!-- Main -->
                <div class="wrapper">
                    <div class="container" id="main">
                        <div class="row 150%">
                            <div class="4u 12u(narrower)">

                                <!-- Sidebar -->
                                    <section id="sidebar">
                                        <section>
                                            <header>
                                                <h3>Elit sed feugiat</h3>
                                            </header>
                                            <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur et vel
                                            sem sit amet dolor neque semper magna. Lorem ipsum dolor sit amet consectetur et dolore
                                            adipiscing elit. Curabitur vel sem sit.</p>
                                            <ul class="actions">
                                                <li><a href="#" class="button">Magna amet nullam</a></li>
                                            </ul>
                                        </section>
                                        <section>
                                            <a href="#" class="image featured"><img src="../images/pic07.jpg" alt="" /></a>
                                            <header>
                                                <h3>Commodo lorem varius</h3>
                                            </header>
                                            <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur et vel
                                            sem sit amet dolor neque semper magna. Lorem ipsum dolor sit amet consectetur et dolore
                                            adipiscing elit. Curabitur vel sem sit.</p>
                                            <ul class="actions">
                                                <li><a href="#" class="button">Ipsum sed dolor</a></li>
                                            </ul>
                                        </section>
                                    </section>

                            </div>
                            <div class="8u 12u(narrower) important(narrower)">

                                <!-- Content -->
                                    <article id="content">
                                        <header>
                                            <h2>TSnake41</h2>
                                            <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit
                                            dolor neque semper magna lorem ipsum.</p>
                                        </header>
                                        <a href="#" class="image featured"><img src="../images/pic02.jpg" alt="" /></a>
                                        <p>Ut sed tortor luctus, gravida nibh eget, volutpat odio. Proin rhoncus, sapien
                                        mollis luctus hendrerit, orci dui viverra metus, et cursus nulla mi sed elit. Vestibulum
                                        condimentum, mauris a mattis vestibulum, urna mauris cursus lorem, eu fringilla lacus
                                        ante non est. Nullam vitae feugiat libero, eu consequat sem. Proin tincidunt neque
                                        eros. Duis faucibus blandit ligula, mollis commodo risus sodales at. Sed rutrum et
                                        turpis vel blandit. Nullam ornare congue massa, at commodo nunc venenatis varius.
                                        Praesent mollis nisi at vestibulum aliquet. Sed sagittis congue urna ac consectetur.</p>
                                        <p>Mauris eleifend eleifend felis aliquet ornare. Vestibulum porta velit at elementum
                                        gravida nibh eget, volutpat odio. Proin rhoncus, sapien
                                        mollis luctus hendrerit, orci dui viverra metus, et cursus nulla mi sed elit. Vestibulum
                                        condimentum, mauris a mattis vestibulum, urna mauris cursus lorem, eu fringilla lacus
                                        ante non est. Nullam vitae feugiat libero, eu consequat sem. Proin tincidunt neque
                                        eros. Duis faucibus blandit ligula, mollis commodo risus sodales at. Sed rutrum et
                                        turpis vel blandit. Nullam ornare congue massa, at commodo nunc venenatis varius.
                                        Praesent mollis nisi at vestibulum aliquet. Sed sagittis congue urna ac consectetur.</p>
                                        <p>Vestibulum pellentesque posuere lorem non aliquam. Mauris eleifend eleifend
                                        felis aliquet ornare. Vestibulum porta velit at elementum elementum.</p>
                                    </article>

                            </div>
                        </div>
                        <div class="row features">
                            <section class="4u 12u(narrower) feature">
                                <div class="image-wrapper first">
                                    <a href="#" class="image featured"><img src="../images/pic03.jpg" alt="" /></a>
                                </div>
                                <header>
                                    <h3>Dolor sit consequat magna</h3>
                                </header>
                                <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur
                                vel sem sit dolor neque semper magna lorem ipsum.</p>
                                <ul class="actions">
                                    <li><a href="#" class="button">amet consectetur et</a></li>
                                </ul>
                            </section>
                            <section class="4u 12u(narrower) feature">
                                <div class="image-wrapper">
                                    <a href="#" class="image featured"><img src="../images/pic04.jpg" alt="" /></a>
                                </div>
                                <header>
                                    <h3>Dolor sit consequat magna</h3>
                                </header>
                                <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur
                                vel sem sit dolor neque semper magna lorem ipsum.</p>
                                <ul class="actions">
                                    <li><a href="#" class="button">lorem non aliquam</a></li>
                                </ul>
                            </section>
                            <section class="4u 12u(narrower) feature">
                                <div class="image-wrapper">
                                    <a href="#" class="image featured"><img src="../images/pic05.jpg" alt="" /></a>
                                </div>
                                <header>
                                    <h3>Dolor sit consequat magna</h3>
                                </header>
                                <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur
                                vel sem sit dolor neque semper magna lorem ipsum.</p>
                                <ul class="actions">
                                    <li><a href="#" class="button">ipsum dolor sit amet</a></li>
                                </ul>
                            </section>
                        </div>
                    </div>
                </div>

            <!-- Footer -->
                <div id="footer-wrapper">
                    <div id="footer" class="container">
                        <header class="major">
                            <h2>Euismod aliquam vehicula lorem</h2>
                            <p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel sem sit<br />
                            dolor neque semper magna lorem ipsum feugiat veroeros lorem ipsum dolore.</p>
                        </header>
                        <div class="row">
                            <section class="12u">
                                <form method="post" action="#">
                                    <div class="row 50%">
                                        <div class="6u 12u(mobile)">
                                            <input name="name" placeholder="Name" type="text" />
                                        </div>
                                        <div class="6u 12u(mobile)">
                                            <input name="email" placeholder="Email" type="text" />
                                        </div>
                                    </div>
                                    <div class="row 50%">
                                        <div class="12u">
                                            <textarea name="message" placeholder="Message"></textarea>
                                        </div>
                                    </div>
                                    <div class="row 50%">
                                        <div class="12u">
                                            <ul class="actions">
                                                <li><input type="submit" value="Send Message" /></li>
                                            </ul>
                                        </div>
                                    </div>
                                </form>
                            </section>
                        </div>
                    </div>
                    <div id="copyright" class="container">
                        <ul class="menu">
                            <li>&copy; batch external controls - All rights reserved.</li>
                        </ul>
                    </div>
                </div>

        </div>

        <!-- Scripts -->

            <script src="../assets/js/jquery.min.js"></script>
            <script src="../assets/js/jquery.dropotron.min.js"></script>
            <script src="../assets/js/skel.min.js"></script>
            <script src="../assets/js/util.js"></script>
            <!--[if lte IE 8]><script src="../assets/js/ie/respond.min.js"></script><![endif]-->
            <script src="../assets/js/main.js"></script>

    </body>
</html>