-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpodcast.html
112 lines (112 loc) · 7.67 KB
/
podcast.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Echo's Box</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#page-top"><img class="img" id="header-logo" width="5%" height="5%" src="assets/img/hex_art.png"/></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<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="podcast.html">Podcast</a></li>
<li class="nav-item"><a class="nav-link" href="books.html">Books</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<!-- About-->
<section class="page-section bg-primary" id="about">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Echo's Box Podcast</h2>
<hr class="divider divider-light" />
<p class="text-white-75 mb-4">Life can suck. Echo’s Box’s goal is to call out real mental health issues that cross boundaries of beliefs and mindsets in order to help humans be human again. Talking about mental health is scary, that needs to change. It’s not therapy, but it is a place to learn how others deal with change and mental health.</p>
<p class="text-white-75 mb-4">Our podcast is free and always will be. Check it out below in the embedded feed or listen to it wherever you get your podcasts!</p>
<div class="embed-responsive">
<iframe title="Echo’s Box" class="embed-responsive-item" allowtransparency="true" scrolling="no" data-name="pb-iframe-player" src="https://www.podbean.com/player-v2/?i=faw83-d1a4bc-pbblog-playlist&share=1&download=1&rtl=0&fonts=Arial&skin=f6f6f6&font-color=auto&logo_link=episode_page&order=serial&limit=100&filter=all&ss=2d6aabd89e16a25329165d1f6ec8a20f&btn-skin=1b1b1b&size=315" allowfullscreen="" width="100%" height="315"></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- Services-->
<section class="page-section" id="services">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0">Other Platforms to Listen On</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-apple fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Apple Podcasts</h3>
<p class="text-muted mb-0"><a href="https://podcasts.apple.com/us/podcast/echos-box/id1610951922">Listen on Apple Podcasts!</a></p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-spotify fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Spotify</h3>
<p class="text-muted mb-0"><a href="https://open.spotify.com/show/0Rop6xrOcwgkBfWxMCEEVs?si=9a4e75c1cbbd4fc6">Listen on Spotify!</a></p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-mic fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Audible</h3>
<p class="text-muted mb-0"><a href="https://www.audible.com/pd/Echos-Box-Podcast/B09T8JBRZC?action_code=ASSGB149080119000H&share_location=pdp&shareTest=TestShare">Listen on Audible!</a></p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-google-play fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Google Podcasts</h3>
<p class="text-muted mb-0"><a href="https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkLnBvZGJlYW4uY29tL2VjaG9ib3hwb2RjYXN0L2ZlZWQueG1s">Listen on Google Podcasts!</a></p>
</div>
</div>
</div>
</div>
</section>
<section class="page-section" id="services">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<p class="text-black-75 mb-4">*Echo's Box is available on a wide variety of other platforms, so if you don't see your favorite one here, try searching for it on your favorite. Chances are it is there!</p>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="bg-light py-5">
<div class="container px-4 px-lg-5"><div class="small text-center text-muted">Copyright © 2022 - Injection Software and Security LLC</div></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>