-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathadamsupport.html
227 lines (224 loc) · 18.1 KB
/
adamsupport.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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>jborgarts</title>
<meta property="og:image" content="../assets/img/branding/jb_d.svg">
<meta name="twitter:description" content="JB — Artist & Designer">
<meta property="og:description" content="JB — Artist & Designer">
<meta name="description" content="Artist & Designer">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta name="twitter:title" content="jborgarts">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/stars.svg">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/stars.svg">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/stars.svg">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/stars.svg">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/stars.svg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Barlow.css">
<link rel="stylesheet" href="assets/css/Chilanka.css">
<link rel="stylesheet" href="assets/css/Consulate.css">
<link rel="stylesheet" href="assets/css/CopaseticNf.css">
<link rel="stylesheet" href="assets/css/CopaseticNf%20Bold.css">
<link rel="stylesheet" href="assets/css/Cormorant%20SC.css">
<link rel="stylesheet" href="assets/css/Cormorant%20SC%20Bold.css">
<link rel="stylesheet" href="assets/css/Cyanotype.css">
<link rel="stylesheet" href="assets/css/Kepolu.css">
<link rel="stylesheet" href="assets/css/La%20Belle%20Aurore.css">
<link rel="stylesheet" href="assets/css/Nanum%20Gothic.css">
<link rel="stylesheet" href="assets/css/Nanum%20Gothic%20Bold.css">
<link rel="stylesheet" href="assets/css/Nanum%20Gothic%20ExtraBold.css">
<link rel="stylesheet" href="assets/css/Open%20Sans.css">
<link rel="stylesheet" href="assets/css/OpenDyslexic%20Bold.css">
<link rel="stylesheet" href="assets/css/OpenDyslexic%20Italic.css">
<link rel="stylesheet" href="assets/css/OpenDyslexic%20Regular.css">
<link rel="stylesheet" href="assets/css/Oswald.css">
<link rel="stylesheet" href="assets/css/Quicksand.css">
<link rel="stylesheet" href="assets/css/Radis%20Sans.css">
<link rel="stylesheet" href="assets/css/Roboto%20Mono.css">
<link rel="stylesheet" href="assets/css/Rubik.css">
<link rel="stylesheet" href="assets/css/Textura.css">
<link rel="stylesheet" href="assets/css/Ubuntu.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/Hero-Clean-images.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-Dark-icons.css">
<link rel="stylesheet" href="https://fonts.borgcreative.com/fonts.css">
</head>
<body style="color: #212529;font-family: Quicksand, sans-serif;background: #f5f5f5;" onload="jborgartslight()">
<!-- Start: Navbar Right Links (Dark) -->
<nav class="navbar navbar-expand-md fixed-top py-3 navbar-dark" style="background: #223843;">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="../index.html"><span><img data-bss-hover-animate="rubberBand" src="assets/img/branding/borg.svg" style="width: 90px;"></span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5" style="font-size: 20px;font-family: 'Radis Sans';">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" data-bss-hover-animate="rubberBand" href="../index.html#logofolio" style="color: #f4faff;">Logofolio</a></li>
<li class="nav-item"><a class="nav-link active" data-bss-hover-animate="rubberBand" href="../index.html#devfolio" style="color: #f4faff;">Devfolio</a></li>
<li class="nav-item"><a class="nav-link active" data-bss-hover-animate="rubberBand" href="../index.html#advertising" style="color: #f4faff;">Advertising</a></li>
<li class="nav-item"><a class="nav-link active" data-bss-hover-animate="rubberBand" href="../about.html" style="color: #f4faff;">About</a></li>
<li class="nav-item"><a class="nav-link active" data-bss-hover-animate="rubberBand" style="color: #f4faff;" data-bs-target="#modal-5" data-bs-toggle="modal">Contact</a></li>
</ul>
</div>
</div>
</nav><!-- End: Navbar Right Links (Dark) -->
<!-- Start: Hero Banner -->
<section class="py-4 py-xl-5" style="margin-top: 170px;">
<div class="container h-100">
<div class="row h-100">
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center" style="text-align: center;">
<div>
<h2 class="fw-bold mb-3" style="font-family: Quicksand, sans-serif;">Contact Me</h2>
</div>
</div>
</div>
</div>
</section><!-- End: Hero Banner -->
<!-- Start: 1 Row 1 Column -->
<div class="container text-center">
<div class="row">
<div class="col-md-12">
<div><img src="assets/img/SESSION%20Icon%20(Black).svg" style="height: 90px;margin-bottom: 10px;color: rgb(33, 37, 41);">
<p style="margin-bottom: 2px;">Session</p><code style="font-size: 12px;color: #00f782;"><span style="color: rgb(33, 37, 41);">0575152e606f3bdd3d32749f85584ec4edcd5500ea595a4de1540b087c7d93ea47</span></code>
</div>
</div>
</div>
</div><!-- End: 1 Row 1 Column -->
<!-- Start: 1 Row 1 Column -->
<div class="container text-center">
<div class="row">
<div class="col-md-12">
<div>
<p><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-message-2" style="height: 100px;width: 100px;color: rgb(33,37,41);">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M8 9h8"></path>
<path d="M8 13h6"></path>
<path d="M9 18h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-3l-3 3l-3 -3z"></path>
</svg></p>
<p><a style="color: #1a1a1a;" data-bs-toggle="modal" href="#" data-bs-target="#modal-1">Contact Form</a></p>
</div>
</div>
</div>
</div><!-- End: 1 Row 1 Column -->
<section style="margin-bottom: 25px;"></section>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Adam Support</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form data-bss-recipient="42d87927559992ea3a5a54c5a9688bcc" data-bss-redirect-url="https://source.jborgarts.com/ADAM/index.html">
<!-- Start: Success Example -->
<div class="mb-3"><input class="form-control" type="text" id="name-2" name="name" placeholder="What should I call you? " required=""></div><!-- End: Success Example -->
<!-- Start: Error Example -->
<div class="mb-3"><input class="form-control" type="email" id="email-2" name="ReplyMethod" placeholder="What's your @?" required="" minlength="3"></div><!-- End: Error Example --><select class="form-select" style="margin-bottom: 15px;" required="">
<optgroup label="Reply method">
<option value="email" selected="">Email</option>
<option value="twitter">Twitter DM</option>
<option value="gettr">Gettr DM</option>
</optgroup>
</select><select class="form-select" style="margin-bottom: 15px;" required="">
<optgroup label="Issue">
<option value="bug" selected="">Bug</option>
<option value="removetemplate">Template removal</option>
</optgroup>
</select>
<div class="mb-3"><textarea class="form-control" id="message-2" name="message" rows="6" placeholder="What do you want to say?" required=""></textarea></div>
<div><button class="btn btn-outline-dark d-block w-100" type="submit">Send </button></div>
</form>
</div>
</div>
</div>
</div><!-- Start: Footer Clean -->
<footer class="text-center py-4" style="background: #223843;color: #f4faff;">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3">
<div class="col">
<ul class="list-inline" style="color: #f4faff;">
<li class="list-inline-item me-4" style="font-size: 35px;"><a href="https://twitter.com/jborg_arts" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-x" data-bss-hover-animate="rubberBand" style="color: #f4faff;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
</svg></a></li>
<li class="list-inline-item me-4" style="font-size: 35px;"><a href="https://www.minds.com/jborg_arts/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-bulb" data-bss-hover-animate="rubberBand" style="color: #f4faff;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
<path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
<path d="M9.7 17l4.6 0"></path>
</svg></a></li>
<li class="list-inline-item me-4" style="font-size: 35px;"><a href="https://www.instagram.com/jborg_arts/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-instagram" data-bss-hover-animate="rubberBand" style="color: #f4faff;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M16.5 7.5l0 .01"></path>
</svg></a></li>
<li class="list-inline-item me-4" style="font-size: 35px;"><a href="https://jborgarts.substack.com/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-news" data-bss-hover-animate="rubberBand" style="color: #f4faff;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"></path>
<path d="M8 8l4 0"></path>
<path d="M8 12l4 0"></path>
<path d="M8 16l4 0"></path>
</svg></a></li>
<li class="list-inline-item me-4" style="font-size: 35px;"><a href="https://www.buymeacoffee.com/jborg_arts" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-coffee" data-bss-hover-animate="rubberBand" style="color: #f4faff;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 14c.83 .642 2.077 1.017 3.5 1c1.423 .017 2.67 -.358 3.5 -1c.83 -.642 2.077 -1.017 3.5 -1c1.423 -.017 2.67 .358 3.5 1"></path>
<path d="M8 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2"></path>
<path d="M12 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2"></path>
<path d="M3 10h14v5a6 6 0 0 1 -6 6h-2a6 6 0 0 1 -6 -6v-5z"></path>
<path d="M16.746 16.726a3 3 0 1 0 .252 -5.555"></path>
</svg></a></li>
<li class="list-inline-item me-4" style="font-size: 35px;"><a href="https://jborg-arts.creator-spring.com/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-shopping-cart" data-bss-hover-animate="rubberBand" style="color: #f4faff;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
<path d="M17 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
<path d="M17 17h-11v-14h-2"></path>
<path d="M6 5l14 1l-1 7h-13"></path>
</svg></a></li>
</ul>
</div>
<div class="col">
<p style="color: #f4faff;"><script src="https://jborgarts.com/cr.js"></script>
<a target="_blank" id="jborgarts_link" href="">
<img id="jborgarts" src='' width='90px'>
</a></p>
</div>
<div class="col">
<p class="my-2" style="color: #f4faff;">Copyright © 2024 Jacob Borg</p>
</div>
</div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-5">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="color: #1a1a1a;">
<h4 class="modal-title">Contact Me</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form data-bss-recipient="42d87927559992ea3a5a54c5a9688bcc" data-bss-redirect-url="index.html">
<!-- Start: Success Example -->
<div class="mb-3"><input class="form-control" type="text" id="name-2" name="name" placeholder="What should I call you? " required=""></div><!-- End: Success Example -->
<!-- Start: Error Example -->
<div class="mb-3"><input class="form-control" type="email" id="email-2" name="ReplyMethod" placeholder="What's your @?" required="" minlength="3"></div><!-- End: Error Example --><select class="form-select" style="margin-bottom: 15px;" required="">
<optgroup label="Reply method">
<option value="email" selected="">Email</option>
<option value="twitter">Twitter DM</option>
<option value="gettr">Gettr DM</option>
</optgroup>
</select>
<div class="mb-3"><textarea class="form-control" id="message-2" name="message" rows="6" placeholder="What do you want to say?" required=""></textarea></div>
<div><button class="btn btn-outline-dark d-block w-100" type="submit">Send </button></div>
</form>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button></div>
</div>
</div>
</div>
</footer><!-- End: Footer Clean -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/smart-forms.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.js"></script>
<script src="assets/js/Lightbox-Gallery.js"></script>
</body>
</html>