-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (91 loc) · 4.14 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./src/assets/favicon/index.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./dist/css/index.css">
<script src="./dist/DOMElements.js" defer></script>
<script src="./dist/store.js" defer></script>
<script src="./dist/main.js" defer></script>
<title>Json-placeholder</title>
</head>
<body>
<header>
<div class="container">
<div class="row">
<h3 class="logo">Logo</h3>
<label for="search" class="search">
<img src="./src/assets/icons/search.svg" class="search-icon" alt="">
<input type="text" class="input search-input" id="search" placeholder="Search...">
</label>
<a href="/" class="button button-danger posts-link">
<img src="./src/assets/icons/posts.svg" alt="">
Posts
</a>
</div>
</div>
</header>
<main>
<section class="posts-block active">
<div class="container">
<div class="posts row">
</div>
<div class="pagination row">
<div class="pagination-btn previous-btn">
<img src="./src/assets/icons/previous.svg" alt="previous-btn">
</div>
<div class="pagination-counts-block ">
<div class="pagination-btn" id="someCountBtns">...</div>
</div>
<div class="pagination-btn next-btn">
<img src="./src/assets/icons/next.svg" alt="next-btn">
</div>
</div>
</div>
</section>
<section class="detail-block">
<div class="container">
<div class="banner">
<div class="banner--img">
<img src="https://via.placeholder.com/600/810b14" alt="">
</div>
<div class="banner--title">et ea vero quia laudantium autem</div>
</div>
<div class="divide"></div>
<div class="description">
<textarea name="" class="active-textarea" id="post-textarea" disabled>delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus accusamus in eum beatae sitvel qui neque voluptates ut commodi qui inciduntdddddd ut animi comasdasdasdasdasdmodiasdasdsad
</textarea>
<div class="description--rewrite active">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#FF008A" xmlns="http://www.w3.org/2000/svg">
<path d="M16.4374 2C17.0921 2 17.7197 2.26142 18.1781 2.72342L21.279 5.82432C21.7407 6.286 22.0001 6.91217 22.0001 7.56508C22.0001 8.21799 21.7407 8.84416 21.279 9.30584L9.95751 20.6238C9.25902 21.4295 8.2689 21.9245 7.1346 22.0023H2V21.0023L2.00325 16.7873C2.08844 15.7328 2.57867 14.7523 3.3265 14.0934L14.6954 2.72463C15.1564 2.26083 15.7834 2 16.4374 2ZM7.06398 20.0048C7.59821 19.967 8.09549 19.7184 8.49479 19.2616L16.0567 11.6997L12.3023 7.94519L4.6961 15.5496C4.29095 15.9079 4.04031 16.4092 4 16.8678V20.0029L7.06398 20.0048ZM13.7167 6.53115L17.4709 10.2855L19.8648 7.89162C19.9514 7.80502 20.0001 7.68756 20.0001 7.56508C20.0001 7.4426 19.9514 7.32514 19.8648 7.23854L16.7611 4.13486C16.6755 4.04855 16.5589 4 16.4374 4C16.3158 4 16.1992 4.04855 16.1136 4.13486L13.7167 6.53115Z" currentColor="none"></path>
</svg>
Edit text
</div>
<div class="description--btn-block">
<button class="button button-primary save-btn">Save changes</button>
<button class="button button-primary remove-btn">Cencel</button>
</div>
</div>
<div class="comments">
<h3>Comments</h3>
<ul class="comments-list">
</ul>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer-wrapper">
<p>2021 copyright all rights reserved</p>
</div>
</div>
</footer>
</body>
</html>