API tools faq
paste
Advertisement
senseysensor

Untitled

senseysensor
Feb 22nd, 2017
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.27 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE HTML>
  2.         <html>
  3. <head>
  4.     <link rel="stylesheet" href="style/style.css">
  5.     <script src="http://code.jquery.com/jquery-2.2.2.js"></script>
  6.  
  7.     <script>
  8.         $().ready(function() {
  9.             alert( "document loaded" );
  10.         });
  11.     </script>
  12.  
  13. <title>
  14.     Junique von Sinilo
  15. </title>
  16.  
  17.  
  18. <style>
  19.     .search {
  20.         margin: 5%;
  21.         width: 190px; /* Ширина поля с кнопкой */
  22.         border: 2px solid #8a8a8a; /* Параметры рамки */
  23.         min-height: 24px; /* Минимальная высота */
  24.     }
  25.     input[type="search"] {
  26.         border: none; /* Убираем рамку */
  27.         outline: none; /* Убираем свечение в Chrome и Safari */
  28.         -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
  29.         width: 160px; /* Ширина поля */
  30.         vertical-align: middle; /* Выравнивание по середине */
  31.     }
  32.     input[type="submit"] {
  33. height: 90%;
  34.         width: 22px; /* Ширина кнопки */
  35.         border: none; /* Убираем рамку */
  36.         background: url(img/loupe.jpg) no-repeat 50% 50%; /* Параметры фона */
  37.  
  38.     }
  39.  
  40.  
  41. </style>
  42.  
  43.  
  44. </head>
  45. <body>
  46. <div id="navigation">
  47.     <div id="navigation-top">
  48.         <img src="img\7.jpg" align="left" style="margin-left: 1%">
  49.         <a href="....html"> <img src="img\Britische Flagge.jpg" alt="Englisch" title="Englisch" align="right" style="margin-right: 1%; margin-top: 2px; height: 55%;"></a>
  50.         <a href="....html"> <img src="img\Deutsch Flagge.jpg" alt="Deutsch" title="Deutsch" align="right" style="height: 55%; margin-top: 3px; margin-right: 3px;"></a>
  51.         <img src="img\sprache.jpg" align="right" style="margin-right: 3px;">
  52.     </div>
  53.  
  54.     <div class="line">
  55.         <img src="img\line1.png">
  56.     </div>
  57.  
  58.     <div id="navigation-center">
  59.  
  60.         <div  id="search">
  61.             <form>
  62.                 <div class="search">
  63.                     <input type="search" name="q" value="Finde..." style="text-decoration-color: grey; font-size: 13px; font-style: italic;" >
  64.                     <input type="submit" value="">
  65.                 </div>
  66.             </form>
  67.         </div>
  68.         <div id="logo" align="center">
  69.             <p align="center"> <a href="index.html"><img src="img\logo.jpg" alt="logo" title="logo" height="65%"></a></p>
  70.         </div>
  71.  
  72.         <div id="buying">
  73.  
  74.             <div id="H-A">
  75.                 <div id="anmeldin">
  76.                     <a href="....html"><img src="img\anmelden.jpg" alt="anmelden" title="anmelden" width="100%"></a>
  77.                 </div>
  78.         <div id="hilfe">
  79.             <a href="i....html"><img src="img\hilfe.jpg" alt="hilfe" title="hilfe" width="100%"></a>
  80.         </div>
  81.  
  82.  
  83.             </div>
  84.                 <div id="W-B">
  85.                     <div id="basket">
  86.                         <a href="....html"><img src="img\basket.jpg" alt="basket" title="basket" height="85%"></a>
  87.                     </div>
  88.         <div id="warenkorb">
  89.             <a href="....html"><img src="img\warenkorb.jpg" alt="warenkorb" title="warenkorb" height="100%"></a>
  90.         </div>
  91.  
  92.                 </div>
  93.         </div>
  94.  
  95.     </div>
  96.  
  97.     <div id="navigation-bottom">
  98.  
  99.        <a href="....html"> <img src="img\home.jpg" alt="home" title="home"  align="left"></a>
  100.         <a href="....html"> <img src="img\neu.jpg" alt="neu" title="neu" align="left"></a>
  101.             <a href="....html"> <img src="img\kunst.jpg" alt="kunst" title="kunst" align="left"></a>
  102.             <a href="....html"> <img src="img\fasion.jpg" alt="fasion" title="fasion" align="left"></a>
  103.             <a href="....html"> <img src="img\living.jpg" alt="living" title="living"  align="left"></a>
  104.             <a href="....html"> <img src="img\tech.jpg" alt="tech" title="tech" align="left"></a>
  105.             <a href="....html"> <img src="img\schreibwaren.jpg" alt="schreibwaren" title="schreibwaren" align="left"></a>
  106.             <a href="....html"> <img src="img\kunstler.jpg" alt="kunstler" title="kunstler" align="left"></a>
  107.             <a href="....html"> <img src="img\geschenke.jpg" alt="geschenke" title="geschenke" align="right" style="height: 80%; margin-top: 2px;"></a>
  108.     </div>
  109.  
  110.             </div>
  111. </div>
  112.  
  113. <div class="line">
  114.     <img src="img\line1.png">
  115. </div>
  116.  
  117. <div id="PRESS-AREA">
  118.     <p align="center"><img src="img\PRESS-AREA.png"></p>
  119. </div>
  120.  
  121. <div class="line">
  122.     <img src="img\line1.png">
  123. </div>
  124.  
  125. <div id="Press-Contact">
  126.     <div id="contacts">
  127.         <img src="img\Press-Contact.png"><br><br><br>
  128.         <img src="img\JUNIQE-katja@juniqe-.png"><br><br><br>
  129.         <img src="img\Katja-Meincke.png"><br><br><br>
  130.         <img src="img\Tel-_-0163-2585563.png"><br><br>
  131.         <img src="img\E-Mail_-katja@juniqe.com.png"><br><br><br>
  132.         <img src="img\Here_youll.png"><br><br><br>
  133.     </div>
  134.  
  135.     <div id="buttons">
  136.                     <a href="....html"> <img src="img\button 1.jpg" style="margin-top: 15%"></a>
  137.         <a href="....html"> <img src="img\button 2.jpg"></a>
  138.             <a href="....html">  <img src="img\button 3.jpg"></a>
  139.     </div>
  140.  
  141.     <div id="nets">
  142.         <a href="....html"> <img src="img\logo-1.png"></a>
  143.         <a href="....html"> <img src="img\logo-2.png"></a>
  144.         <a href="....html">  <img src="img\logo-3.png"></a>
  145.         <a href="....html"> <img src="img\logo-4.png"></a>
  146.         <a href="....html"> <img src="img\logo-5.png"></a>
  147.         <a href="....html">  <img src="img\logo-6.png" style="margin-right: 1px;" ></a>
  148.     </div>
  149.  
  150. </div>
  151.  
  152. <div class="line">
  153.     <img src="img\line1.png">
  154. </div>
  155.  
  156. <div class="junique-title">
  157.     <div id="junique-press-title">
  158.         <img src="img\JUNIQE-in-the-Press.png">
  159.     </div>
  160.     <div class="image-press">
  161.         <a href="....html"> <img src="img\Rechteck.png"></a>
  162.     </div>
  163.     <div class="text-press">
  164.         <p><h4>FAUST:</h4>
  165.         Habe nun, ach! Philosophie,
  166.             Juristerei und Medizin,
  167.             Und leider auch Theologie
  168.             Durchaus studiert, mit heißem Bemühn.
  169.             Da steh ich nun, ich armer Tor!
  170.             Und bin so klug als wie zuvor;
  171.             Heiße Magister, heiße Doktor gar
  172.             Und ziehe schon an die zehen Jahr
  173.             Herauf, herab und quer und krumm
  174.             Meine Schüler an der Nase herum —
  175.             Und sehe, daß wir nichts wissen können!
  176.             Das will mir schier das Herz verbrennen.
  177.             Zwar bin ich gescheiter als all die Laffen,
  178.             Doktoren, Magister, Schreiber und Pfaffen;
  179.             Mich plagen keine Skrupel noch Zweifel,
  180.             Fürchte mich weder vor Hölle noch Teufel —
  181.             Dafür ist mir auch alle Freud entrissen,
  182.             Bilde mir nicht ein, was Rechts zu wissen,
  183.             Bilde mir nicht ein, ich könnte was lehren,
  184.             Die Menschen zu bessern und zu bekehren.
  185.            </p>
  186.     </div>
  187.     <div class="pdf-press">
  188.         <a href="....html"><img src="img\downloadpdf.png"></a>
  189.     </div>
  190. </div>
  191.  
  192. <div class="line">
  193.     <img src="img\line1.png">
  194. </div>
  195.  
  196. <div class="junique-title">
  197.  
  198.     <div class="image-press">
  199.         <a href="....html"><img src="img\Rechteck.png"></a>
  200.     </div>
  201.     <div class="text-press">
  202.         <p><h4>GEIST:</h4>
  203.  
  204.         Wer ruft mir?
  205.         FAUST
  206.         abgewendet:
  207.         Schreckliches Gesicht!
  208.         GEIST:
  209.         Du hast mich mächtig angezogen,
  210.         An meiner Sphäre lang gesogen,
  211.         Und nun —
  212.         FAUST:
  213.         Weh! ich ertrag dich nicht!
  214.         GEIST:
  215.         36
  216.         Du flehst eratmend mich zu schauen,
  217.         Meine Stimme zu hören, mein Antlitz zu sehn;
  218.         Mich neigt dein mächtig Seelenflehn,
  219.         Da bin ich! — Welch erbärmlich Grauen
  220.         Faßt Übermenschen dich! Wo ist der Seele Ruf?
  221.         Wo ist die Brust, die eine Welt in sich erschuf
  222.         Und trug und hegte, die mit Freudebeben
  223.         Erschwoll, sich uns, den Geistern, gleich zu heben?
  224.         Wo bist du, Faust, des Stimme mir erklang,
  225.         Der sich an mich mit allen Kräften drang?
  226.          </p>
  227.     </div>
  228.     <div class="pdf-press">
  229.         <a href="....html"><img src="img\downloadpdf.png"></a>
  230.     </div>
  231. </div>
  232.  
  233. <div class="line">
  234.     <img src="img\line1.png">
  235. </div>
  236.  
  237.     <div id="junique-images-title">
  238.     <img src="img\JUNIQE-Images.png">
  239.     </div>
  240.  
  241. <div id="juniqe-images">
  242.  
  243. <div class="junique-images-col">
  244.  
  245.     <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  246.     <p align="center"><a href="....html"> <img src="img\sebastian.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  247.     <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  248.  
  249. </div>
  250.  
  251.     <div class="junique-images-col">
  252.  
  253.         <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  254.         <p align="center"><a href="....html"> <img src="img\Team.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  255.         <p align="center"><a href="....html"> <img src="img\download.jpg" style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  256.  
  257.     </div>
  258.  
  259.     <div class="junique-images-col">
  260.  
  261.         <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  262.         <p align="center"><a href="....html"> <img src="img\Buro.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  263.         <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  264.  
  265.     </div>
  266.  
  267.     <div class="junique-images-col">
  268.  
  269.         <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  270.         <p align="center"> <a href="....html"> <img src="img\Logo1.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  271.         <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  272.  
  273.     </div>
  274.  
  275. <div class="junique-images-col">
  276.  
  277.     <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  278.     <p align="center"><a href="....html"> <img src="img\Logo1.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  279.     <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  280.  
  281. </div>
  282.  
  283. <div class="junique-images-col">
  284.  
  285.     <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  286.     <p align="center"><a href="....html"> <img src="img\Beispiel.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  287.     <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  288.  
  289. </div>
  290.  
  291. <div class="junique-images-col">
  292.  
  293.     <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  294.     <p align="center"><a href="....html"> <img src="img\Emil.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  295.     <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  296.  
  297. </div>
  298.  
  299. <div class="junique-images-col">
  300.  
  301.     <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
  302.     <p align="center"><a href="....html"> <img src="img\Lea.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
  303.     <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
  304.  
  305. </div>
  306.  
  307. </div>
  308.  
  309. <div class="line">
  310.     <img src="img\line1.png">
  311. </div>
  312.  
  313. <div id="junique-background">
  314.     <div id="junique-background-title">
  315.         <img src="img\junique background.png">
  316.     </div>
  317.  
  318.     <div class="junique-background-text">
  319.         <p><h4>FAUST:</h4>
  320.         Habe nun, ach! Philosophie,
  321.         Juristerei und Medizin,
  322.         Und leider auch Theologie
  323.         Durchaus studiert, mit heißem Bemühn.
  324.         Da steh ich nun, ich armer Tor!
  325.         Und bin so klug als wie zuvor;
  326.         Heiße Magister, heiße Doktor gar
  327.         Und ziehe schon an die zehen Jahr
  328.         Herauf, herab und quer und krumm
  329.         Meine Schüler an der Nase herum —
  330.         Und sehe, daß wir nichts wissen können!
  331.         Das will mir schier das Herz verbrennen.
  332.         Zwar bin ich gescheiter als all die Laffen,
  333.         Doktoren, Magister, Schreiber und Pfaffen;
  334.         Mich plagen keine Skrupel noch Zweifel,
  335.         Fürchte mich weder vor Hölle noch Teufel —
  336.         Dafür ist mir auch alle Freud entrissen,
  337.         Bilde mir nicht ein, was Rechts zu wissen,
  338.         Bilde mir nicht ein, ich könnte was lehren,
  339.         Die Menschen zu bessern und zu bekehren
  340.  
  341.         </p>
  342.     </div>
  343.     <div class="junique-background-pdf">
  344.         <a href="....html"><img src="img\downloadpdf.png"></a>
  345.     </div>
  346. </div>
  347.  
  348. <div class="line">
  349.     <img src="img\line1.png">
  350. </div>
  351.  
  352.  
  353.  
  354.     <div class="junique-background-text">
  355.         <p><h4>GEIST:</h4>
  356.         Wer ruft mir?
  357.         FAUST
  358.         abgewendet:
  359.         Schreckliches Gesicht!
  360.         GEIST:
  361.         Du hast mich mächtig angezogen,
  362.         An meiner Sphäre lang gesogen,
  363.         Und nun —
  364.         FAUST:
  365.         Weh! ich ertrag dich nicht!
  366.         GEIST:
  367.         36
  368.         Du flehst eratmend mich zu schauen,
  369.         Meine Stimme zu hören, mein Antlitz zu sehn;
  370.         Mich neigt dein mächtig Seelenflehn,
  371.         Da bin ich! — Welch erbärmlich Grauen
  372.         Faßt Übermenschen dich! Wo ist der Seele Ruf?
  373.         Wo ist die Brust, die eine Welt in sich erschuf
  374.         Und trug und hegte, die mit Freudebeben
  375.         Erschwoll, sich uns, den Geistern, gleich zu heben?
  376.         Wo bist du, Faust, des Stimme mir erklang,
  377.         Der sich an mich mit allen Kräften drang?
  378.         </p>
  379.     </div>
  380.     <div class="junique-background-pdf">
  381.         <a href="....html"><img src="img\downloadpdf.png"></a>
  382.     </div>
  383.  
  384.  
  385. <div class="line">
  386.     <img src="img\line1.png">
  387. </div>
  388.  
  389.  
  390.  
  391. </body>
  392. </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!