asd

4 years ago · e1ff80161d
21 changed files with 372 additions and 0 deletions
--- a/Protokol.docx
+++ b/Protokol.docx
--- a/css.css
+++ b/css.css
@ -0,0 +1,215 @@
+body {
+    background-image: url("img/bg.jpg");
+    text-align: center;
+}
+
+.aaa {
+    position: relative;
+    top: -1400px;
+    left: -400px;
+}
+
+text {
+    color: white;
+    font-size: 150%;
+}
+
+div.a {
+    position: relative;
+    font-size: 60px;
+    top: -2050px;
+    left: 90px;
+    color: black;
+}
+
+div.b {
+    position: relative;
+    font-size: 40px;
+    top: -2030px;
+    left: 95px;
+    color: black;
+}
+
+div.c {
+    position: relative;
+    font-size: 20px;
+    top: -1500px;
+    color: white;
+}
+
+div.d {
+    position: relative;
+    font-size: 60px;
+    top: -1505px;
+    color: white;
+    text-align: center;
+}
+
+.neco {
+    position: relative;
+    top: -1400px;
+    width: 1463px;
+    left: -3px;
+}
+
+.left {
+    top: -1600px;
+    left: -1500px;
+}
+
+.box {
+    position: relative;
+    width: 900px;
+    top: -1500px;
+    left: -3px;
+    height: 1400px;
+}
+
+div.e {
+    position: relative;
+    font-size: 20px;
+    top: -2800px;
+    color: black;
+    text-align: center;
+}
+
+.left {
+    position: relative;
+    top: -4105px;
+    left: -451px;
+    width: 280px;
+    height: 1400px;
+}
+.right {
+    position: relative;
+    top: -4105px;
+    left: 446px;
+    width: 280px;
+    height: 1400px;
+}
+
+.neco1 {
+    position: relative;
+    top: -4150px;
+    width: 1463px;
+    left: -3px;
+}
+
+div.f {
+    position: relative;
+    font-size: 60px;
+    top: -4260px;
+    color: white;
+    text-align: center;
+}
+
+.know {
+    position: relative;
+    top: -4250px;
+    width: 1463px;
+    left: -4px;
+    height: 700px;
+}
+
+div.g {
+    position: relative;
+    font-size: 20px;
+    color: black;
+    top: -4840px;
+}
+
+.neco2 {
+    position: relative;
+    top: -4800px;
+    width: 1463px;
+    left: -4px;
+}
+
+div.h {
+    position: relative;
+    font-size: 60px;
+    top: -4910px;
+    color: white;
+    text-align: center;
+}
+
+.modra {
+    position: relative;
+    top: -4900px;
+    width: 1463px;
+    left: -4px;
+}
+
+.tab {
+    position: relative;
+    top: -5600px;
+}
+
+.neco3 {
+    position: relative;
+    top: -5400px;
+    width: 1463px;
+    left: -4px;
+}
+
+div.i {
+    position: relative;
+    font-size: 60px;
+    top: -5510px;
+    color: white;
+    text-align: center;
+}
+
+.cerna {
+    position: relative;
+    top: -5500px;
+    width: 1463px;
+    left: -4px;
+    height: 500px;
+}
+
+.para {
+    position: relative;
+    top: -5900px;
+    widows: 100px;
+    width: 60%; margin: 0 auto;
+    color: white;
+}
+
+.neco4 {
+    position: relative;
+    top: -5900px;
+    width: 1463px;
+    left: -4px;
+}
+
+div.j {
+    position: relative;
+    font-size: 60px;
+    top: -6010px;
+    color: white;
+    text-align: center;
+}
+
+.autor {
+    position: relative;
+    top: -6000px;
+    width: 1463px;
+    left: -4px;
+    height: 800px;
+}
+
+.oblicej {
+    position: relative;
+    top: -6700px;
+    left: -400px;
+}
+
+.posl {
+    position: relative;
+    font-size: 20px;
+    top: -7200px;
+    color: black;
+    text-align: center;    
+    left: 200px;
+}
--- a/stranka.html
+++ b/stranka.html
@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="css.css">
+    <style>
+        body {
+          margin: 0;
+          font-family: Arial, Helvetica, sans-serif;
+        }
+        
+        .topnav {
+          overflow: hidden;
+          background-color: #333;
+        }
+        
+        .topnav a {
+          float: left;
+          color: #f2f2f2;
+          text-align: center;
+          padding: 14px 16px;
+          text-decoration: none;
+          font-size: 17px;
+        }
+        </style>
+    <script>
+        function funkce() {
+            $("#modalImg").attr("scr", $(this).attr("scr"))
+            $('#Modal').modal('show')
+        }
+        $('#imgs').find('img').each(function() {
+            $(this).click( funkce );
+        });
+    </script>
+    <title>Maturita</title> 
+</head>
+
+<body>
+    <div class="topnav">
+        <a class="active" href="#home">Nakladatelství</a>
+        <a href="#news">Katalog</a>
+        <a href="#contact">O nás</a>
+      </div>    
+        <div class="div">      
+            <img src="img/bg-intro.jpg" class="img" height="1500px" width="" alt="">¨
+        </div>
+        <div>    
+            <img src="img/space-odyssey.jpg" class="aaa" height="700px" width="450px"alt="">
+        </div>
+
+    <div class="a">Space odyssey</div>
+    <div class="b">science fiction novel by <br> British writer<br> Athur C. Clarke</div>
+    <div class="c">#1 Bestseller podle New York Times<br><br><br>
+        A mysterious alien civilization uses a tool with the appearance of a large <br>crystalline monolith to investigate worlds across the galaxy and, if<br> possible, to encourage the development of intelligent life. The book<br> shows one such monolith appearing in prehistoric Africa, 3 million years<br> ago (in the movie, 4 mya), where it inspires a starving group of<br> hominids to develop tools. The hominids use their tools to kill animals<br> and eat meat, ending their starvation. They then use the tools to kill a<br> leopard preying on them; the next day, the main ape character, Moon-<br>Watcher, uses a club to kill the leader of a rival tribe.</div>
+    
+    <img src="img/bg-title.png" class="neco">
+    <div class="d">O KNIZE</div>
+    <img src="img/box.png" class="box">
+    <div class="e">A mission, Discovery One, is sent to Saturn. En route, Dr. David Bowman<br> and Dr. Frank Poole are the only conscious humans aboard; their three<br> colleagues are in suspended animation, to be awakened near Saturn.<br> The HAL 9000, an artificially intelligent computer, addressed as "Hal",<br> maintains the ship. While Poole is receiving a birthday message from<br> his family on Earth, Hal tells Bowman that the AE-35 communication<br> unit of the ship is going to malfunction. Poole takes one of the extra-<br>vehicular pods and swaps the AE-35 unit; but when Bowman conducts<br> tests on the removed AE-35 unit, he determines that there was never<br> anything wrong with it. Poole and Bowman become suspicious at Hal's<br> refusal to admit that his diagnosis was mistaken; Hal then claims that<br> the replacement AE-35 unit will fail. In communicating with Earth, Poole<br> and Bowman are directed to disconnect Hal for analysis. These <br>instructions are interrupted as the signal is broken, and Hal informs<br> them that the AE-35 unit has malfunctioned.<br><br>
+        As Poole is removing the unit he is killed when his pod accelerates into<br> him, crushing him. Bowman, uncertain of Hal's role therein, decides to<br> wake the other three astronauts, and therefore quarrels with<br> Hal, with Hal refusing to obey his orders. Bowman threatens to disconnect him if<br> his orders are not obeyed, and Hal relents. As Bowman begins to<br>awaken his colleagues, he hears Hal open both airlocks into space, <br>releasing the ship's internal atmosphere. From a sealed emergency<br> shelter, Bowman gains a spacesuit and re-enters the ship, where he<br> shuts down Hal's consciousness, leaving intact only his autonomic <br>functions, and manually re-establishes contact with Earth. He then<br> learns that his mission is to explore Iapetus,[2] in the hope of<br> contacting the society that buried the monolith on the Moon. Bowman<br> learns that Hal had begun to feel guilty at keeping the purpose of the<br> mission from him and Poole, against his stated mission of gathering<br> information and reporting it fully; and when threatened with <br>disconnection, he panicked and defended himself out of a belief that <br>his very existence was at stake, having no concept of sleep. <br><br>
+        Bowman spends months on the ship alone, slowly approaching Iapetus.<br> During his approach, he gradually notices a small black spot on the <br>surface of Iapetus, and later finds it identical in shape to TMA-1, only <br>much larger. The scientists on Earth name this monolith "TMA-2", which <br>Bowman identifies as a double misnomer because it is not in the Tycho<br> crater and gives off no magnetic anomaly. When Bowman approaches <br>the monolith, it opens and pulls in Bowman's pod. Before he vanishes,<br> Mission Control hears him proclaim: "The thing's hollow – it goes on <br>forever – and – oh my God! – it's full of stars!"</div>
+        <img src="img/bg-about-left.jpg" class="left">
+        <img src="img/bg-about-right.jpg" class="right">
+        <img src="img/bg-title.png" class="neco1">
+        <div class="f">TÉMATA:</div>
+        <img src="img/bg-knowledges.jpg" class="know">
+        <div class="g">2001: A Space Odyssey explores technological advancement: its<br> promise and its danger.
+            The book explores the perils related to the atomic age.<br>
+            The story follows the growth of human civilization from primitive <br>hominids. Distinctively, Space Odyssey<br> is concerned about not only the<br> evolution that has led to the development of humanity, but also the<br> evolution that humanity might undergo in the future.
+            Space Odyssey offers one such vision, offering a glimpse at what space<br> exploration might one day become. Lengthy journeys, such as manned <br>flights to Saturn, and advanced technologies, such as suspended<br> animation, are described in the novel.
+            The book raises questions about consciousness, sentience, and human <br>interactions with machines. Hal's helpful disposition contrasts with his <br>malevolent behaviour.<br>
+            The novel is deliberately written so as to give the reader an almost<br> kinesthetic familiarity with the experience of space travel and <br>the technologies encountered. Large sections of the novel are devoted to <br>detailed descriptions of these.</div>
+        <img src="img/bg-title.png" class="neco2">
+        <div class="h">PROLISTUJTE SI:</div>
+        <img src="img/bgr.png" class="modra"><br>
+<div class="tab">
+        <section class="bg-dark" >
+            <div class="container">
+                <div id="imgs" style="display: grid; width: 100%; grid-template-columns: auto auto auto; grid-gap: 20px;">
+                    <img style="width: 300px; margin: auto;" src="img/24-25.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/35-36.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/86-87.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/286-287.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/304-305.jpg" alt="">
+                    <img style="width: 300px; margin: auto;" src="img/318-319.jpg" alt="">
+                </div>
+            </div>
+    </div>
+</div>
+
+            <img src="img/bg-title.png" class="neco3">
+            <div class="i">PARAMETRY:</div>
+            
+            <img src="img/cerna.png" class="cerna">
+            
+            <div class="para">
+            <section class="bg-dark">
+                <table class="table table-dark">
+                    <tbody>
+                        <tr>
+                            <td><b>Název původní knihy</b></td>
+                            <td>Space Odyssey</td>
+                        </tr>
+                        <tr>
+                            <td><b>vydavatel</b></td>
+                            <td>Hutchinson</td>
+                        </tr>
+                        <tr>
+                            <td><b>Edice</b></td>
+                            <td>Science fiction</td>
+                        </tr>
+                        <tr>
+                            <td><b>Počet stránek</b></td>
+                            <td>224</td>
+                        </tr>
+                        <tr>
+                            <td><b>Vazba</b></td>
+                            <td>Pevná s přebalem</td>
+                        </tr>
+                        <tr>
+                            <td><b>Barevnost</b></td>
+                            <td>Černobílá</td>
+                        </tr>
+                        <tr>
+                            <td><b>ISBN</b></td>
+                            <td>0-453-00269-2</td>
+                        </tr>
+                        <tr>
+                            <td><b>Formát</b></td>
+                            <td>152 x 226 mm</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </section>
+        </div>
+        <img src="img/bg-title.png" class="neco4">
+        <div class="j">O AUTOROVI:</div>
+        <img src="img/bg-author.jpg" class="autor"><br>
+        <img src="img/acclarke.jpg" class="oblicej">
+        <div class="posl"><b>Sir Arthur Charles Clarke (*1917)</b> <br>Clarke was born in Minehead,<br> Somerset, England, and grew up in<br> nearby Bishops Lydeard. As a boy,<br> he lived on a farm, where he enjoyed stargazing, fossil collecting,<br> and reading American science-<br>fiction pulp magazines. He received<br> his secondary education at Huish <br>school in Taunton. Some of his early influences included dinosaur <br>cigarette cards, which led to an<br> enthusiasm for fossils starting about <br>1925.</div>
+        <footer></footer>
+
+
+
+
+
+
+        
+</body>
+</html>
--- a/img/24-25.jpg
+++ b/img/24-25.jpg
--- a/img/286-287.jpg
+++ b/img/286-287.jpg
--- a/img/304-305.jpg
+++ b/img/304-305.jpg
--- a/img/318-319.jpg
+++ b/img/318-319.jpg
--- a/img/35-36.jpg
+++ b/img/35-36.jpg
--- a/img/86-87.jpg
+++ b/img/86-87.jpg
--- a/img/acclarke.jpg
+++ b/img/acclarke.jpg
--- a/img/bg-about-left.jpg
+++ b/img/bg-about-left.jpg
--- a/img/bg-about-right.jpg
+++ b/img/bg-about-right.jpg
--- a/img/bg-author.jpg
+++ b/img/bg-author.jpg
--- a/img/bg-intro.jpg
+++ b/img/bg-intro.jpg
--- a/img/bg-knowledges.jpg
+++ b/img/bg-knowledges.jpg
--- a/img/bg-title.png
+++ b/img/bg-title.png
--- a/img/bg.jpg
+++ b/img/bg.jpg
--- a/img/bgr.png
+++ b/img/bgr.png
--- a/img/box.png
+++ b/img/box.png
--- a/img/cerna.png
+++ b/img/cerna.png
--- a/img/space-odyssey.jpg
+++ b/img/space-odyssey.jpg