Skip to content

Commit 6239e63

Browse files
KASRA10KASRA10
committed
Add New Mini and Minimal Project Of JS Search Suggest
1 parent 39ab559 commit 6239e63

File tree

4 files changed

+82
-1
lines changed

4 files changed

+82
-1
lines changed

‎.vscode/settings.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"cSpell.words": ["Hyperlegible"]
3+
}

‎Mini Search Suggestion/faviocn.ico‎

5.77 KB
Binary file not shown.

‎Mini Search Suggestion/index.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
7+
<meta name="color-scheme" content="light" />
8+
<meta name="format-detection" content="telephone=no" />
9+
<meta name="keywords" content="Search Suggestion Like !" />
10+
<meta
11+
name="description"
12+
content="a Google like Search Suggestion with the help of HTML CSS and JavaScript"
13+
/>
14+
<meta name="subject" content="Search Box" />
15+
<meta
16+
name="copyright"
17+
content="[email protected], https://github.com/KASRA10"
18+
/>
19+
<meta name="language" content="en-US" />
20+
<meta name="robots" content="no-index, no-follow" />
21+
<meta
22+
name="author"
23+
content="KasraK10, [email protected], https://github.com/KASRA10"
24+
/>
25+
<meta name="generator" content="Visual Studio Code" />
26+
<meta name="topic" content="Search Suggestion" />
27+
<meta name="summary" content="Search Suggestion" />
28+
<meta
29+
name="designer"
30+
content="Kasra Hosseini - K10 - https://kasra10design.com"
31+
/>
32+
<meta name="owner" content="KasraK10" />
33+
<meta name="category" content="Search Suggestion" />
34+
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
35+
<link rel="preconnect" href="https://fonts.googleapis.com" />
36+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
37+
<link
38+
href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&display=swap"
39+
rel="stylesheet"
40+
/>
41+
<title>JS Search Suggestion</title>
42+
<!-- InterNal CSS ==> Generally Using External CSS is BetterThat Other Ways -->
43+
<style>
44+
html,
45+
body {
46+
width: 100%;
47+
height: 100vh;
48+
margin: 0;
49+
font-family: "Atkinson Hyperlegible Mono", monospace;
50+
background-color: #f0f0f0;
51+
height: 100vh;
52+
display: flex;
53+
flex-flow: column nowrap;
54+
justify-content: center;
55+
align-items: center;
56+
overflow: hidden;
57+
}
58+
59+
div.container {
60+
width: 80%;
61+
height: 420px;
62+
margin: auto 0;
63+
padding: 25px;
64+
text-align: center;
65+
background-color: #ffffff;
66+
border-radius: 25px;
67+
box-sizing: 3px 6px -17px 30px rgba(0, 0, 0, 0.2);
68+
}
69+
</style>
70+
<!-- End Of InterNal Css -->
71+
</head>
72+
<body>
73+
<section>
74+
<div class="container">
75+
76+
</div>
77+
</section>
78+
</body>
79+
</html>

‎Mini ToDoList App Page/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
76
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
87
<meta name="color-scheme" content="light" />
98
<meta name="format-detection" content="telephone=no" />

0 commit comments

Comments
 (0)