Advertisement
Guest User

Untitled

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