-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbook.html
151 lines (130 loc) · 9.14 KB
/
book.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/fonts.css">
<link rel="stylesheet" href="styles/header_footer.css">
<link rel="stylesheet" href="styles/book.css">
</head>
<body>
<header class="mainHeader">
<section class="headerWrapper">
<h2 style="display: none"> Nikoloz Palagashvili</h2>
<h1><a href="index.html"><img src="images/socials/asset.svg" alt="books" title="მთავარი"></a></h1>
<form action="#" method="get" class="Search" id="forSer">
<div class="searchlay">
<input type="search" name="search">
<button type="submit" class="butsub"><img src="images/socials/search_png.png" alt=""></button>
<button class="butclo"><img onclick="closeSearch()" src="images/socials/close.png" alt=""></button>
</div>
</form>
<nav class="forBurger">
<ul>
<li><a href="aboutUs.html" class="active"> პროექტის შესახებ</a></li>
<li><a href="seasons.html">სეზონები</a></li>
<li><a href="books.html">წიგნები</a></li>
<li><a href="">სიახლეები</a></li>
<li><a href="contact.html">კონტაქტი</a></li>
</ul>
</nav>
<figure>
<a href="#" onclick="showSearch()" id="searchIcon"> <img src="images/socials/search.svg" alt="search" title="ძებნა"></a>
<a href="#" class="openModal"> <img src="images/socials/in.svg" alt="login" title="შესვლა"></a>
<button class="burger" onclick="burger()">☰</button>
</figure>
</section>
</header>
<!--Header Ends Here-->
<!-- MainSection starts here-->
<section class="mainSection">
<h2 style="display: none">Nikoloz Palagashvili</h2>
<section class="firstSection">
<article class="leftSide">
<hgroup class="first_hgroup">
<h2>ვიღაცამ გუგულის ბუდეს გადაუფრინა</h2>
<h2>კენ კიზი</h2>
</hgroup>
<h2 style="display: none">Nikoloz Palagashvili</h2>
<figure class="bookPic" style="background-image: url(images/book/08469ab6311af7534448c3f19803f2ee.jpg)"></figure>
<hgroup class="second_hgroup">
<h2>2 <span>სეზონი</span></h2>
<h2>6 <span>ტური</span></h2>
</hgroup>
<section>
<h5>ჩემი შეფასება</h5>
<figure>
<img src="images/stars/star (1)@2x.png" alt="rating">
<img src="images/stars/star (1)@2x.png" alt="rating">
<img src="images/stars/star (1)@2x.png" alt="rating">
<img src="images/stars/star2x.png" alt="rating">
<img src="images/stars/star2x.png" alt="rating">
</figure>
</section>
</article>
<article class="rightSide">
<h2>ვიღაცამ გუგულის ბუდეს გადაუფრინა</h2>
<h2>კენ კიზი</h2>
<button class="stretcher"><img src="images/view_more/arrow_down.png" alt=""></button>
<p class="longText">ვებგვერდის ფუტერი გამოჩნდება ყველა გვერდზე. ფუტერში გამოჩნდება სოციალური ქსელების აიქონები და საკონტაქტო ინფორმაცია ტელეფონის ნომერი და ელექტრონული ფოსტა.ვებგვერდის ფუტერი გამოჩნდება ვებგვერდის ფუტერი გამოჩნდება ყველა გვერდზე. ფუტერში გამოჩნდება სოციალური ქსელების აიქონები და საკონტაქტო ინფორმაცია ტელეფონის ნომერი და ელექტრონული ფოსტა.ვებგვერდის ფუტერი გამოჩნდება ვებგვერდის ფუტერი გამოჩნდება ყველა გვერდზე. ფუტერში გამოჩნდება სოციალური ქსელების აიქონები და საკონტაქტო ინფორმაცია ტელეფონის ნომერი და ელექტრონული ფოსტა.ვებგვერდის ფუტერი გამოჩნდება, ვებგვერდის ფუტერი გამოჩნდება ყველა გვერდზე. ფუტერში გამოჩნდება სოციალური ქსელების აიქონები და საკონტაქტო ინფორმაცია ტელეფონის ნომერი და ელექტრონული ფოსტა.ვებგვერდის ფუტერი გამოჩნდება ვებგვერდის ფუტერი გამოჩნდება ყველა გვერდზე. ფუტერში გამოჩნდება სოციალური ქსელების აიქონები და საკონტაქტო ინფორმაცია ტელეფონის ნომერი და ელექტრონული ფოსტა.ვებგვერდის ფუტერი გამოჩნდება ვებგვერდის ფუტერი გამოჩნდება ყველა გვერდზე. ფუტერში გამოჩნდება სოციალური ქსელების აიქონები და საკონტაქტო ინფორმაცია ტელეფონის ნომერი და ელექტრონული ფოსტა.ვებგვერდის ფუტერი გამოჩნდება </p>
</article>
</section>
<section class="forRate">
<h2>რეიტინგი</h2>
<hr style="width: 44%;height: 1px;color: lightgrey; opacity:0.48">
<figure>
<img src="images/stars/star2x.png" alt="">
<img src="images/stars/star2x.png" alt="">
<img src="images/stars/star2x.png" alt="">
<img src="images/stars/star%20(1)@2x.png" alt="">
<img src="images/stars/star%20(1)@2x.png" alt="">
</figure>
<hr style="width: 44%;height: 1px;color: lightgrey; opacity:0.48">
<!--
-->
</section>
<!--Rating-->
</section>
<!-- MainSection ends here-->
<!--Rating-->
<!-- modal findow fore login-->
<section class="mainModalPage">
<section class="modalPage">
<h2>ავტორიზაცია</h2>
<figure>
<img src="images/socials/facebook%20(2)@2x.png" alt="">
<figcaption>Connect with Facebook </figcaption>
</figure>
</section>
</section>
<!--Footer Starts Here-->
<footer class="mainFoot">
<section class="footWrap">
<ul class="firstUl">
<li> <img src="images/head_foot/[email protected]" alt=""> ჭავჭავაძის ქ. 1, თბილისი</li>
<li>უნივერსიტეტის ქ. 6, თბილისი</li>
</ul>
<ul class="secondUl">
<li><img src="images/head_foot/[email protected]" alt=""> [email protected]</li>
<li><img src="images/head_foot/Path%2058.png" alt=""> 555 55 55 55</li>
</ul>
<figure class="footFigure">
<a href="#"><img src="images/socials/insta.svg" alt=""></a>
<a href="#"><img src="images/socials/fb.svg" alt=""></a>
<a href="#"><img src="images/socials/twitter-circular-button.svg" alt=""></a>
</figure>
</section>
</footer>
<script>
if (screen.height < 800) {
document.getElementsByTagName('BODY')[0].style.height = '900px';
}
</script>
<script src="scripts/foot.js"></script>
<script src="scripts/search.js"></script>
<script src="scripts/book.js"></script>
<script src="scripts/openModal.js"></script>
<script src="scripts/burger.js"></script>
</body>
</html>