-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
74 lines (74 loc) · 5.17 KB
/
about.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
<!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">Founded in 2022 as a simple podcast, Echo's Box has quickly become more than just a show. It is creative platform for shared experiences. While podcasts, art, social media, and books are our main creative outputs, we dabble in so much more.</p>
<p class="text-white-75 mb-4">If you're interested in raw, real experiences throughout life, this is the place for you. Here the walls are down, and the heart is open. Our goal is to help each other get through life. There are billions of people on this earth, we are in this together sharing the same experience through different lives. We all have something to offer, and that is what makes life beautiful.</p>
<p class="text-white-75 mb-4">If you find the following topics to be of interest, consider checking out the show as well as our other offerings!</p>
<ul class="list-group">
<li class="list-group-item list-group-item-secondary">Mental Health</li>
<li class="list-group-item list-group-item-secondary">Music</li>
<li class="list-group-item list-group-item-secondary">Esoteriscm</li>
<li class="list-group-item list-group-item-secondary">Art</li>
<li class="list-group-item list-group-item-secondary">Medicine</li>
<li class="list-group-item list-group-item-secondary">Magick</li>
</ul>
<br />
<a class="btn btn-light btn-xl" href="#services">Check out the Podcast!</a>
</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>