-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
170 lines (141 loc) · 6.53 KB
/
about.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Website Developer & Designer based in Živinice, Bosnia and Herzegovina. Very enthusiastic about web technologies and programming.">
<meta name="keywords" content="front-end developer,front-end developmentbih,bosna,živinice,amir šaran,self-taught">
<meta name="author" content="Amir Šaran">
<meta name="theme-color" content="#71777D">
<meta property="og:site_name" content="Amir Šaran">
<meta property="og:description" content="Website Developer & Designer based in Živinice, Bosnia and Herzegovina. Very enthusiastic about web technologies and programming.">
<meta property="og:image" content="https://amirsaranbih.github.io/assets/images/og-image.png">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="200">
<meta property="og:image:alt" content="amir-saran-og-image">
<meta property="og:type" content="website">
<meta property="og:url" content="https://amirsaranbih.github.io">
<title>Amir Šaran - About Me</title>
<link rel="stylesheet" href="assets/stylesheets/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
</head>
<body>
<!-- Hero Section -->
<div id="hero" class="hero-secondary">
<div class="wrapper">
<!-- Page Header -->
<div id="header">
<div class="header-section">
<a href="index.html">
<picture>
<source media="(min-width: 768px)" srcset="assets/images/amirsaran.png">
<img src="assets/images/amirsaran-icon.png" alt="AmirSaran">
</picture>
</a>
</div>
<div class="header-section">
<img id="menu-icon" src="assets/images/navicon.png" alt="">
<ul class="header-navigation">
<li><a href="projects.html">Projects</a></li>
<li><a href="about.html">About</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<section class="hero-content">
<h1>About Me</h1>
<h2>A brief description about me and my skills.</h2>
</section>
</div>
</div>
<!-- All Projects Section -->
<div class="wrapper">
<div id="about" class="section">
<section class="about-description">
<h2>About Me</h2>
<p>Hello, my name is Amir. I come from Bosnia and Herzegovina. I am completely self-taught in web technologies and design with online resources and lots of dedication. I started off in front-end development, but later I also started doing back-end work with NodeJS and PHP and I really enjoy it.</p>
<p>I am learning to design and develop websites from the end of 2016 and I am still doing it today with the same passion as when I started.</p>
<p>Currenlty working full-time in a web development company.</p>
<p class="cv-link"><strong><a href="assets/Amir_Saran_CV.pdf" target="_blank">For more info check out my CV</a></strong></p>
</section>
<section class="skill-list">
<h2>Skills</h2>
<div class="list-content">
<section class="skill-list-section">
<h4>Front-end</h4>
<ul>
<li>HTML and CSS</li>
<li>Angular 2+</li>
</ul>
</section>
<section class="skill-list-section">
<h4>Back-end and Database</h4>
<ul>
<li>NodeJS</li>
<li>PHP</li>
<li>MySQL</li>
<li>Oracle</li>
<li>MongoDB</li>
</ul>
</section>
<section class="skill-list-section">
<h4>Other</h4>
<ul>
<li>Terminal/Command Prompt</li>
<li>Version control with Git</li>
</ul>
</section>
</div>
</section>
</div>
</div>
<!-- Footer Section -->
<div id="footer-section" class="section">
<div class="wrapper">
<div class="footer-section-content">
<div class="footer-section">
<img class="footer-brand" src="assets/images/amirsaran-icon.png" alt="Amir Šaran">
<p>Hello, my name is Amir. I come from Bosnia and Herzegovina. I am completely self-taught in web technologies and design with online resources and lots of dedication.</p>
</div>
<div class="footer-section">
<dl>
<dt><a href="about.html" title="Learn more about me">ABOUT</a></dt>
<dd><small>Learn more about me</small></dd>
<dt><a href="projects.html" title="View my web projects">PROJECTS</a></dt>
<dd><small>View my web projects</small></dd>
<dt><a href="testimonials.html" title="What clients said about me">TESTIMONIALS</a></dt>
<dd><small>What clients said about me</small></dd>
<dt><a href="contact.html" title="Send me a quick message">CONTACT</a></dt>
<dd><small>Send me a quick message</small></dd>
</dl>
</div>
<div class="footer-section">
<div class="social-media">
<div class="media">
<img src="assets/images/social-media/linkedin.png" alt="Linkedin">
<div class="media-section">
<small>More about me on <a href="https://www.linkedin.com/in/amir%C5%A1aran/" target="_blank" rel="noopener noreferrer">Linkedin</a>.</small>
</div>
</div>
<div class="media">
<img src="assets/images/social-media/github.png" alt="GitHub">
<div class="media-section">
<small>Check out my code on <a href="https://github.com/amirsaranBIH" target="_blank" rel="noopener noreferrer">GitHub</a>.</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page Footer -->
<div id="footer">
<div class="wrapper">
<p>Handmade by me © 2021.</p>
</div>
</div>
<script src="assets/scripts/main.js"></script>
</body>
</html>