API tools faq
paste
Advertisement
Guest User

htmlzozo

a guest
Dec 18th, 2015
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <link rel="stylesheet" type="text/css"
  6.         href="../jstree/dist/themes/default/style.min.css">
  7.         <link rel="stylesheet" type="text/css" href="../CSS/style2.css">
  8.         <script type="text/javascript" src="../JS/jquery-2.1.4.min.js"></script>
  9.         <script type="text/javascript" src="../jstree/dist/jstree.min.js"></script>
  10.         <script type="text/javascript" src="../JS/jstreeCat.js"></script>
  11.         <title>Categorie</title>
  12.     </head>
  13.     <body>
  14.         <h1>Categorie</h1>
  15.         <div id="catTree">
  16.             <ul class="n1">
  17.                 <span>Liste Categorie</span>
  18.                 <li>
  19.                     Categorie
  20.                     <ul class="n2">
  21.                         <li>
  22.                             <a class="menu" href="#section1">Section 1</a>
  23.                         </li>
  24.                         <li>
  25.                             <a  class="menu" href="#section2">Section 2</a>
  26.                         </li>
  27.                         <li>
  28.                             <a class ="menu" href="#section3">Section 3</a>
  29.                         </li>
  30.                         <li>
  31.                             <a class ="menu" href="#section4">Section 4</a>
  32.                         </li>
  33.                         <li>
  34.                             <a class="menu" href="#section5">Section 5</a>
  35.                         </li>
  36.                         <li>
  37.                             <a class="menu" href="#section6">Section 6</a>
  38.                         </li>
  39.                         <li>
  40.                             <a class="menu" href="#section7">Section 7</a>
  41.                         </li>
  42.                         <li>
  43.                             <a class="menu" href="#section8">Section 8</a>
  44.                         </li>
  45.                         <li>
  46.                             <a class="menu" href="#section9">Section 9</a>
  47.                         </li>
  48.                         <li>
  49.                             <a class="menu" href="#section10">Section 10</a>
  50.                         </li>
  51.                         <li>
  52.                             <a class="menu" href="#section11">Section 11</a>
  53.                         </li>
  54.                         <li>
  55.                             <a class="menu" href="#section12">Section 12</a>
  56.                         </li>
  57.                     </ul>
  58.  
  59.                 </li>
  60.         </div>
  61.  
  62.         <div id = "wrapper3">
  63.             <div id ="header-wrapper">
  64.                 <div id= "logo">
  65.                     <a href = "index.html"><img id= "logo-image" src="images/logo.png" href="index.html" alt="logo"/></a>
  66.  
  67.                 </div>
  68.             </div>
  69.             <br>
  70.  
  71.             <br>
  72.             <br>
  73.             <header>
  74.  
  75.                 <p>
  76.                     Nom fabricant
  77.                 <p>
  78.                     <a name="section1"> Section 1</a>
  79.             </header>
  80.             <br>
  81.             <figure>
  82.                 <p>
  83.                     description1
  84.                 </p>
  85.                 <figcaption>
  86.                     blabla
  87.                 </figcaption>
  88.                 <img src="images/hat1.jpg" alt="hat"/>
  89.             </figure>
  90.             <br>
  91.             <footer>
  92.                 <p>
  93.                     Prix : 00$$
  94.                 </p>
  95.                 <a href= "#section12"> Dernière section</a>
  96.             </footer>
  97.             <br>
  98.  
  99.             <br>
  100.             <header>
  101.                 <a name ="section2"> </a>
  102.                 <p>
  103.                     Nom fabricant 2
  104.                 </p>
  105.                 <a href="#section1"> Retour section 1</a>
  106.             </header>
  107.             <br>
  108.             <figure>
  109.                 <p>
  110.                     description2
  111.                 </p>
  112.                 <figcaption>
  113.                     blabla 2
  114.                 </figcaption>
  115.                 <img src="images/hat2.jpg" alt="hat"/>
  116.  
  117.             </figure>
  118.             <br>
  119.             <footer>
  120.                 <p>
  121.                     Prix : 002$$
  122.                 </p>
  123.                 <a href= "#section12"> Dernière section</a>
  124.             </footer>
  125.             <br>
  126.  
  127.             <br>
  128.             <header>
  129.                 <a name ="section3"> </a>
  130.                 <p>
  131.                     Nom fabricant 3
  132.                 </p>
  133.                 <a href="#section1"> Retour section 1</a>
  134.             </header>
  135.             <br>
  136.             <figure>
  137.                 <p>
  138.                     description3
  139.                 </p>
  140.                 <figcaption>
  141.                     blabla 2
  142.                 </figcaption>
  143.                 <img src="images/hat3.jpg" alt="hat"/>
  144.  
  145.             </figure>
  146.             <br>
  147.             <footer>
  148.                 <p>
  149.                     Prix : 002$$
  150.                 </p>
  151.                 <a href= "#section12"> Dernière section</a>
  152.             </footer>
  153.             <br>
  154.  
  155.             <br>
  156.             <header>
  157.                 <a name ="section4"> </a>
  158.                 <p>
  159.                     Nom fabricant 4
  160.                 </p>
  161.                 <a href="#section1"> Retour section 1</a>
  162.             </header>
  163.             <br>
  164.             <figure>
  165.                 <p>
  166.                     description4
  167.                 </p>
  168.                 <figcaption>
  169.                     blabla 2
  170.                 </figcaption>
  171.                 <img src="images/hat4.jpg" alt="hat"/>
  172.  
  173.             </figure>
  174.             <br>
  175.             <footer>
  176.                 <p>
  177.                     Prix : 002$$
  178.                 </p>
  179.                 <a href= "#section12"> Dernière section</a>
  180.             </footer>
  181.             <br>
  182.  
  183.             <br>
  184.             <header>
  185.                 <a name ="section5"> </a>
  186.                 <p>
  187.                     Nom fabricant 5
  188.                 </p>
  189.                 <a href="#section1"> Retour section 1</a>
  190.             </header>
  191.             <br>
  192.             <figure>
  193.                 <p>
  194.                     description5
  195.                 </p>
  196.                 <figcaption>
  197.                     blabla 2
  198.                 </figcaption>
  199.                 <img src="images/hat5.jpg" alt="hat"/>
  200.  
  201.             </figure>
  202.             <br>
  203.             <footer>
  204.                 <p>
  205.                     Prix : 002$$
  206.                 </p>
  207.                 <a href= "#section12"> Dernière section</a>
  208.             </footer>
  209.             <br>
  210.  
  211.             <br>
  212.             <header>
  213.                 <a name ="section6"> </a>
  214.                 <p>
  215.                     Nom fabricant 6
  216.                 </p>
  217.                 <a href="#section1"> Retour section 1</a>
  218.             </header>
  219.             <br>
  220.             <figure>
  221.                 <p>
  222.                     description6
  223.                 </p>
  224.                 <figcaption>
  225.                     blabla 2
  226.                 </figcaption>
  227.                 <img src="images/hat6.jpg" alt="hat"/>
  228.  
  229.             </figure>
  230.             <br>
  231.             <footer>
  232.                 <p>
  233.                     Prix : 002$$
  234.                 </p>
  235.                 <a href= "#section12"> Dernière section</a>
  236.             </footer>
  237.             <br>
  238.  
  239.             <br>
  240.             <header>
  241.                 <a name ="section7"> </a>
  242.                 <p>
  243.                     Nom fabricant 7
  244.                 </p>
  245.                 <a href="#section1"> Retour section 1</a>
  246.             </header>
  247.             <br>
  248.             <figure>
  249.                 <p>
  250.                     description7
  251.                 </p>
  252.                 <figcaption>
  253.                     blabla 2
  254.                 </figcaption>
  255.  
  256.                 <img src="images/hat7.jpg" alt="hat"/>
  257.             </figure>
  258.             <br>
  259.             <footer>
  260.                 <p>
  261.                     Prix : 002$$
  262.                 </p>
  263.                 <a href= "#section12"> Dernière section</a>
  264.             </footer>
  265.             <br>
  266.  
  267.             <br>
  268.             <header>
  269.                 <a name ="section8"> </a>
  270.                 <p>
  271.                     Nom fabricant 8
  272.                 </p>
  273.                 <a href="#section1"> Retour section 1</a>
  274.             </header>
  275.             <br>
  276.             <figure>
  277.                 <p>
  278.                     description8
  279.                 </p>
  280.                 <figcaption>
  281.                     blabla 2
  282.                 </figcaption>
  283.                 <img src="images/hat8.jpg" alt="hat"/>
  284.  
  285.             </figure>
  286.             <br>
  287.             <footer>
  288.                 <p>
  289.                     Prix : 002$$
  290.                 </p>
  291.                 <a href= "#section12"> Dernière section</a>
  292.             </footer>
  293.             <br>
  294.  
  295.             <br>
  296.             <header>
  297.                 <a name ="section9"> </a>
  298.                 <p>
  299.                     Nom fabricant 9
  300.                 </p>
  301.                 <a href="#section1"> Retour section 1</a>
  302.             </header>
  303.             <br>
  304.             <figure>
  305.                 <p>
  306.                     description9
  307.                 </p>
  308.                 <figcaption>
  309.                     blabla 2
  310.                 </figcaption>
  311.                 <img src="images/hat9.jpg" alt="hat"/>
  312.  
  313.             </figure>
  314.             <br>
  315.             <footer>
  316.                 <p>
  317.                     Prix : 002$$
  318.                 </p>
  319.                 <a href= "#section12"> Dernière section</a>
  320.             </footer>
  321.             <br>
  322.  
  323.             <br>
  324.             <header>
  325.                 <a name ="section10"> </a>
  326.                 <p>
  327.                     Nom fabricant 10
  328.                 </p>
  329.                 <a href="#section1"> Retour section 1</a>
  330.             </header>
  331.             <br>
  332.             <figure>
  333.                 <p>
  334.                     description10
  335.                 </p>
  336.                 <figcaption>
  337.                     blabla 2
  338.                 </figcaption>
  339.                 <img src="images/hat10.jpg" alt="hat"/>
  340.  
  341.             </figure>
  342.             <br>
  343.             <footer>
  344.                 <p>
  345.                     Prix : 002$$
  346.                 </p>
  347.                 <a href= "#section12"> Dernière section</a>
  348.             </footer>
  349.             <br>
  350.  
  351.             <br>
  352.             <header>
  353.                 <a name ="section11"> </a>
  354.                 <p>
  355.                     Nom fabricant 11
  356.                 </p>
  357.                 <a href="#section1"> Retour section 1</a>
  358.             </header>
  359.             <br>
  360.             <figure>
  361.                 <p>
  362.                     description11
  363.                 </p>
  364.                 <figcaption>
  365.                     blabla 2
  366.                 </figcaption>
  367.                 <img src="images/hat11.jpg" alt="hat"/>
  368.  
  369.             </figure>
  370.             <br>
  371.             <footer>
  372.                 <p>
  373.                     Prix : 002$$
  374.                 </p>
  375.                 <a href= "#section12"> Dernière section</a>
  376.             </footer>
  377.             <br>
  378.  
  379.             <br>
  380.             <header>
  381.                 <a name ="section12"> </a>
  382.                 <p>
  383.                     Nom fabricant 12
  384.                 </p>
  385.                 <a href="#section1"> Retour section 1</a>
  386.             </header>
  387.             <br>
  388.             <figure>
  389.                 <p>
  390.                     description12
  391.                 </p>
  392.                 <figcaption>
  393.                     blabla12
  394.                 </figcaption>
  395.                 <img src="images/hat12.jpg" alt="hat"/>
  396.  
  397.             </figure>
  398.             <br>
  399.             <footer>
  400.                 <p>
  401.                     Prix : 002$$
  402.                 </p>
  403.                 <a href= "#section12"> Dernière section</a>
  404.             </footer>
  405.             <br>
  406.             <div id = "footer"></div>
  407.     </body>
  408. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!