-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·142 lines (130 loc) · 8.21 KB
/
index.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
<!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>Humming Your Truth</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
rel="stylesheet" type="text/css" />
<link
href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic"
rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/creative.min.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top navContainer" id="mainNav">
<div class="container navContainer">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="js-scroll-trigger mainLogo mobileOnly" href="index.html">Humming Your Truth</a>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="pages/about.html">About me</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="pages/theWork.html">The Work</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="pages/workWithMe.html">Work with me</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="pages/contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-------------- END Navigation --------------------->
<!-------------- Header --------------------->
<header class="masthead text-center text-white d-flex">
<div class="container my-auto">
<div class="col-lg-10 mx-auto headerBackground quote headerrow">
<!-- <h1 class="title">Humming Your Truth</h1>
<p class="mb-5 "> <span>Speaking your truth with no shame.</span></p> -->
</div>
</div>
</header>
<!----------------------- END Header --------------------->
<!----------------------- Home Page Intro --------------------->
<section id="aboutMe">
<div class="gridContainer">
<div class="gridContent margin">
<img src="img/headshot.jpeg" alt="Photo of Kendall Roberts" class="img-fluid desktopOnly images">
<div class="margin padding">
<h4 class="section-heading">Personal Coach for Black Women who are looking to improve their quality of life and find their purpose </h4>
<hr />
<p class="justify">
Hey Sis, my name is Kendall Roberts and I am the creator of Humming Your Truth. I am an Online Personal Coach, you're probably wondering what does a personal coach do? Think of me as your personal thought partner and hype woman. I will support you in exploring and developing tools to improve your quality of life. My goal is to support Black Women in recognizing the importance of self-preservation through supporting them with developing healthy coping skills, implementing strong self-care habits, and finding their purpose.
</p>
<h4>Other services</h4>
<a href="http://ancestralwellnessco.com/"><img src="./img/awcLogo.png" alt="Ancestral Wellness Co Logo" class="img-fluid images"></a>
<p class="justify">
<a href="http://ancestralwellnessco.com/">Ancestral Wellness Co.</a> , is a holistic wellness company created to meet the diverse needs of women. Providing doula services to support mothers in developing tools and techniques to maintain their physical and mental wellness through out your birthing journey. As well as offering wellness consultations and herbal teas to support you in maintaining and improving your overall wellness. Here at Ancestral Wellness Co. we help you to tap into your deepest well of Ancestral knoweledge that you have as a woman.
</p>
<img src="img/headshot.jpeg" alt="Photo of Kendall Roberts" class="img-fluid images mobileOnly">
</div>
</div>
<div class="gridContent margin desktopOnly">
<iframe width="99%" height="425" class="margin" target="_blank" src="https://www.youtube.com/embed/i-ng8hx5PZ0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="99%" height="425" class="margin" target="_blank" src="https://www.youtube.com/embed/y3C3fkiJ1nI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="gridContent margin mobileOnly">
<iframe width="100%" height="200" class="margin" target="_blank" src="https://www.youtube.com/embed/i-ng8hx5PZ0" frameborder="0" allow="accelerometer; 100%play; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="200" class="margin" target="_blank" src="https://www.youtube.com/embed/y3C3fkiJ1nI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<button class="btn btn-lg buttonStyle "><a href="./pages/workWithMe.html">Work with me</a></button>
</section>
<!----------------------- END Home Page Intro --------------------->
<!----------------------- instagran feed --------------------->
<!-- last 6 posts -->
<!-- https://www.developerdrive.com/2017/09/how-to-embed-an-instagram-feed/ -->
<!----------------------- END instagran feed --------------------->
<section class="p-0 gridContainer socMedia" id="keepUpToDate">
<div class="gridContent4">
<a href="https://www.eventbrite.com/o/kendall-roberts-26797157167" target="_blank" class="icon"><i class="far fa-calendar-alt fa-2x"></i></a>
<a href="https://www.instagram.com/hummingyourtruth/" target="_blank" class="icon"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.facebook.com/speakunapologetically/" target="_blank" class="icon"><i class="fab fa-facebook-square fa-2x"></i></a>
<a href="https://www.youtube.com/channel/UC2src4IlIt4nUEun_2zklqw" target="_blank" class="icon"><i class="fab fa-youtube fa-2x"></i></a>
</div>
</section>
<!-------------------Ancestral Wellness Co. Blurb---------------------->
<section class="" id="ancestralWellnessCo">
</section>
<!-----------------End Ancestral Wellness Co. Blurb-------------------->
<!------------------- Made with love logo ---------------->
<footer class="margin">
<p class="love">Made with <i class="fas fa-heart" style="color:red;"></i> in Oakland</p>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>