-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (112 loc) · 4.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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">
<link rel="stylesheet" href="style.css">
<title>ÖztekinSoft - Web UI Design</title>
</head>
<body>
<header>
<div class="container">
<h1 class="heading"><span>Öztekin</span>Soft</h1>
<p class="sub-heading">Web UI Design</p>
</div>
</header>
<article class="content">
<div class="container">
<div class="cards">
<div class="card">
<img src="./Day-1/Design/Day-1-User-Profile-UI-Desktop.png" alt="User Profile UI Preview"
class="ui-preview">
<div class="ui-details">
<h4>User Profile UI</h4>
<p>16 Dec 2021</p>
</div>
<a href="./Day-1/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-2/Design/Day-2-Cryptocurrencies-Search-UI-Desktop.png" alt="Search UI Preview"
class="ui-preview">
<div class="ui-details">
<h4>Search UI</h4>
<p>17 Dec 2021</p>
</div>
<a href="./Day-2/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-3/Design/Day-3-Event-Card-UI-Desktop.png" alt="Event Card UI Preview"
class="ui-preview">
<div class="ui-details">
<h4>Event Card UI</h4>
<p>18 Dec 2021</p>
</div>
<a href="./Day-3/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-4/Design/Day-4-Feedback-UI-Desktop.png" alt="Feedback Card UI Preview"
class="ui-preview">
<div class="ui-details">
<h4>Feedback Card UI</h4>
<p>19 Dec 2021</p>
</div>
<a href="./Day-4/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-5/Design/Day-5-Notification-UI-Preview.gif" alt="Notifications UI Preview"
class="ui-preview">
<div class="ui-details">
<h4>Notifications UI</h4>
<p>20 Dec 2021</p>
</div>
<a href="./Day-5/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-6/Design/Day-6-Spotify-Lyrics-Card-UI-Desktop.png"
alt="Spotify Lyrics Card UI Preview" class="ui-preview">
<div class="ui-details">
<h4>Lyrics Card UI</h4>
<p>21 Dec 2021</p>
</div>
<a href="./Day-6/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-7/Design/Day-7-Cookies-and-Privacy-UI-Preview.gif"
alt="Cookies and Privacy UI Preview" class="ui-preview">
<div class="ui-details">
<h4>Cookies & Privacy UI</h4>
<p>22 Dec 2021</p>
</div>
<a href="./Day-7/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-8/Design/Day-8-Session-Expired-Modal-UI-Desktop.png"
alt="Cookies and Privacy UI Preview" class="ui-preview">
<div class="ui-details">
<h4>Cookies & Privacy UI</h4>
<p>23 Dec 2021</p>
</div>
<a href="./Day-8/" class="btn btn-view" target="_blank">view</a>
</div>
<div class="card">
<img src="./Day-9/Design/Day-9-New-Message-UI.png" alt="New Message UI Preview" class="ui-preview">
<div class="ui-details">
<h4>New Message UI</h4>
<p>26 Dec 2021</p>
</div>
<a href="./Day-9/" class="btn btn-view" target="_blank">view</a>
</div>
</div>
</div>
</article>
<footer>
<div class="container">
<p>Designed by Enes Öztekin.</p>
<div class="github-logo">
<a href="https://github.com/enesoeztekin"><img src="./Day-1/img/GitHub.png" alt="Github Logo"></a>
</div>
</div>
</footer>
</body>
</html>