Skip to content

Commit

Permalink
Merge pull request #5 from Divine-cell/main
Browse files Browse the repository at this point in the history 
added the audio
  • Loading branch information
@Divine-cell
Divine-cell authored May 8, 2024
2 parents 4776910 + b44f78c commit d2bd31a
Show file tree
Hide file tree
Showing 18 changed files with 227 additions and 82 deletions.
10 changes: 5 additions & 5 deletions About Page/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,8 @@
</div>
<a href="../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="../Blog Page/blog.html"><li class="nav-link">Blog</li></a>
<a href="blog.html"><li class="nav-l1ink">Programs</li></a>
<a href="../About Page/about.html"><li class="nav-link active">About Us</li></a>
<a href="../Program Page/Programs_Main Page/index.html"><li class="nav-l1ink">Programs</li></a>
<a href="about.html"><li class="nav-link active">About Us</li></a>
<a href="../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<!--cta -->
<a href="#subscribe-section"><button class="cta-btn" type="button">SUBSCRIBE</button></a>
Expand Down Expand Up @@ -281,9 +281,9 @@ <h2>Blog</h2>
<div class="links">
<div class="about-links">
<h2>Our Programs</h2>
<a id="programs-links" href="">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="">Become A Guest Writer</a><br>
<a id="programs-links" href="">5 Days Of Love</a><br>
<a id="programs-links" href="../Program Page/WMYFE Page/index.html">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="../Program Page/GuestWriting Page/index.html">Become A Guest Writer</a><br>
<a id="programs-links" href="../Program Page/5DaysOfLove Page/index.html">5 Days Of Love</a><br>
</div>

<div class="about-links">
Expand Down
Binary file added Blog Page/Blogpost/images/audio5.mp3
View file
Binary file not shown.
26 changes: 13 additions & 13 deletions Blog Page/Blogpost/post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,11 +40,11 @@
<div class="bar"></div>
<div class="bar"></div>
</div>
<a href="../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="../Blog Page/blog.html"><li class="nav-link active">Blog</li></a>
<a href="blog.html"><li class="nav-l1ink">Programs</li></a>
<a href="../About Page/about.html"><li class="nav-link">About Us</li></a>
<a href="../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<a href="../../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="post.html"><li class="nav-link active">Blog</li></a>
<a href="../../Program Page/Programs_Main Page/index.html"><li class="nav-l1ink">Programs</li></a>
<a href="../../About Page/about.html"><li class="nav-link">About Us</li></a>
<a href="../../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<!--cta -->
<a href="#subscribe-section"><button class="cta-btn" type="button">SUBSCRIBE</button></a>

Expand All @@ -61,8 +61,8 @@ <h3>5 min read. June 15 2023</h3>
<p>Photo Credit: Freepik</p>
</div>

<audio src="">

<audio controls loop>
<source src="images/audio5.mp3">
</audio>

<div class="blog-read">
Expand Down Expand Up @@ -188,7 +188,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/blogimg6.webp" alt="">
<div class="col2">
<a href=""><h2>Gratitude For Diversity</h2></a>
<a href="../Gratitude for diversity/post.html"><h2>Gratitude For Diversity</h2></a>
<p>
Celebrating 1 Year of Promoting Diversity! Imagine a beautiful garden with
a variety of colorful flowers, each with its unique shape, size, color, and
Expand All @@ -201,7 +201,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/blogimg3.webp" alt="">
<div class="col2">
<a href=""><h2>Inclusion, Not Indoctrination</h2></a>
<a href="../Indoctraination post/post.html"><h2>Inclusion, Not Indoctrination</h2></a>
<p>
Alex, a devoted believer of a certain religion, works in a
manufacturing company that upholds diversity and inclusion
Expand All @@ -215,7 +215,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/blogimg10.webp" alt="">
<div class="col2">
<a href=""><h2>Diversity And Inclusion: This Ability</h2></a>
<a href="../The Ability Post/post.html"><h2>Diversity And Inclusion: This Ability</h2></a>
<p>
Growing up as a young child, I would sit with my mum and listen to
songs ranging from gospel, country, reggae, RnB and they were mostly
Expand Down Expand Up @@ -269,9 +269,9 @@ <h2>Blog</h2>
<div class="links">
<div class="about-links">
<h2>Our Programs</h2>
<a id="programs-links" href="">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="">Become A Guest Writer</a><br>
<a id="programs-links" href="">5 Days Of Love</a><br>
<a id="programs-links" href="../../Program Page/WMYFE Page/index.html">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="../../Program Page/GuestWriting Page/index.html">Become A Guest Writer</a><br>
<a id="programs-links" href="../../Program Page/5DaysOfLove Page/index.html">5 Days Of Love</a><br>
</div>

<div class="about-links">
Expand Down
32 changes: 32 additions & 0 deletions Blog Page/Blogpost/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,31 @@ li:hover {
margin-top: 15px;
}

audio {
margin: 0 70px;
width: 89%;
border: 2px solid #9E4021;
border-radius: 50px;
color: #9E4021;
margin-top: -20px;
}


audio::-webkit-media-controls-panel {
background-color: #FAE9DF;
color: #9E4021 !important;
}

audio::-webkit-media-controls-play-button {
color: #9E4021 !important;
}

/* audio::-webkit-media-controls-volume {
background-color: #FAE9DF
}
audio::-webkit-media-controls-volume */

.blog-hero p {
font-size: 25px;
color: #fff;
Expand Down Expand Up @@ -553,6 +578,12 @@ footer {
height: auto;
}

audio {
width: 90%;
margin-top: 0;
margin: 0 20px;
}

.blog-hero p {
width: 50%;
font-size: 15px;
Expand All @@ -577,6 +608,7 @@ footer {
.share-icons i{
font-size: 18px;
margin-right: 5px;
cursor: pointer;
}

.comment-section {
Expand Down
0 Blog Page/Blogpost/images/audio4.mp3 → ...Gratitude for diversity/images/audio4.mp3
View file
File renamed without changes.
26 changes: 13 additions & 13 deletions Blog Page/Gratitude for diversity/post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,11 +40,11 @@
<div class="bar"></div>
<div class="bar"></div>
</div>
<a href="../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="../Blog Page/blog.html"><li class="nav-link active">Blog</li></a>
<a href="blog.html"><li class="nav-l1ink">Programs</li></a>
<a href="../About Page/about.html"><li class="nav-link">About Us</li></a>
<a href="../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<a href="../../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="post.html"><li class="nav-link active">Blog</li></a>
<a href="../../Program Page/Programs_Main Page/index.html"><li class="nav-l1ink">Programs</li></a>
<a href="../../About Page/about.html"><li class="nav-link">About Us</li></a>
<a href="../../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<!--cta -->
<a href="#subscribe-section"><button class="cta-btn" type="button">SUBSCRIBE</button></a>

Expand All @@ -61,8 +61,8 @@ <h3>5 min read. June 15 2023</h3>
<p>Photo Credit: Pixels</p>
</div>

<audio src="">

<audio controls loop>
<source src="images/audio4.mp3" type="">
</audio>

<div class="blog-read">
Expand Down Expand Up @@ -182,7 +182,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/blogimg3.webp" alt="">
<div class="col2">
<a href=""><h2>Inclusion, Not Indoctrination</h2></a>
<a href="../Indoctraination post/post.html"><h2>Inclusion, Not Indoctrination</h2></a>
<p>
Alex, a devoted believer of a certain religion, works in a manufacturing
company that upholds diversity and inclusion as one of its core values.
Expand All @@ -195,7 +195,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/lion-cub.jpg" alt="">
<div class="col2">
<a href=""><h2>Self-Awareness: Why Do You Need It?</h2></a>
<a href="../selfawareness/post.html"><h2>Self-Awareness: Why Do You Need It?</h2></a>

<p>
A newborn cub loses its mother at childbirth and
Expand All @@ -212,7 +212,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/book.jpg" alt="">
<div class="col2">
<a href=""><h2>Religion: The Accidental Enemy</h2></a>
<a href="../Blogpost/post.html"><h2>Religion: The Accidental Enemy</h2></a>
<p>
Where I come from, the worst enemy is religion.
Religion is simply a set of principles that guides
Expand Down Expand Up @@ -269,9 +269,9 @@ <h2>Blog</h2>
<div class="links">
<div class="about-links">
<h2>Our Programs</h2>
<a id="programs-links" href="">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="">Become A Guest Writer</a><br>
<a id="programs-links" href="">5 Days Of Love</a><br>
<a id="programs-links" href="../../Program Page/WMYFE Page/index.html">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="../../Program Page/GuestWriting Page/index.html">Become A Guest Writer</a><br>
<a id="programs-links" href="../../Program Page/5DaysOfLove Page/index.html">5 Days Of Love</a><br>
</div>

<div class="about-links">
Expand Down
27 changes: 27 additions & 0 deletions Blog Page/Gratitude for diversity/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,25 @@ li:hover {
margin-top: 15px;
}

audio {
margin: 0 70px;
width: 89%;
border: 2px solid #9E4021;
border-radius: 50px;
color: #9E4021;
margin-top: -20px;
}


audio::-webkit-media-controls-panel {
background-color: #FAE9DF;
color: #9E4021 !important;
}

audio::-webkit-media-controls-play-button {
color: #9E4021 !important;
}

.blog-hero p {
font-size: 25px;
color: #fff;
Expand Down Expand Up @@ -549,6 +568,13 @@ footer {
height: auto;
}

audio {
width: 90%;
margin-top: 0;
margin: 0 20px;
}


.blog-hero p {
width: 50%;
font-size: 15px;
Expand All @@ -573,6 +599,7 @@ footer {
.share-icons i{
font-size: 18px;
margin-right: 5px;
cursor: pointer;
}

.comment-section {
Expand Down
Binary file added Blog Page/Indoctraination post/images/audio3.mp3
View file
Binary file not shown.
26 changes: 15 additions & 11 deletions Blog Page/Indoctraination post/post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,11 +40,11 @@
<div class="bar"></div>
<div class="bar"></div>
</div>
<a href="../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="../Blog Page/blog.html"><li class="nav-link active">Blog</li></a>
<a href="blog.html"><li class="nav-l1ink">Programs</li></a>
<a href="../About Page/about.html"><li class="nav-link">About Us</li></a>
<a href="../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<a href="../../Home Page/index.html"><li class="nav-link">Home</li></a>
<a href="../blog.html"><li class="nav-link active">Blog</li></a>
<a href="../../Program Page/Programs_Main Page/index.html"><li class="nav-l1ink">Programs</li></a>
<a href="../../About Page/about.html"><li class="nav-link">About Us</li></a>
<a href="../../Contact Page/contact.html"><li class="nav-link">Contact</li></a>
<!--cta -->
<a href="#subscribe-section"><button class="cta-btn" type="button">SUBSCRIBE</button></a>

Expand All @@ -61,6 +61,10 @@ <h3>5 min read. June 15 2023</h3>
<p>Photo Credit: Freepik</p>
</div>

<audio controls loop>
<source src="images/audio3.mp3">
</audio>

<div class="blog-read">
<p>
<em>Alex, a devoted believer of a certain religion, works in a manufacturing
Expand Down Expand Up @@ -255,7 +259,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/book.jpg" alt="">
<div class="col2">
<a href=""><h2>Religion: The Accidental Enemy</h2></a>
<a href="../Blogpost/post.html"><h2>Religion: The Accidental Enemy</h2></a>
<p>
Where I come from, the worst enemy is religion.
Religion is simply a set of principles that guides
Expand All @@ -271,7 +275,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/blogimg10.webp" alt="">
<div class="col2">
<a href=""><h2>Diversity And Inclusion: This Ability</h2></a>
<a href="../The Ability Post/post.html"><h2>Diversity And Inclusion: This Ability</h2></a>
<p>
Growing up as a young child, I would sit with my mum and listen to
songs ranging from gospel, country, reggae, RnB and they were mostly
Expand All @@ -284,7 +288,7 @@ <h1>You may also like:</h1>
<div class="others">
<img src="images/lion-cub.jpg" alt="">
<div class="col2">
<a href=""><h2>Self-Awareness: Why Do You Need It?</h2></a>
<a href="../selfawareness/post.html"><h2>Self-Awareness: Why Do You Need It?</h2></a>

<p>
A newborn cub loses its mother at childbirth and
Expand Down Expand Up @@ -342,9 +346,9 @@ <h2>Blog</h2>
<div class="links">
<div class="about-links">
<h2>Our Programs</h2>
<a id="programs-links" href="">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="">Become A Guest Writer</a><br>
<a id="programs-links" href="">5 Days Of Love</a><br>
<a id="programs-links" href="../../Program Page/WMYFE Page/index.html">What Makes You Feel Excluded?</a><br>
<a id="programs-links" href="../../Program Page/GuestWriting Page/">Become A Guest Writer</a><br>
<a id="programs-links" href="../../Program Page/5DaysOfLove Page/index.html">5 Days Of Love</a><br>
</div>

<div class="about-links">
Expand Down
26 changes: 26 additions & 0 deletions Blog Page/Indoctraination post/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,6 +149,25 @@ li:hover {
margin-top: 15px;
}

audio {
margin: 0 70px;
width: 89%;
border: 2px solid #9E4021;
border-radius: 50px;
color: #9E4021;
margin-top: -20px;
}


audio::-webkit-media-controls-panel {
background-color: #FAE9DF;
color: #9E4021 !important;
}

audio::-webkit-media-controls-play-button {
color: #9E4021 !important;
}

.blog-hero p {
font-size: 25px;
color: #fff;
Expand Down Expand Up @@ -562,6 +581,12 @@ footer {
height: auto;
}

audio {
width: 90%;
margin-top: 0;
margin: 0 20px;
}

.blog-hero p {
width: 50%;
font-size: 15px;
Expand Down Expand Up @@ -596,6 +621,7 @@ footer {
.share-icons i{
font-size: 18px;
margin-right: 5px;
cursor: pointer;
}

.comment-section {
Expand Down
0 Blog Page/Blogpost/images/audio2.mp3 → Blog Page/The Ability Post/images/audio2.mp3
View file
File renamed without changes.
Loading

0 comments on commit d2bd31a

Please sign in to comment.