-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
135 lines (113 loc) · 5.33 KB
/
contact.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
<!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 - Contact Now</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>Contact Now</h1>
<h2>Contact me now if you want to chat about code stuff.</h2>
</section>
</div>
</div>
<!-- All Projects Section -->
<div class="wrapper">
<section id="contact" class="section">
<h2>Contact</h2>
<small>Contacting me on my email is the best option. I respond fastest there.</small>
<div class="list-content">
<ul>
<li><a href="mailto:[email protected]">Email ([email protected])</a></li>
<li><a href="https://www.linkedin.com/in/amir%C5%A1aran/">Linkedin (https://linkedin.com/in/amiršaran/)</a></li>
</ul>
</div>
</section>
</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>