Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- <link rel="stylesheet" href="style\style.css">
- <script src="http://code.jquery.com/jquery-2.2.2.js"></script>
- <script>
- $( document ).ready(function() {
- $( document ).ready(function() {
- alert( "document loaded" );
- });
- $( window ).on( "load", function() {
- alert( "window loaded" );
- });
- });
- </script>
- <title>
- Junique von Sinilo
- </title>
- <style>
- .search {
- margin: 5%;
- width: 190px; /* Ширина поля с кнопкой */
- border: 2px solid #8a8a8a; /* Параметры рамки */
- min-height: 24px; /* Минимальная высота */
- }
- input[type="search"] {
- border: none; /* Убираем рамку */
- outline: none; /* Убираем свечение в Chrome и Safari */
- -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
- width: 160px; /* Ширина поля */
- vertical-align: middle; /* Выравнивание по середине */
- }
- input[type="submit"] {
- height: 90%;
- width: 22px; /* Ширина кнопки */
- border: none; /* Убираем рамку */
- background: url(img/loupe.jpg) no-repeat 50% 50%; /* Параметры фона */
- }
- </style>
- </head>
- <body>
- <div id="navigation">
- <div id="navigation-top">
- <img src="img\7.jpg" align="left" style="margin-left: 1%">
- <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>
- <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>
- <img src="img\sprache.jpg" align="right" style="margin-right: 3px;">
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div id="navigation-center">
- <div id="search">
- <form>
- <div class="search">
- <input type="search" name="q" value="Finde..." style="text-decoration-color: grey; font-size: 13px; font-style: italic;" >
- <input type="submit" value="">
- </div>
- </form>
- </div>
- <div id="logo" align="center">
- <p align="center"> <a href="index.html"><img src="img\logo.jpg" alt="logo" title="logo" height="65%"></a></p>
- </div>
- <div id="buying">
- <div id="H-A">
- <div id="anmeldin">
- <a href="....html"><img src="img\anmelden.jpg" alt="anmelden" title="anmelden" width="100%"></a>
- </div>
- <div id="hilfe">
- <a href="i....html"><img src="img\hilfe.jpg" alt="hilfe" title="hilfe" width="100%"></a>
- </div>
- </div>
- <div id="W-B">
- <div id="basket">
- <a href="....html"><img src="img\basket.jpg" alt="basket" title="basket" height="85%"></a>
- </div>
- <div id="warenkorb">
- <a href="....html"><img src="img\warenkorb.jpg" alt="warenkorb" title="warenkorb" height="100%"></a>
- </div>
- </div>
- </div>
- </div>
- <div id="navigation-bottom">
- <a href="....html"> <img src="img\home.jpg" alt="home" title="home" align="left"></a>
- <a href="....html"> <img src="img\neu.jpg" alt="neu" title="neu" align="left"></a>
- <a href="....html"> <img src="img\kunst.jpg" alt="kunst" title="kunst" align="left"></a>
- <a href="....html"> <img src="img\fasion.jpg" alt="fasion" title="fasion" align="left"></a>
- <a href="....html"> <img src="img\living.jpg" alt="living" title="living" align="left"></a>
- <a href="....html"> <img src="img\tech.jpg" alt="tech" title="tech" align="left"></a>
- <a href="....html"> <img src="img\schreibwaren.jpg" alt="schreibwaren" title="schreibwaren" align="left"></a>
- <a href="....html"> <img src="img\kunstler.jpg" alt="kunstler" title="kunstler" align="left"></a>
- <a href="....html"> <img src="img\geschenke.jpg" alt="geschenke" title="geschenke" align="right" style="height: 80%; margin-top: 2px;"></a>
- </div>
- </div>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div id="PRESS-AREA">
- <p align="center"><img src="img\PRESS-AREA.png"></p>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div id="Press-Contact">
- <div id="contacts">
- <img src="img\Press-Contact.png"><br><br><br>
- <img src="img\JUNIQE-katja@juniqe-.png"><br><br><br>
- <img src="img\Katja-Meincke.png"><br><br><br>
- <img src="img\Tel-_-0163-2585563.png"><br><br>
- <img src="img\E-Mail_-katja@juniqe.com.png"><br><br><br>
- <img src="img\Here_youll.png"><br><br><br>
- </div>
- <div id="buttons">
- <a href="....html"> <img src="img\button 1.jpg" style="margin-top: 15%"></a>
- <a href="....html"> <img src="img\button 2.jpg"></a>
- <a href="....html"> <img src="img\button 3.jpg"></a>
- </div>
- <div id="nets">
- <a href="....html"> <img src="img\logo-1.png"></a>
- <a href="....html"> <img src="img\logo-2.png"></a>
- <a href="....html"> <img src="img\logo-3.png"></a>
- <a href="....html"> <img src="img\logo-4.png"></a>
- <a href="....html"> <img src="img\logo-5.png"></a>
- <a href="....html"> <img src="img\logo-6.png" style="margin-right: 1px;" ></a>
- </div>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div class="junique-title">
- <div id="junique-press-title">
- <img src="img\JUNIQE-in-the-Press.png">
- </div>
- <div class="image-press">
- <a href="....html"> <img src="img\Rechteck.png"></a>
- </div>
- <div class="text-press">
- <p><h4>FAUST:</h4>
- Habe nun, ach! Philosophie,
- Juristerei und Medizin,
- Und leider auch Theologie
- Durchaus studiert, mit heißem Bemühn.
- Da steh ich nun, ich armer Tor!
- Und bin so klug als wie zuvor;
- Heiße Magister, heiße Doktor gar
- Und ziehe schon an die zehen Jahr
- Herauf, herab und quer und krumm
- Meine Schüler an der Nase herum —
- Und sehe, daß wir nichts wissen können!
- Das will mir schier das Herz verbrennen.
- Zwar bin ich gescheiter als all die Laffen,
- Doktoren, Magister, Schreiber und Pfaffen;
- Mich plagen keine Skrupel noch Zweifel,
- Fürchte mich weder vor Hölle noch Teufel —
- Dafür ist mir auch alle Freud entrissen,
- Bilde mir nicht ein, was Rechts zu wissen,
- Bilde mir nicht ein, ich könnte was lehren,
- Die Menschen zu bessern und zu bekehren.
- </p>
- </div>
- <div class="pdf-press">
- <a href="....html"><img src="img\downloadpdf.png"></a>
- </div>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div class="junique-title">
- <div class="image-press">
- <a href="....html"><img src="img\Rechteck.png"></a>
- </div>
- <div class="text-press">
- <p><h4>GEIST:</h4>
- Wer ruft mir?
- FAUST
- abgewendet:
- Schreckliches Gesicht!
- GEIST:
- Du hast mich mächtig angezogen,
- An meiner Sphäre lang gesogen,
- Und nun —
- FAUST:
- Weh! ich ertrag dich nicht!
- GEIST:
- 36
- Du flehst eratmend mich zu schauen,
- Meine Stimme zu hören, mein Antlitz zu sehn;
- Mich neigt dein mächtig Seelenflehn,
- Da bin ich! — Welch erbärmlich Grauen
- Faßt Übermenschen dich! Wo ist der Seele Ruf?
- Wo ist die Brust, die eine Welt in sich erschuf
- Und trug und hegte, die mit Freudebeben
- Erschwoll, sich uns, den Geistern, gleich zu heben?
- Wo bist du, Faust, des Stimme mir erklang,
- Der sich an mich mit allen Kräften drang?
- </p>
- </div>
- <div class="pdf-press">
- <a href="....html"><img src="img\downloadpdf.png"></a>
- </div>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div id="junique-images-title">
- <img src="img\JUNIQE-Images.png">
- </div>
- <div id="juniqe-images">
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\sebastian.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\Team.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg" style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\Buro.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"> <a href="....html"> <img src="img\Logo1.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\Logo1.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\Beispiel.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\Emil.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- <div class="junique-images-col">
- <p align="center"><a href="....html"> <img src="img\Rechteck.png" style="width: 99%; max-width: 250px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\Lea.jpg" style="width: 48%; max-width: 120px;min-width: 90px;"></a></p>
- <p align="center"><a href="....html"> <img src="img\download.jpg"style="width: 12%; max-width: 30px;min-width: 20px;"></a></p>
- </div>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div id="junique-background">
- <div id="junique-background-title">
- <img src="img\junique background.png">
- </div>
- <div class="junique-background-text">
- <p><h4>FAUST:</h4>
- Habe nun, ach! Philosophie,
- Juristerei und Medizin,
- Und leider auch Theologie
- Durchaus studiert, mit heißem Bemühn.
- Da steh ich nun, ich armer Tor!
- Und bin so klug als wie zuvor;
- Heiße Magister, heiße Doktor gar
- Und ziehe schon an die zehen Jahr
- Herauf, herab und quer und krumm
- Meine Schüler an der Nase herum —
- Und sehe, daß wir nichts wissen können!
- Das will mir schier das Herz verbrennen.
- Zwar bin ich gescheiter als all die Laffen,
- Doktoren, Magister, Schreiber und Pfaffen;
- Mich plagen keine Skrupel noch Zweifel,
- Fürchte mich weder vor Hölle noch Teufel —
- Dafür ist mir auch alle Freud entrissen,
- Bilde mir nicht ein, was Rechts zu wissen,
- Bilde mir nicht ein, ich könnte was lehren,
- Die Menschen zu bessern und zu bekehren
- </p>
- </div>
- <div class="junique-background-pdf">
- <a href="....html"><img src="img\downloadpdf.png"></a>
- </div>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- <div class="junique-background-text">
- <p><h4>GEIST:</h4>
- Wer ruft mir?
- FAUST
- abgewendet:
- Schreckliches Gesicht!
- GEIST:
- Du hast mich mächtig angezogen,
- An meiner Sphäre lang gesogen,
- Und nun —
- FAUST:
- Weh! ich ertrag dich nicht!
- GEIST:
- 36
- Du flehst eratmend mich zu schauen,
- Meine Stimme zu hören, mein Antlitz zu sehn;
- Mich neigt dein mächtig Seelenflehn,
- Da bin ich! — Welch erbärmlich Grauen
- Faßt Übermenschen dich! Wo ist der Seele Ruf?
- Wo ist die Brust, die eine Welt in sich erschuf
- Und trug und hegte, die mit Freudebeben
- Erschwoll, sich uns, den Geistern, gleich zu heben?
- Wo bist du, Faust, des Stimme mir erklang,
- Der sich an mich mit allen Kräften drang?
- </p>
- </div>
- <div class="junique-background-pdf">
- <a href="....html"><img src="img\downloadpdf.png"></a>
- </div>
- <div class="line">
- <img src="img\line1.png">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement