-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwdm.html
170 lines (167 loc) · 12.7 KB
/
wdm.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 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>Jacob Borg</title>
<meta name="twitter:image" content="assets/img/Surfin_borg_orange.jpg">
<meta property="og:image" content="assets/img/Surfin_borg_orange.jpg">
<link rel="icon" type="image/jpeg" sizes="1080x1080" href="assets/img/Surfin_borg_orange.jpg">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body>
<nav class="navbar fixed-top bg-primary py-3" style="margin: 25px;border-radius: 15px;box-shadow: 0px 0px 20px;" data-bs-theme="dark">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="index.html"><span><img data-bss-hover-animate="tada" src="assets/img/Surfin_borg_nPadding.svg" width="100px"></span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-4"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse flex-grow-0 order-md-first" id="navcol-4">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="#" data-bs-target="#modal-1" data-bs-toggle="modal">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section>
<div data-bss-parallax-bg="true" style="height: 600px;background-image: url("assets/img/portfolio/WDM/wdmoutdoorcampaign_bench.jpg");background-position: center;background-size: cover;">
<div class="container h-100">
<div class="row text-light h-100">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"></div>
</div>
</div>
</div>
</section>
<div class="container d-flex flex-column align-items-center py-4 py-xl-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Wave Discipleship Ministries</h2>
<p class="text-start w-lg-50">A ministry reaching the lost. </p>
<p class="text-start w-lg-50">WDM is utilizing existing technologies, such as social media, to share God's Word and developing our own technologies and resources to build a platform where ministries, ministers, educators, and researchers can share resources that empower other ministries and educate individuals.</p>
</div>
</div>
<div class="row gy-4 w-100" style="max-width: 800px;">
<div class="col-12">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/wdmoutdoorcampaign_billboard.jpg">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/mockups.png">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/wdm_liberated.png">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/wdm_liberated2.png">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/VOD_Act_6823_dark.jpg">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/Social%20Posts_a1.jpg">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/wave_socialicons_b.jpg">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card"><img class="card-img w-100 d-block" src="assets/img/portfolio/WDM/WDM_Act_Green.jpg">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center align-items-center p-4"></div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<p style="text-align: center;margin-top: 15px;"><a href="index.html">Back<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-arrow-back-up">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M9 14l-4 -4l4 -4"></path>
<path d="M5 10h11a4 4 0 1 1 0 8h-1"></path>
</svg></a></p>
</div>
</div>
</div>
<footer class="text-white bg-dark">
<div class="container py-4 py-lg-5">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 text-light">Brands</h3>
<ul class="list-unstyled">
<li><a class="link-light" href="https://cartoomb.com" target="_blank">Cartoomb</a></li>
<li><a class="link-light" href="https://www.wavedm.net" target="_blank">WDM</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 text-light">About</h3>
<ul class="list-unstyled">
<li><a class="link-light" data-bs-target="#modal-1" data-bs-toggle="modal">Hire Me</a></li>
<li><a class="link-light" href="about.html">My Bio</a></li>
</ul>
</div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last item social">
<div class="fw-bold d-flex align-items-center mb-2"><span><img src="assets/img/Surfin_borg_nPadding.svg" width="100px"></span></div>
<p class="text-light copyright">Designer | Photographer | Author</p>
</div>
</div>
<hr>
<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 text-dark">
<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-subject="Website Form Submit"><input class="form-control" type="text" style="margin-bottom: 10px;" minlength="1" required="" placeholder="First Name"><input class="form-control" type="email" style="margin-bottom: 10px;" placeholder="@" required=""><textarea class="form-control" style="margin-bottom: 10px;" required="" placeholder="Your message"></textarea>
<p class="text-center text-dark"><button class="btn btn-outline-primary" type="submit">Submit</button></p>
</form>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button></div>
</div>
</div>
</div>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="text-light mb-0">Copyright © 2025 Jacob Borg</p>
<ul class="list-inline mb-0" style="font-size: 20px;">
<li class="list-inline-item"><a href="https://x.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 text-light">
<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"><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 text-light">
<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"><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 text-light">
<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"><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 text-light">
<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>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>