u416
4 years ago
commit
3902542599
8 changed files with 300 additions and 0 deletions
|
After Width: | Height: | Size: 208 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 451 KiB |
|
After Width: | Height: | Size: 256 KiB |
@ -0,0 +1,300 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
||||
|
<title>Knihovna</title> |
||||
|
<link rel="css" href="css.css" > |
||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> |
||||
|
<style> |
||||
|
.navbar navbar-expand-lg navbar-light bg-light{ |
||||
|
position: relative; |
||||
|
|
||||
|
} |
||||
|
h1, h2{ |
||||
|
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; |
||||
|
} |
||||
|
|
||||
|
.stranka{ |
||||
|
|
||||
|
background-color: red; |
||||
|
|
||||
|
} |
||||
|
img{ |
||||
|
width: 80%; |
||||
|
} |
||||
|
.sirka{ |
||||
|
|
||||
|
width: 80%; |
||||
|
background-image: url("obrpozadi.jpg"); |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
|
||||
|
} |
||||
|
.odstup{ |
||||
|
padding-top: 50px; |
||||
|
} |
||||
|
.textt{ |
||||
|
padding-top: 100px; |
||||
|
text-align: center; |
||||
|
color: seashell; |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
.obrazek{ |
||||
|
width: 100%; |
||||
|
padding-top: 30px; |
||||
|
background-image: url("20.png"); |
||||
|
text-align: center; |
||||
|
color: seashell; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
.leva{ |
||||
|
|
||||
|
|
||||
|
height: 200vh; |
||||
|
background-image: url("bg-about-left.jpg"); |
||||
|
} |
||||
|
.clanek{ |
||||
|
text-align: center; |
||||
|
width: 100%; |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
background-color: seashell; |
||||
|
height: 200vh; |
||||
|
|
||||
|
} |
||||
|
.a{ |
||||
|
width: 80%; |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
|
||||
|
} |
||||
|
.paramery{ |
||||
|
height: 50vh; |
||||
|
padding-top: 10px; |
||||
|
background-color: sienna; |
||||
|
width: 100%; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
.aa{ |
||||
|
padding: 0; |
||||
|
} |
||||
|
.ab{ |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
.abc{ |
||||
|
padding-right: 0; |
||||
|
|
||||
|
} |
||||
|
.clanek1{ |
||||
|
text-align: center; |
||||
|
width: 100%; |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
background-color: seashell; |
||||
|
height: 50vh; |
||||
|
|
||||
|
} |
||||
|
.leva1{ |
||||
|
margin-left: auto; |
||||
|
margin-right: auto; |
||||
|
width: 50vh; |
||||
|
} |
||||
|
.aab{ |
||||
|
background-image: url("obrpozadi.jpg"); |
||||
|
padding-top: 50; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
@media screen and (max-width: 1550px) { |
||||
|
h3{ |
||||
|
font-size: 1.3rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light"> |
||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation"> |
||||
|
<span class="navbar-toggler-icon"></span> |
||||
|
</button> |
||||
|
<a class="navbar-brand" href="#">Navbar</a> |
||||
|
|
||||
|
<div class="collapse navbar-collapse" id="navbarTogglerDemo03"> |
||||
|
<ul class="navbar-nav mr-auto mt-2 mt-lg-0"> |
||||
|
<li class="nav-item active"> |
||||
|
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" href="#">Link</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link disabled" href="#">Disabled</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<form class="form-inline my-2 my-lg-0"> |
||||
|
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> |
||||
|
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> |
||||
|
</form> |
||||
|
</div> |
||||
|
</nav> |
||||
|
<div class="stranka"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="sirka"> |
||||
|
<div class="odstup"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-2"> |
||||
|
|
||||
|
</div> |
||||
|
<div class="col-md-4"> |
||||
|
<div class="orbrazky"> |
||||
|
<img src="hlavniobr.jpg"> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="col-md-4"> |
||||
|
<h1>Space Odyssey</h1> |
||||
|
<h2> science fiction novel by British writer</h2> |
||||
|
<h2> Arthur C. Clarke</h2> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<div class="col-md-2"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="textt"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-3"> |
||||
|
|
||||
|
</div> |
||||
|
<div class="col-md-6"> |
||||
|
<h1>#1 Bestseller podle New York Times</h1> |
||||
|
<a> A mysterious alien civilization uses a tool with the appearance of a large crystalline monolith to investigate worlds across the galaxy and, if possible, to encourage the development of intelligent life. The book shows one such monolith appearing in prehistoric Africa, 3 million years ago (in the movie, 4 mya), where it inspires a starving group of hominids to develop tools. The hominids use their tools to kill animals and eat meat, ending their starvation. They then use the tools to kill a leopard preying on them; the next day, the main ape character, Moon-Watcher, uses a club to kill the leader of a rival tribe. <br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<div class="col-md-3"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="obrazek"> |
||||
|
<h1>o knize</h1> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="row"> |
||||
|
<div class="col-md-2 abc"> |
||||
|
<div class="leva"> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<div class="col-md-8 aa"> |
||||
|
<div class="clanek"> |
||||
|
<div class="a"> |
||||
|
|
||||
|
<h3>A mission, Discovery One, is sent to Saturn. En route, Dr. David Bowman and Dr. Frank Poole are the only conscious humans aboard; their three colleagues are in suspended animation, to be awakened near Saturn. The HAL 9000, an artificially intelligent computer, addressed as "Hal", maintains the ship. While Poole is receiving a birthday message from his family on Earth, Hal tells Bowman that the AE-35 communication unit of the ship is going to malfunction. Poole takes one of the extra-vehicular pods and swaps the AE-35 unit; but when Bowman conducts tests on the removed AE-35 unit, he determines that there was never anything wrong with it. Poole and Bowman become suspicious at Hal's refusal to admit that his diagnosis was mistaken; Hal then claims that the replacement AE-35 unit will fail. In communicating with Earth, Poole and Bowman are directed to disconnect Hal for analysis. These instructions are interrupted as the signal is broken, and Hal informs them that the AE-35 unit has malfunctioned. |
||||
|
As Poole is removing the unit he is killed when his pod accelerates into him, crushing him. Bowman, uncertain of Hal's role therein, decides to wake the other three astronauts, and therefore quarrels with Hal, with Hal refusing to obey his orders. Bowman threatens to disconnect him if his orders are not obeyed, and Hal relents. As Bowman begins to awaken his colleagues, he hears Hal open both airlocks into space, releasing the ship's internal atmosphere. From a sealed emergency shelter, Bowman gains a spacesuit and re-enters the ship, where he shuts down Hal's consciousness, leaving intact only his autonomic functions, and manually re-establishes contact with Earth. He then learns that his mission is to explore Iapetus,[2] in the hope of contacting the society that buried the monolith on the Moon. Bowman learns that Hal had begun to feel guilty at keeping the purpose of the mission from him and Poole, against his stated mission of gathering information and reporting it fully; and when threatened with disconnection, he panicked and defended himself out of a belief that his very existence was at stake, having no concept of sleep. |
||||
|
Bowman spends months on the ship alone, slowly approaching Iapetus. During his approach, he gradually notices a small black spot on the surface of Iapetus, and later finds it identical in shape to TMA-1, only much larger. The scientists on Earth name this monolith "TMA-2", which Bowman identifies as a double misnomer because it is not in the Tycho crater and gives off no magnetic anomaly. When Bowman approaches the monolith, it opens and pulls in Bowman's pod. Before he vanishes, Mission Control hears him proclaim: "The thing's hollow – it goes on forever – and – oh my God! – it's full of stars!"</h3> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="col-md-2 ab"> |
||||
|
<div class="leva"> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="obrazek aa"> |
||||
|
<h1>Parametry</h1> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<div class="paramery"> |
||||
|
|
||||
|
</div> |
||||
|
<div class="obrazek"> |
||||
|
<h1>Temata</h1> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<div class="leva1"> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<div class="obrazek"> |
||||
|
<h1>Temata</h1> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<div class="leva1"> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
<h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 884 KiB |
Loading…
Reference in new issue