-
Notifications
You must be signed in to change notification settings - Fork 7
/
contact.html
137 lines (129 loc) · 6.92 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
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact — actuallyaridan</title>
<meta name="description" content="Contact actuallyaridan (Adnan Bukvic) with ease">
<meta name="keywords" content="contact, adnan bukvic, actuallyaridan">
<meta name="author" content="Adnan Bukvic">
<link href="/src/styles/styles.css" rel="stylesheet">
<script src="/src/scripts/settings.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
<script src="/src/scripts/general.js"></script>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/src/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="512x512" href="/src/favicons/icon-512.png">
<link rel="apple-touch-icon" type="image/png" sizes="192x192" href="/src/favicons/icon-192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/src/favicons/icon-512.png">
<link rel="icon" type="image/png" sizes="192x192" href="/src/favicons/icon-192.png">
</head>
<body class="boxAlignment ">
<header>
<nav>
<menu class="navWrapper">
<li>
<a class="navButton" href="/"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/house.svg"> Home</a>
</li>
<li>
<a class="navButton" href="experiences"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/brain.svg"> Experience</a>
</li>
<li>
<a class="navButton" href="projects"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/tools.svg"> Projects</a>
</li>
<li>
<a class="navButton activeChoice" href="contact"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/speak.svg"> Contact</a>
</li>
<li class="right-link">
<a class="navButton" href="settings"><img draggable="false" class="emoji"
alt="" src="/src/images/emojis/setttings.svg"> Settings</a>
</li>
</menu>
<menu class="navWrapperMobile">
<li>
<a class="navButton" href="/">aridan.net</a>
</li>
<li class="right-link">
<button onclick="toggleMenu()" type="button" class="navButton right-link">
<img draggable="false" class="emoji" alt="" src="/src/images/icons/menu.svg">
Menu
</button>
</li>
</menu>
<menu class="mobileMenu" id="mobileMenuID">
<li>
<a class="navButton" href="experiences"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/brain.svg"> Experience</a>
</li>
<li>
<a class="navButton" href="projects"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/tools.svg"> Projects</a>
</li>
<li>
<a class="navButton activeChoice" href="contact"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/speak.svg"> Contact</a>
</li>
<li>
<a class="navButton" href="settings"><img draggable="false" class="emoji" alt=""
src="/src/images/emojis/setttings.svg"> Settings</a>
</li>
</menu>
</nav>
</header>
<main>
<h1>Contact</h1>
<div id="emailModal" class="emailModal">
<div class="emailModalContent">
<div class="titleEmailWrapper">
<p class="titleEmail">Email</p>
</div>
<p class="emailText">If you have an email client installed on your device, you can click on
the "Send an email" button. If you don't, simply send an email to this address:</p>
<p class="emailModalText">[email protected]</p>
<div class="buttonsEmail">
<a class="socialMedia email" href="mailto:[email protected]">Send an email</a>
<button type="button" onclick="emailToggle()" class="socialMedia emailOK">Close</button>
</div>
</div>
</div>
<div>
<div class="centererWrapper">
<section class="titleUnderText">
<p class="subTitle">Would you like to talk to me in a one-on-one? Go ahead and send me an email
or an iMessage! I'll be more than happy to reply and I'm looking forward to speaking with
you!</p>
</section>
<section class="socialMedias project">
<button onclick="emailToggle()" type="button" class="socialMedia red">Show email
address</button>
<a class="socialMedia imessage" href="sms:[email protected]">Send an iMessage</a>
</section>
<section class="titleUnderText">
<p class="subTitle">Looking to communicate in a more casual manner? I'm on a bunch of social
media platforms too! Any account on any platform that isn't linked here is not me.</p>
</section>
<section class="socialMedias project">
<a rel="noopener" target="_blank" class="socialMedia instagram"
href="https://www.instagram.com/actuallyaridan/">Instagram</a>
<a rel="noopener" class="socialMedia aMusic" href="https://music.apple.com/profile/actuallyaridan"
target="_blank">Apple Music</a>
<a rel="noopener" class="socialMedia twitter" href="https://x.com/actuallyaridan" target="_blank">X
(formerly
Twitter)</a>
<a rel="noopener" class="socialMedia twitter" href="https://bsky.app/profile/actuallyaridan.bsky.social" target="_blank">Bluesky</a>
<a rel="noopener" class="socialMedia threads" href="https://www.threads.net/@actuallyaridan"
target="_blank">Threads
(an
Instagram app)</a>
</section>
</div>
</div>
</main>
<footer class="footer">
<p>© Copyright 2024 by Adnan Bukvic unless stated otherwise. This project uses the MIT license.</p>
<p>Twemoji by Twitter Inc/X Corp is licensed under CC-BY 4.0.</p>
</footer>
</body></html>