Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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="right-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> Ajoute ta commande externe ici ! </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="8u 12u(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/pic01.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 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>
- <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">gravida nibh eget</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">semper magna lorem</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">consectetur et sed ipsum</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>© 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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement