-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
37 lines (32 loc) · 1.79 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Search filter example</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/css/uikit.min.css" />
<meta name="theme-color" content="#fafafa">
</head>
<body style="background-color: #cfffff;">
<div class="uk-container uk-container-small uk-flex uk-flex-center uk-flex-middle" data-uk-height-viewport="offset-top: true">
<div class="uk-card uk-card-default uk-card-small uk-card-hover">
<div class="uk-card-body">
<p class="uk-text-meta">Enter an Instagram @username in the field below.</p>
<form id="SearchMemberForm">
<div class="uk-margin-small">
<div class="uk-inline uk-width-1-1">
<button id="MemberSubmit" type="submit" class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></button>
<input id="MemberInput" type="search" name="ig_handle" class="member-search-input uk-input uk-form-large" placeholder="e.g., cristiano" autocapitalize="none" autocorrect="off" autocomplete="off">
<div id="PresetMember" class="uk-width-1-1 uk-margin-remove" uk-dropdown="mode: click; pos: bottom-justify; boundary: .member-search-input"></div>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit-icons.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>