-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (52 loc) · 3.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Huge Search</title>
<link rel="shortcut icon" href="img/favicon.png">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="search">
<input type="text" class="search_field" placeholder="Search...">
<input type="submit" class="search_button" value="">
</div>
<div class="searching_results">
<div class="people third">
<ul>
<li class="news news-title">people</li>
<li class="news"><img src="img/avatars/SaraSoueidan.jpeg" alt="" class="avatar">sara soueidan</li>
<li class="news"><img src="img/avatars/RachelSmith.png" alt="" class="avatar">rachel smith</li>
<li class="news"><img src="img/avatars/PeterFinlan.jpeg" alt="" class="avatar">peter finlan</li>
<li class="news"><img src="img/avatars/PatrickCox.png" alt="" class="avatar">patrick cox</li>
<li class="news"><img src="img/avatars/TimHolman.jpeg" alt="" class="avatar">tim holman</li>
<li class="news"><img src="img/avatars/ShaunDona.jpeg" alt="" class="avatar">shaun dona</li>
</ul>
</div>
<div class="popular third">
<ul>
<li class="news news-title">popular</li>
<li class="news"><img src="img/thumbs/PagePreloadingEffect.png" alt="" class="pic">page preloading effect</li>
<li class="news"><img src="img/thumbs/ArrowNavigationStyles.png" alt="" class="pic">arrow navigation styles</li>
<li class="news"><img src="img/thumbs/HoverEffectsIdeasNew.png" alt="" class="pic">ideas for subtle hover effects</li>
<li class="news"><img src="img/thumbs/FreebieHalcyonDays.png" alt="" class="pic">halcyon days template</li>
<li class="news"><img src="img/thumbs/ArticleIntroEffects.png" alt="" class="pic">inspiration for article intro effects</li>
<li class="news"><img src="img/thumbs/DraggableDualViewSlideshow.png" alt="" class="pic">draggable dual-view slideshow</li>
</ul>
</div>
<div class="recent third">
<ul>
<li class="news news-title">recent</li>
<li class="news"><img src="img/thumbs/TooltipStylesInspiration.png" alt="" class="pic">tooltip styles inspiration</li>
<li class="news"><img src="img/thumbs/AnimatedHeaderBackgrounds.png" alt="" class="pic">animated backgba-circle headers</li>
<li class="news"><img src="img/thumbs/OffCanvas.png" alt="" class="pic">off-canvas menu effects</li>
<li class="news"><img src="img/thumbs/TabStyles.png" alt="" class="pic">tab styles inspiration</li>
<li class="news"><img src="img/thumbs/ResponsiveSVGs.png" alt="" class="pic">make SVGs responsive with CSS</li>
<li class="news"><img src="img/thumbs/NotificationStyles.png" alt="" class="pic">notification styles inspiration</li>
</ul>
</div>
</div>
</div>
</body>
</html>