Skip to content

Commit

Permalink
made some routing improvements
Browse files Browse the repository at this point in the history
  • Loading branch information
ChikenduHillary committed May 20, 2024
1 parent f322895 commit d441803
Show file tree
Hide file tree
Showing 2 changed files with 236 additions and 140 deletions.
4 changes: 2 additions & 2 deletions Contact Page/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,11 +53,11 @@
<a href="https://hilda-enyioko.github.io/Inclusive-Talks/"
><li class="nav-link">Home</li></a
>
<a href="../Blog Page/index.html"><li class="nav-link">Blog</li></a>
<a href="../Blog Page/blog.html"><li class="nav-link">Blog</li></a>
<a href="../Program Page/Programs_Main Page/index.html"
><li class="nav-link">Programs</li></a
>
<a href="../About Page/index.html"
<a href="../About Page/about.html"
><li class="nav-link">About Us</li></a
>
<a href="contact.html"><li class="nav-link active">Contact</li></a>
Expand Down
372 changes: 234 additions & 138 deletions Program Page/Programs_Main Page/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,145 +1,241 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Programs - Inclusive Talks</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" />
<link rel="icon" href=".\images\inclusive talks logo.png" />
<script src="https://kit.fontawesome.com/b825955621.js" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<!--Navbar-->
<nav>
<!--Logo-->
<div id="logo">
<a href="../Home Page/index.html">
<img alt="Inclusive Talks Logo" src="./images/logo.png" loading="eager" />
</a>
</div>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Programs - Inclusive Talks</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
/>
<link rel="icon" href=".\images\inclusive talks logo.png" />
<script
src="https://kit.fontawesome.com/b825955621.js"
crossorigin="anonymous"
></script>
<script
src="https://kit.fontawesome.com/a076d05399.js"
crossorigin="anonymous"
></script>
</head>
<body>
<!--Navbar-->
<nav>
<!--Logo-->
<div id="logo">
<a href="../Home Page/index.html">
<img
alt="Inclusive Talks Logo"
src="./images/logo.png"
loading="eager"
/>
</a>
</div>

<!--Nav-menu-->
<div id="nav-menu">
<div id="hamburger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<ul class="nav-menu">
<div id="close-button">
<div class="bar"></div>
<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/index.html"><li class="nav-link">Blog</li></a>
<a href="index.html"><li class="nav-link active">Programs</li></a>
<a href="../../About Page/index.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-button" type="button">SUBSCRIBE</button></a>
</ul>
</div>
</nav>
<!--Nav-menu-->
<div id="nav-menu">
<div id="hamburger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<ul class="nav-menu">
<div id="close-button">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<a href="https://hilda-enyioko.github.io/Inclusive-Talks/"
><li class="nav-link">Home</li></a
>
<a href="../../Blog Page/blog.html"><li class="nav-link">Blog</li></a>
<a href="index.html"><li class="nav-link active">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-button" type="button">SUBSCRIBE</button></a
>
</ul>
</div>
</nav>

<!--Hero Section-->
<section id="hero-section">
<div id="hero-text">
<h1>Our <br>Programs</h1>
<p>Beyond our traditional blog articles, we host a variety of transformative programs that promote meaningful conversations, drive awareness, and build bridges across communities.</p>
<a href="#subscribe-section"><button class="cta-button" type="button">SUBSCRIBE</button></a>
</div>
<div id="hero-image">
<img alt="Our Programs" src="images/hero-image.png" loading="active" />
</div>
</section>
<!--Hero Section-->
<section id="hero-section">
<div id="hero-text">
<h1>Our <br />Programs</h1>
<p>
Beyond our traditional blog articles, we host a variety of
transformative programs that promote meaningful conversations, drive
awareness, and build bridges across communities.
</p>
<a href="#subscribe-section"
><button class="cta-button" type="button">SUBSCRIBE</button></a
>
</div>
<div id="hero-image">
<img alt="Our Programs" src="images/hero-image.png" loading="active" />
</div>
</section>

<section id="program1" class="programs">
<div class="program-card">
<div class="program-text">
<a href="../WMYFE Page/index.html"><h1>What Makes You <br>Feel Excluded?</h1></a>
<p>Every voice finds comfort here, no matter how trivial your experience may seem. Inclusive Talks provides a safe space for you to unravel the nuances of inclusion. All you've got to do is answer the question - "What Makes You Feel Excluded?"</p>
</div>
<div class="illustration">
<img alt="What Makes You Feel Excluded?" />
</div>
</div>
</section>
<section id="program2" class="programs">
<div class="program-card">
<div class="program-text">
<a href="../GuestWriting Page/index.html"><h1>Guest Writing <br>Program</h1></a>
<p>The Inclusive Talks Guest Writing Program, an annual initiative, invites the public to contribute articles promoting diversity and inclusion.
It provides a platform for individuals, especially young voices, to freely discuss topics of interest. This program runs from mid-May to the end of June. </p>
</div>
<div class="illustration"></div>
</div>
</section>
<section id="program3" class="programs">
<div class="program-card">
<div class="program-text">
<a href="../5DaysOfLove Page/index.html"><h1>5 Days Of <br>Love</h1></a>
<p>#5daysoflove is an annual initiative (20th - 24th December) dedicated to spreading messages of love and hope to 5 different categories of youths in our society.
we invite everyone to send uplifting messages, as we believe these words can ignite a ray of hope in someone’s life.
Your heartfelt messages will be shared across all our social platforms. </p>
</div>
<div class="illustration"></div>
</div>
</section>
<section id="program1" class="programs">
<div class="program-card">
<div class="program-text">
<a href="../WMYFE Page/index.html"
><h1>What Makes You <br />Feel Excluded?</h1></a
>
<p>
Every voice finds comfort here, no matter how trivial your
experience may seem. Inclusive Talks provides a safe space for you
to unravel the nuances of inclusion. All you've got to do is answer
the question - "What Makes You Feel Excluded?"
</p>
</div>
<div class="illustration">
<img alt="What Makes You Feel Excluded?" />
</div>
</div>
</section>
<section id="program2" class="programs">
<div class="program-card">
<div class="program-text">
<a href="../GuestWriting Page/index.html"
><h1>Guest Writing <br />Program</h1></a
>
<p>
The Inclusive Talks Guest Writing Program, an annual initiative,
invites the public to contribute articles promoting diversity and
inclusion. It provides a platform for individuals, especially young
voices, to freely discuss topics of interest. This program runs from
mid-May to the end of June.
</p>
</div>
<div class="illustration"></div>
</div>
</section>
<section id="program3" class="programs">
<div class="program-card">
<div class="program-text">
<a href="../5DaysOfLove Page/index.html"
><h1>5 Days Of <br />Love</h1></a
>
<p>
#5daysoflove is an annual initiative (20th - 24th December)
dedicated to spreading messages of love and hope to 5 different
categories of youths in our society. we invite everyone to send
uplifting messages, as we believe these words can ignite a ray of
hope in someone’s life. Your heartfelt messages will be shared
across all our social platforms.
</p>
</div>
<div class="illustration"></div>
</div>
</section>

<!--Subscribe Section-->
<section id="subscribe-section">
<div id="subscribe-card">
<h3 id="subscribe-title">Subscribe To Our Blog Via Email</h3>
<p id="subscribe-text">Enter your email address to subscribe to our blog and receive notifications of new posts by email.</p>
<input type="email" placeholder="Email address" name="" id="input-email" /><br />
<button class="cta-button" type="button" action="">SUBSCRIBE</button>
</div>
</section>
<!--Subscribe Section-->
<section id="subscribe-section">
<div id="subscribe-card">
<h3 id="subscribe-title">Subscribe To Our Blog Via Email</h3>
<p id="subscribe-text">
Enter your email address to subscribe to our blog and receive
notifications of new posts by email.
</p>
<input
type="email"
placeholder="Email address"
name=""
id="input-email"
/><br />
<button class="cta-button" type="button" action="">SUBSCRIBE</button>
</div>
</section>

<footer>
<div class="footer-parts footer-links">
<div class="main-link">
<div id="footer-logo">
<img src="./images/inclusive talks logo.png" alt="Inclusive Talks Logo" loading="lazy" />
</div>
<h3 class="footer-header">Blog</h3>
<p>Dedicated To Diversity!</p>
<a href="https://instagram.com/inclusivetalks_" target="_blank" class="footer-icons instagram-icon"><i class="fa fa-brands fab fab fa-instagram"></i></a>
<a href="https://x.com/InclusiveTalks" target="_blank" class="footer-icons twitter-icon"><i class="fa fa-brands fa-twitter"></i></a>
<a href="https://youtube.com/@inclusivetalks22" target="_blank" class="footer-icons youtube-icon"><i class="fa fa-brands fab fa-youtube-square"></i></a>
<a href="" target="_blank" class="footer-icons threads-icon"><i class="fa fa-brands fab fa-threads"></i></a>
<div class="mail-link">
<!-- <img src="images/icon-email.svg" alt="E-mail Icon" class="mail-icon" loading="lazy" /> -->
<a href="mailto:[email protected]" target="_blank">[email protected]</a>
</div>
</div>
<div class="support-link">
<div class="support-links">
<h3 class="footer-header">Our Programs</h3>
<a class="programs-link" href="../WMYFE Page/index.html">What Makes You Feel Excluded?</a><br>
<a class="programs-link" href="../GuestWriting Page/index.html">Become A Guest Writer</a><br>
<a class="programs-link" href="../5DaysOfLove Page/index.html">5 Days Of Love</a><br>
</div>
<div class="support-links">
<h3 class="footer-header">About Us</h3>
<a class="about-link" href="../../About Page/about.html">How It Started</a><br />
<a class="about-link" href="../../About Page/about.html">Where We Are</a><br />
<a class="about-link" href="../../About Page/about.html">Our Goal</a><br />
<a class="about-link" href="../../About Page/about.html">Meet The Team</a><br />
<a class="about-link" href="../../About Page/about.html">FAQ</a><br>
</div>
</div>
</div>
<hr class="footer-parts" />
<div class="footer-parts copyright">
<p class="copyright-text"> &copy; Copyright 2023 Inclusive Talks</p>
<p class="copyright-text">All Rights Reserved</p>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>
<footer>
<div class="footer-parts footer-links">
<div class="main-link">
<div id="footer-logo">
<img
src="./images/inclusive talks logo.png"
alt="Inclusive Talks Logo"
loading="lazy"
/>
</div>
<h3 class="footer-header">Blog</h3>
<p>Dedicated To Diversity!</p>
<a
href="https://instagram.com/inclusivetalks_"
target="_blank"
class="footer-icons instagram-icon"
><i class="fa fa-brands fab fab fa-instagram"></i
></a>
<a
href="https://x.com/InclusiveTalks"
target="_blank"
class="footer-icons twitter-icon"
><i class="fa fa-brands fa-twitter"></i
></a>
<a
href="https://youtube.com/@inclusivetalks22"
target="_blank"
class="footer-icons youtube-icon"
><i class="fa fa-brands fab fa-youtube-square"></i
></a>
<a href="" target="_blank" class="footer-icons threads-icon"
><i class="fa fa-brands fab fa-threads"></i
></a>
<div class="mail-link">
<!-- <img src="images/icon-email.svg" alt="E-mail Icon" class="mail-icon" loading="lazy" /> -->
<a href="mailto:[email protected]" target="_blank"
>[email protected]</a
>
</div>
</div>
<div class="support-link">
<div class="support-links">
<h3 class="footer-header">Our Programs</h3>
<a class="programs-link" href="../WMYFE Page/index.html"
>What Makes You Feel Excluded?</a
><br />
<a class="programs-link" href="../GuestWriting Page/index.html"
>Become A Guest Writer</a
><br />
<a class="programs-link" href="../5DaysOfLove Page/index.html"
>5 Days Of Love</a
><br />
</div>
<div class="support-links">
<h3 class="footer-header">About Us</h3>
<a class="about-link" href="../../About Page/about.html"
>How It Started</a
><br />
<a class="about-link" href="../../About Page/about.html"
>Where We Are</a
><br />
<a class="about-link" href="../../About Page/about.html">Our Goal</a
><br />
<a class="about-link" href="../../About Page/about.html"
>Meet The Team</a
><br />
<a class="about-link" href="../../About Page/about.html">FAQ</a
><br />
</div>
</div>
</div>
<hr class="footer-parts" />
<div class="footer-parts copyright">
<p class="copyright-text">&copy; Copyright 2023 Inclusive Talks</p>
<p class="copyright-text">All Rights Reserved</p>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>

0 comments on commit d441803

Please sign in to comment.