-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathux.html
176 lines (160 loc) · 14.6 KB
/
ux.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio | UX</title>
<link rel="icon" href="img/favicon.png">
<link rel="stylesheet" href="scss/style.css">
</head>
<body class="gutter_40_body">
<!----------------- Scroll Up Btn ------------->
<button id="btnScrollUp">
<i class="icofont-arrow-up"></i>
</button>
<!------------------------ Header start ------------------------>
<header id="header" class="header">
<div class="container-fluid">
<div class="row">
<div class="logo">
<img src="img/Icon Glasses 1.png" alt="logo">
</div>
<nav class="nav_links">
<ul class="nav_items">
<li class="nav_item"><a href="index.html">Home</a></li>
<li class="nav_item active"><a href="works.html">Works</a></li>
<li class="nav_item"><a href="about.html">About</a></li>
<li class="nav_item"><a href="contact.html">Contact</a></li>
</ul>
<i id="open_btn" class="icofont-navigation-menu d-none"></i>
</nav>
<nav class="mobile_nav_links">
<ul class="mobile_nav_items">
<li class="mobile_nav_item"><a href="index.html">Home</a></li>
<li class="mobile_nav_item active"><a href="works.html">Works</a></li>
<li class="mobile_nav_item"><a href="about.html">About</a></li>
<li class="mobile_nav_item"><a href="contact.html">Contact</a></li>
<i id="close_btn" class="icofont-close"></i>
</ul>
</nav>
</div>
</div>
</header>
<!------------------------ Header end ------------------------>
<!------------------------ UX start ------------------------>
<section id="ux" class="ux">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-9">
<div class="text_wrapper text_1">
<div class="page_title">
<h1>Axtarış Saytlarının Filter Problemi</h1>
</div>
<p class="mt-4">Azərbaycanda onlayn şəkildə ev və ya ofis axtarışı üçün nəzərdə tutulan ən
məşhur saytlardan
tap.az və yeniemlak.az-ı misal götürə bilərik. Bu saytlar özlərində çox geniş müştəri
bazasını əhatə etməklə milyona yaxın insanın işini rahatlaşdırırlar. Təbiidir ki, istifadə
etdikcə bu kimi məhsullarda bir neçə yeni fikirlər ortaya çıxır və bununla da məhsul daha
yaxşı formaya çevrilir. Ancaq gördüyüm qədərilə bu məsələ adıçəkilən saytlar üçün keçərli
deyil, hər hansısa dəyişiklik yoxdur ya da belə bir təklif edən yoxdur.</p>
</div>
<div class="text_wrapper mt-5 text_2">
<div class="page_title">
<h1>Problem</h1>
</div>
<p class="mt-4">Azərbaycanda onlayn şəkildə ev və ya ofis axtarışı üçün nəzərdə tutulan ən
məşhur saytlardan tap.az və yeniemlak.az-ı misal götürə bilərik. Bu saytlar özlərində çox
geniş müştəri bazasını əhatə etməklə milyona yaxın insanın işini rahatlaşdırırlar. Təbiidir
ki, istifadə etdikcə bu kimi məhsullarda bir neçə yeni fikirlər ortaya çıxır və bununla da
məhsul daha yaxşı formaya çevrilir. Ancaq gördüyüm qədərilə bu məsələ adıçəkilən saytlar
üçün keçərli deyil, hər hansısa dəyişiklik yoxdur ya da belə bir təklif edən yoxdur.</p>
</div>
<div class="img_box mt-5">
<img src="img/image 2.png">
</div>
<div class="text_wrapper mt-5 text_3">
<p class="mt-4">“Azərbaycanda onlayn şəkildə ev və ya ofis axtarışı üçün nəzərdə tutulan ən
məşhur saytlardan tap.az və yeniemlak.az-ı misal götürə bilərik. Bu saytlar özlərində çox
geniş müştəri bazasını əhatə etməklə milyona yaxın insanın işini rahatlaşdırırlar.”</p>
</div>
<div class="explore mt-5">
<h1>Explore this post on Medium: </h1>
<div class="source mt-3 mt-lg-0">
<svg class="p-1 ms-0 ms-lg-3 me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 514">
<path
d="M22.7 33.4c13.5-4.1 28.1 1.1 35.9 12.9L224 294.3 389.4 46.2c7.8-11.7 22.4-17 35.9-12.9S448 49.9 448 64V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V169.7L250.6 369.8c-5.9 8.9-15.9 14.2-26.6 14.2s-20.7-5.3-26.6-14.2L64 169.7V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C0 49.9 9.2 37.5 22.7 33.4z" />
</svg>
<span>Axtarış saytlarının filter problemi</span>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="right_box mt-5 mt-lg-0">
<h1>Used tools</h1>
<div class="icons mt-3">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path
d="M14 95.7924C14 42.8877 56.8878 0 109.793 0H274.161C327.066 0 369.954 42.8877 369.954 95.7924C369.954 129.292 352.758 158.776 326.711 175.897C352.758 193.019 369.954 222.502 369.954 256.002C369.954 308.907 327.066 351.795 274.161 351.795H272.081C247.279 351.795 224.678 342.369 207.666 326.904V415.167C207.666 468.777 163.657 512 110.309 512C57.5361 512 14 469.243 14 416.207C14 382.709 31.1945 353.227 57.2392 336.105C31.1945 318.983 14 289.5 14 256.002C14 222.502 31.196 193.019 57.2425 175.897C31.196 158.776 14 129.292 14 95.7924ZM176.288 191.587H109.793C74.2172 191.587 45.3778 220.427 45.3778 256.002C45.3778 291.44 73.9948 320.194 109.381 320.416C109.518 320.415 109.655 320.415 109.793 320.415H176.288V191.587ZM207.666 256.002C207.666 291.577 236.505 320.417 272.081 320.417H274.161C309.737 320.417 338.576 291.577 338.576 256.002C338.576 220.427 309.737 191.587 274.161 191.587H272.081C236.505 191.587 207.666 220.427 207.666 256.002ZM109.793 351.795C109.655 351.795 109.518 351.794 109.381 351.794C73.9948 352.015 45.3778 380.769 45.3778 416.207C45.3778 451.652 74.6025 480.622 110.309 480.622C146.591 480.622 176.288 451.186 176.288 415.167V351.795H109.793ZM109.793 31.3778C74.2172 31.3778 45.3778 60.2173 45.3778 95.7924C45.3778 131.368 74.2172 160.207 109.793 160.207H176.288V31.3778H109.793ZM207.666 160.207H274.161C309.737 160.207 338.576 131.368 338.576 95.7924C338.576 60.2173 309.737 31.3778 274.161 31.3778H207.666V160.207Z" />
</svg>
<svg class="p-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 514">
<path
d="M22.7 33.4c13.5-4.1 28.1 1.1 35.9 12.9L224 294.3 389.4 46.2c7.8-11.7 22.4-17 35.9-12.9S448 49.9 448 64V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V169.7L250.6 369.8c-5.9 8.9-15.9 14.2-26.6 14.2s-20.7-5.3-26.6-14.2L64 169.7V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C0 49.9 9.2 37.5 22.7 33.4z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path
d="M290.7 311L95 269.7 86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8 153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24 119.3 160.3 32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M100.59 334.24c48.57 3.31 58.95 2.11 58.95 11.94 0 20-65.55 20.06-65.55 1.52.01-5.09 3.29-9.4 6.6-13.46zm27.95-116.64c-32.29 0-33.75 44.47-.75 44.47 32.51 0 31.71-44.47.75-44.47zM448 80v352a48 48 0 0 1-48 48H48a48 48 0 0 1-48-48V80a48 48 0 0 1 48-48h352a48 48 0 0 1 48 48zm-227 69.31c0 14.49 8.38 22.88 22.86 22.88 14.74 0 23.13-8.39 23.13-22.88S258.62 127 243.88 127c-14.48 0-22.88 7.84-22.88 22.31zM199.18 195h-49.55c-25-6.55-81.56-4.85-81.56 46.75 0 18.8 9.4 32 21.85 38.11C74.23 294.23 66.8 301 66.8 310.6c0 6.87 2.79 13.22 11.18 16.76-8.9 8.4-14 14.48-14 25.92C64 373.35 81.53 385 127.52 385c44.22 0 69.87-16.51 69.87-45.73 0-36.67-28.23-35.32-94.77-39.38l8.38-13.43c17 4.74 74.19 6.23 74.19-42.43 0-11.69-4.83-19.82-9.4-25.67l23.38-1.78zm84.34 109.84l-13-1.78c-3.82-.51-4.07-1-4.07-5.09V192.52h-52.6l-2.79 20.57c15.75 5.55 17 4.86 17 10.17V298c0 5.62-.31 4.58-17 6.87v20.06h72.42zM384 315l-6.87-22.37c-40.93 15.37-37.85-12.41-37.85-16.73v-60.72h37.85v-25.41h-35.82c-2.87 0-2 2.52-2-38.63h-24.18c-2.79 27.7-11.68 38.88-34 41.42v22.62c20.47 0 19.82-.85 19.82 2.54v66.57c0 28.72 11.43 40.91 41.67 40.91 14.45 0 30.45-4.83 41.38-10.2z" />
</svg>
</div>
<h1 class="mt-4 mb-3">Inspirations</h1>
<div class="tag tag_1 mt-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
</svg>
<span class="ms-2">@ux/ui design</span>
</div>
<div class="tag tag_1 mt-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
</svg>
<span class="ms-2">@bazenagency</span>
</div>
<div class="tag tag_1 mt-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
</svg>
<span class="ms-2">@uxtoday</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!------------------------ UX end ------------------------>
<!------------------------ Footer start ------------------------>
<footer id="footer" class="footer">
<div class="container-fluid">
<div class="row">
<div class="text_box col-12 col-lg-6">
<h1>Like my designs?</h1>
<a href="contact.html">contact <i class="icofont-long-arrow-right"></i></a>
</div>
<div class="copy_right col-12 col-lg-6">
<p>© 2022 all right reserved. Tunar Abuzar</p>
</div>
</div>
</div>
</footer>
<!------------------------ Footer end ------------------------>
<script src="jquery.min.js"></script>
<script src="index.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
</body>
</html>