-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·94 lines (89 loc) · 5.99 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Web Application</title>
<!-- Fonts -->
<link rel="stylesheet" href="./fonts/ep-icon-fonts/css/ep-font.css">
<link rel="stylesheet" href="./fonts/fontawesome-5/css/all.min.css">
<!-- Custom Stylesheet -->
<link rel="stylesheet" href="./css/settings.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- <div class="landing-wrapper" style="background-image: url('image/Background.jpg');"> -->
<div class="landing-wrapper">
<header class="site-header">
<div class="header-container">
<div class="brand">
<a href="./index.html"><img src="image/Logo.svg" id="logo" /></a>
</div>
<div class="main-navigation">
<div class="main-menu-wrapper">
<ul class="main-menu">
<li class="menu-item item-hl"><a href="./detail.html" class="menu-text">Dreamwise</a></li>
<li class="menu-item item-hl"><a href="./detail.html#UX Product Designer" class="menu-text">Ask Designers</a></li>
<li class="menu-item item-hl"><a href="./detail.html#UX Product Designer" class="menu-text">Need Designers</a></li>
<li class="menu-item item-hl"><a href="#about" class="menu-text">About</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- Search area -->
<div id="search-area">
<div class="search-container focus-search">
<!-- <img src="image/Search.svg" class="mag-glass focus-search"> -->
<svg class="mag-glass focus-search" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Search</title>
<desc>Created with Sketch 59.1 (86144) - https://sketch.com</desc>
<defs>
<path d="M10,0 C15.5228475,0 20,4.4771525 20,10 C20,12.3995053 19.1548784,14.6016219 17.7460549,16.32493 L23.71,22.28 C23.8993127,22.4677666 24.0057983,22.7233625 24.0057983,22.99 C24.0057983,23.2566375 23.8993127,23.5122334 23.71,23.7 C23.5229286,23.8908556 23.2672459,23.9988906 23,24.0000167 C22.734197,24.0015368 22.4787188,23.8971865 22.29,23.71 L16.3259284,17.7452386 C14.6024725,19.1545519 12.3999687,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z M10,2 C5.581722,2 2,5.581722 2,10 C2,14.418278 5.581722,18 10,18 C14.418278,18 18,14.418278 18,10 C18,7.87826808 17.1571453,5.84343678 15.6568542,4.34314575 C14.1565632,2.84285472 12.1217319,2 10,2 Z" id="path-search"></path>
</defs>
<g id="Search-/-Alt-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-search"></use>
</mask>
<use id="Combined-Shape" fill="none" fill-rule="nonzero" xlink:href="#path-search"></use>
<rect id="svg-search" fill="none" mask="url(#mask-2)" x="0" y="0" width="24" height="24"></rect>
</g>
</svg>
<form class="search-box">
<input type="text" class="search focus-search" placeholder="What's your dream? UX Design"/>
</form>
<a class="clear-x-wrapper focus-search"><svg class="clear-search-x focus-search" width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title></title>
<desc>Created with Sketch 59.1 (86144) - https://sketch.com</desc>
<defs>
<path d="M8.71,7.29 L11.9992017,10.5798855 L15.29,7.29 C15.6821222,6.89787783 16.3178778,6.89787783 16.71,7.29 C17.1021222,7.68212217 17.1021222,8.31787783 16.71,8.71 L13.4192017,11.9998855 L16.71,15.29 C16.8993127,15.4777666 17.0057983,15.7333625 17.0057983,16 C17.0057983,16.2666375 16.8993127,16.5222334 16.71,16.71 C16.5212812,16.8971865 16.265803,17.0015368 16,17.0000167 C15.734197,17.0015368 15.4787188,16.8971865 15.29,16.71 L11.9992017,13.4198855 L8.71,16.71 C8.52128117,16.8971865 8.26580298,17.0015368 8,17.0000167 C7.73419702,17.0015368 7.47871883,16.8971865 7.29,16.71 C7.10068735,16.5222334 6.99420168,16.2666375 6.99420168,16 C6.99420168,15.7333625 7.10068735,15.4777666 7.29,15.29 L10.5792017,11.9998855 L7.29,8.71 C7.03634143,8.45634143 6.93727648,8.08662601 7.03012196,7.74012196 C7.12296744,7.39361791 7.39361791,7.12296744 7.74012196,7.03012196 C8.08662601,6.93727648 8.45634143,7.03634143 8.71,7.29 Z" id="path-X"></path>
</defs>
<g id="Icons-by-mad-lab.studio" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Validation-/-Cross-x" transform="translate(-7.000000, -7.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-X"></use>
</mask>
<use id="svg-X" fill="none" fill-rule="nonzero" xlink:href="#path-X"></use>
</g>
</g>
</svg></a>
</div>
<div class="list-wrapper">
<!-- below for testing -->
<!-- <div class='list-container'>
<ul class="dropdownList">
<a class="dropdown-a">
<li class="dropdown-item hl whiteBkgrnd">Type testing Yo</li>
</a>
</ul>
</div> -->
</div>
</div>
<!-- <footer>Plum & Pear</footer> -->
</div>
<!-- <script src="./js/data.js" type="module"></script> -->
<script src="./js/search.js"></script>
<script src="./js/data.js"></script>
</body>
</html>