-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistory.html
58 lines (56 loc) · 3.01 KB
/
history.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ІСТОРІЯ</title>
<link rel="stylesheet" href="index.css">
<link href="/tree.ico" rel="icon" type="image/x-icon" />
</head>
<body>
<div id="leftblock">
<a href="main.html"><img src="img/logo.png" alt="" class="vkimg"></a>
<a href="history.html"><div class="vk vk-g"><p>ІСТОРІЯ</p></div></a>
<a href=""><div class="vk"><p>ГАЛЕРЕЯ</p></div></a>
<a href="https://www.youtube.com/user/SergeiMaestro"><div class="vk"><p>ВІДЕОТЕКА</p></div></a>
<a href="https://www.facebook.com/groups/1545302332433949/"><div class="vk"><p>ФЕЙСБУК</p></div></a>
</div>
<div id="rightblock">
<div class="textblock">
<p id="about">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus mollitia optio odio a illum ab ad, nisi eum. Et minus soluta totam laudantium sint, mollitia laboriosam praesentium assumenda voluptas vitae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat quisquam est, doloribus tempora labore non nulla, hic? Officia dolores beatae, dolore, iusto maxime deserunt sint aliquam atque, eum molestiae distinctio!</p>
</div>
<div class="slider">
<ul>
<li>
<a href="#i1"><b>1</b></a>
</li>
<li>
<a href="#i2"><b>2</b></a>
</li>
<li>
<a href="#i3"><b>3</b></a>
</li>
<li>
<a href="#i4"><b>4</b></a>
</li>
<li>
<a href="#i5"><b>5</b></a>
</li>
</ul>
<div class="slider-body">
<img src="img/h-1.jpg" alt="" id="i1" style="opacity: 1">
<img src="img/h-2.jpg" alt="" id="i2" >
<img src="img/h-3.jpg" alt="" id="i3" >
<img src="img/h-4.jpg" alt="" id="i4" >
<img src="img/h-5.jpg" alt="" id="i5" >
</div>
<div class="text">
<p id="p1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid nostrum, hic voluptate, reiciendis assumenda sed nesciunt consequatur, placeat corporis necessitatibus cum eum suscipit labore non. Animi dolores, odit ipsa laborum.</p>
<p id="p2">Excepturi explicabo numquam alias, hic assumenda quaerat aspernatur ut facilis, atque fuga sed iure sequi ducimus! Reiciendis, harum beatae iure vel, officiis recusandae amet nihil aperiam, ipsa accusantium voluptate. Ea!</p>
<p id="p3">Assumenda et blanditiis temporibus expedita voluptatem ducimus iusto rem nam pariatur mollitia, quibusdam quas a sequi animi voluptate veritatis libero deserunt nemo nostrum incidunt nulla fugit eius vero quod maxime.</p>
<p id="p4">Deserunt veniam eius obcaecati, assumenda culpa consequuntur provident ad, earum labore inventore, alias est nam nulla odio soluta ipsum fuga, non possimus? Suscipit quis optio ullam? Et recusandae, eius laborum.</p>
<p id="p5">Mollitia possimus, quae nulla necessitatibus commodi quis perferendis! Provident impedit, ut recusandae ratione dolorum consectetur. Magnam qui neque, ut in. Dolores exercitationem earum odit, adipisci vel harum ipsam, id atque.</p>
</div>
</div>
</div>
</body>
</html>