-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpInk.html
25 lines (25 loc) · 1.36 KB
/
pInk.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../assets/images/pInk.svg" type="image/x-icon">
<link rel="stylesheet" href="../assets/css/style.css">
<title>pInk</title>
<body>
<header>
<h1>pInk</h1>
<div class="search"><span class="search-icon"><svg xmlns="http://www.w3.org/2000/svg" height="30px"
viewBox="0 -960 960 960" width="30px" fill="#e78fde">
<path
d="M795.76-114.3 531.33-378.5q-29.76 25.26-69.6 39.41-39.84 14.16-85.16 14.16-109.84 0-185.96-76.2Q114.5-477.33 114.5-585t76.2-183.87q76.19-76.2 184.37-76.2 108.17 0 183.86 76.2 75.7 76.2 75.7 184.02 0 43.33-13.64 82.97t-40.92 74.4L845.5-164.04l-49.74 49.74ZM375.65-393.07q79.73 0 135.29-56.24Q566.5-505.55 566.5-585q0-79.45-55.6-135.69-55.59-56.24-135.25-56.24-80.49 0-136.76 56.24-56.26 56.24-56.26 135.69 0 79.45 56.23 135.69 56.23 56.24 136.79 56.24Z" />
</svg></span><input type="text" id="search" placeholder="Enter comic name..."></div>
</header>
<div class="container">
<div class="scrollable-content" id="scrollableContent">
<div id="cards" class="cards"></div>
</div>
</div>
<script src="../assets/js/script.js"></script>
</body>
</html>