-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwork-single9.html
More file actions
153 lines (126 loc) · 6.55 KB
/
Copy pathwork-single9.html
File metadata and controls
153 lines (126 loc) · 6.55 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>BixyPortfolio - QRcody Scanner App</title>
<meta content="QRcody Scanner App - simple and intuitive QR-Code Scanner App UI that keeps a history of all scanned codes" name="description">
<meta content="qr, qrcode, scanner, app, mobile, iOS, android, web, uidesign, design" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Courier+Prime&family=Inconsolata:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Raleway:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Navbar ======= -->
<div class="collapse navbar-collapse custom-navmenu" id="main-navbar">
<div class="container py-2 py-md-5">
<div class="row align-items-start">
<div class="col-md-6">
<ul class="custom-menu">
<li class="active"><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</div>
<div class="col-md-6 d-none d-md-block">
<h3>Hire Me</h3>
<a class="fw" href="mailto:b.bajac90@gmail.com">b.bajac90@gmail.com</a>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-light custom-navbar">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="./assets/img/logofolio.png" alt="logo"></a>
<a href="#" class="burger" data-bs-toggle="collapse" data-bs-target="#main-navbar">
<span></span>
</a>
</div>
</nav>
<main id="main">
<section class="section">
<div class="container">
<div class="row mb-4 align-items-center">
<div class="col-md-6" data-aos="fade-up">
<h2>QRcody Scanner App</h2>
</div>
</div>
</div>
<div class="site-section pb-0">
<div class="container">
<div class="row align-items-stretch">
<div class="col-md-8" data-aos="fade-up">
<img src="assets/img/qr1.jpg" alt="Image1" class="img-fluid mb-4">
<img src="assets/img/qr2.jpg" alt="Image2" class="img-fluid mb-4">
<img src="assets/img/qr3.jpg" alt="Image3" class="img-fluid mb-4">
<img src="assets/img/qr4.jpg" alt="Image4" class="img-fluid mb-4">
<img src="assets/img/qr5.jpg" alt="Image4" class="img-fluid mb-4">
</div>
<div class="col-md-3 ml-auto" data-aos="fade-up" data-aos-delay="100">
<div class="sticky-content">
<h3 class="h3">QRcody Scanner App</h3>
<p class="mb-4"><span class="text-muted">UI/UX Design</span></p>
<div class="mb-5">
<p>QRcody is a simple and intuitive QR-Code Scanner App that keeps a history of all scanned codes. With the QRcody Scanner App, the user should be able to easily scan QR code, view the details of the QR code, delete the QR code, and also see all searching scan history, from where he could again reach the QR code content.<br><br>I designed a native app UI for iPhone and a responsive Web-based app for browser in the desktop and mobile view.</p>
</div>
<h4 class="h4 mb-3">Tools I used</h4>
<ul class="list-unstyled list-line mb-5">
<li>Figma</li>
<li>Photoshop</li>
<li>HTML5/CSS3</li>
</ul>
<h4 class="h4 mb-3">What I did</h4>
<ul class="list-unstyled list-line mb-5">
<li>Sketches</li>
<li>User flows</li>
<li>Wireframes</li>
<li>Highfidelity mockups</li>
<li>Highfidelity prototypes</li>
<li>UI/UX Design</li>
</ul>
<p><a href="https://www.figma.com/proto/nTfB5Bo5tJymrkVQgFrwP9/Handoff-with-Mobile-and-Web-Specs-and-Assets?node-id=66%3A277&scaling=scale-down&page-id=66%3A276&starting-point-node-id=66%3A277" class="readmore" target="_blank">Mobile Version</a><a href="https://www.figma.com/file/nTfB5Bo5tJymrkVQgFrwP9/Handoff-with-Mobile-and-Web-Specs-and-Assets?node-id=80%3A1101" class="readmore" target="_blank">Whole Project</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer class="footer" >
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="mb-1"> Copyright © 2021 BixyPortfolio. All Rights Reserved.</p>
</div>
<div class="col-sm-6 social text-md-end">
<a href="https://www.facebook.com/biljana.bajac/" target="_blank"><span class="bi bi-facebook"></span></a>
<a href="https://www.instagram.com/b.i.x.y/?hl=sr" target="_blank"><span class="bi bi-instagram"></span></a>
<a href="https://www.linkedin.com/in/biljana-erakovic-044388104/" target="_blank"><span class="bi bi-linkedin"></span></a>
<a href="https://www.behance.net/bbsilk" target="_blank"><span class="bi"><img src="assets/img/behance-logo.svg" alt="behance"></span></a>
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>