-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (28 loc) · 1.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Finder</title>
<!--Google Font-->
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
<!-- Icon Cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--Stylesheet-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="wrapper">
<input type="text" id="text-to-search" placeholder="Enter text then click to search button">
<button><i class="fa-solid fa-magnifying-glass"></i></button>
</div>
<p id="paragraph">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deleniti minima saepe totam fugit sed inventore aliquid, commodi obcaecati est asperiores, nam aperiam rerum nihil consectetur, velit fugiat? Est, explicabo placeat?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti, provident harum accusantium earum quas laborum consequatur necessitatibus porro similique maiores vel sunt asperiores fugit dolor maxime tenetur eaque eveniet iusto!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis porro reprehenderit quidem maxime, ad quas quod aperiam cum facilis sint eligendi rerum non dolorem alias provident numquam aspernatur! In, atque!
</p>
</div>
<!--Script-->
<script src="script.js"></script>
</body>
</html>