Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@reflecthub
reflecthub authored Nov 19, 2024
1 parent 17c1884 commit 28bdca9
Showing 1 changed file with 87 additions and 13 deletions.
100 changes: 87 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,21 +15,20 @@

<!-- Navbar -->

<nav class="navbar navbar-expand-lg" >
<div class="container-fluid justify-content-center pop-up-animate1"> <!-- Center the contents -->
<nav class="navbar" >
<div class="container-fluid justify-content-center pop-up-animate1" style="background-color: #2f4f4f;border-radius: 10px;"> <!-- Center the contents -->
<a class="navbar-brand" href="https://reflecthub.github.io/">
<img src="./icon4.png" alt="Logo" class="d-inline-block align-top">
<img src="./icon5.png" alt="Logo" class="d-inline-block align-top">
</a>

<h1 id="typing-effect" class="swipers responsive-description1" style="
font-weight: bold;
background: linear-gradient(to right, #2eaa05, #2eaa05);
color:rgb(108, 231, 209) ;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* -webkit-text-fill-color: transparent; */
-webkit-text-stroke: 0.57px black;
text-align: center;
max-width: fit-content;
">
Reflect!!
</h1>
Expand Down Expand Up @@ -74,9 +73,8 @@ <h6>Contact & Suggest me</h6>

<h5 id="head" style="
text-align: center;
font-family: 'Georgia', serif !important;
font-family:cursive;
background-color: #c8ffcd;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding: 15px 20px;
margin-bottom: 0;
Expand Down Expand Up @@ -121,7 +119,24 @@ <h6>Contact & Suggest me</h6>
<div id="div1" class="content-div table-wrapper ">
<table class="custom-table rational">
<thead>
<span class="citation" data-info="<div style='font-weight:bold;display:flex;justify-content:center; text-align:centre;text-decoration: underline;'>Rational</div> <div style='display:flex;justify-content:center; text-align:centre;'><i>Videos that explore logical and rational arguments, helping viewers to understand deeper truths through structured reasoning.</i></div>"> Rational 🧠 </span>

<div style="position: relative; width: 100%; height: auto;">
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row;"
class="citation"
data-info="
<div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'>Rational</div>
<div style='display:flex; justify-content:center; align-items:center; text-align: center;'>
<i> Videos that explore logical and rational arguments, helping viewers to understand deeper truths through structured reasoning.</i>
</div>">
Rational 🧠
</span>
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row; position: absolute; right: 0;"
class="citation"
data-info="&lt;div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'&gt;For Mobile users&lt;/div&gt;&lt;div style='display:flex; justify-content:center; align-items:center; text-align: center;'&gt;&lt;i&gt;Scrolling ↔️ across the table left and right is enabled&lt;/i&gt;&lt;/div&gt;">
[📱?]
</span>
</div>

<tr>
<th>S.No</th>
<th>Channel</th>
Expand All @@ -139,7 +154,23 @@ <h6>Contact & Suggest me</h6>
<div id="div2" class="content-div table-wrapper ">
<table class="custom-table scientific">
<thead>
<span class="citation" data-info="<div style='font-weight:bold;display:flex;justify-content:center; text-align:centre;text-decoration: underline;'>Scientific</div> <div style='display:flex;justify-content:center; text-align:centre;'><i>Content related to scientific explanations and evidence, emphasizing the intersection of science and belief.</i></div>">Scientific 🔬 </span>

<div style="position: relative; width: 100%; height: auto;">
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row;"
class="citation"
data-info="
<div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'>Science</div>
<div style='display:flex; justify-content:center; align-items:center; text-align: center;'>
<i>Content related to scientific explanations and evidence, emphasizing the intersection of science and belief.</i>
</div>">
Scientific🔬
</span>
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row; position: absolute; right: 0;"
class="citation"
data-info="&lt;div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'&gt;For Mobile users&lt;/div&gt;&lt;div style='display:flex; justify-content:center; align-items:center; text-align: center;'&gt;&lt;i&gt;Scrolling ↔️ across the table left and right is enabled&lt;/i&gt;&lt;/div&gt;">
[📱?]
</span>
</div>
<tr>
<th>S.No</th>
<th>Channel</th>
Expand All @@ -157,7 +188,22 @@ <h6>Contact & Suggest me</h6>
<div id="div3" class="content-div table-wrapper ">
<table class="custom-table inspirational">
<thead>
<span class="citation" data-info="<div style='font-weight:bold;display:flex;justify-content:center; text-align:centre;text-decoration: underline;'>Inspirational</div> <div style='display:flex;justify-content:center; text-align:centre;'><i>Content that inspires viewers to reflect on their lives and the world around them, encouraging positive change and growth.</i></div>">Inspirational ✨ </span>
<div style="position: relative; width: 100%; height: auto;">
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row;"
class="citation"
data-info="
<div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'>Inspirational</div>
<div style='display:flex; justify-content:center; align-items:center; text-align: center;'>
<i>Content that inspires viewers to reflect on their lives and the world around them, encouraging positive change and growth.</i>
</div>">
Inspirational ✨
</span>
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row; position: absolute; right: 0;"
class="citation"
data-info="&lt;div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'&gt;For Mobile users&lt;/div&gt;&lt;div style='display:flex; justify-content:center; align-items:center; text-align: center;'&gt;&lt;i&gt;Scrolling ↔️ across the table left and right is enabled&lt;/i&gt;&lt;/div&gt;">
[📱?]
</span>
</div>
<tr>
<th>S.No</th>
<th>Channel</th>
Expand All @@ -175,7 +221,23 @@ <h6>Contact & Suggest me</h6>
<div id="div4" class="content-div table-wrapper">
<table class="custom-table reactions">
<thead>
<span class="citation" data-info="<div style='font-weight:bold;display:flex;justify-content:center; text-align:centre;text-decoration: underline;'>Reactions</div> <div style='display:flex;justify-content:center; text-align:centre;'><i>A collection of video reactions of individuals as they watch and reflect on various topics, providing insight into different perspectives.</i></div>">Reactions 💻 </span>
<div style="position: relative; width: 100%; height: auto;">
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row;"
class="citation"
data-info="
<div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'>Reactions</div>
<div style='display:flex; justify-content:center; align-items:center; text-align: center;'>
<i>A collection of video reactions of individuals as they watch and reflect on various topics, providing insight into different perspectives.</i>
</div>">
Reactions 💻
</span>
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row; position: absolute; right: 0;"
class="citation"
data-info="&lt;div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'&gt;For Mobile users&lt;/div&gt;&lt;div style='display:flex; justify-content:center; align-items:center; text-align: center;'&gt;&lt;i&gt;Scrolling ↔️ across the table left and right is enabled&lt;/i&gt;&lt;/div&gt;">
[📱?]
</span>
</div>

<tr>
<th>S.No</th>
<th>Channel</th>
Expand All @@ -191,6 +253,18 @@ <h6>Contact & Suggest me</h6>

</div>
<div id="div5" class="content-div table-wrapper pop-up-animate verse-style">
<div style="position: relative; width: 100%; height: auto;margin-bottom: 2%">
<span style="font-weight: bold; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; flex-direction: row;color: rgb(140, 227, 230);"
class="citation"
data-info="
<div style='font-weight:bold; display:flex; justify-content:center; align-items:center; text-decoration: underline; text-align: center;'>Verses from Quran</div>
<div style='display:flex; justify-content:center; align-items:center; text-align: center;'>
<i>A collection of verses from Quran emphasizing on reflecting upon the creations.</i>
</div>">
Verses from Quran 📖
</span>

</div>
</div>
<div id="div6" class="content-div table-wrapper pop-up-animate verse-style faith">
<div style="background-color: #ffffff; color:black; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; border: 15px solid rgb(46, 236, 198); border-radius: 45px; line-height: 1.5;
Expand Down

0 comments on commit 28bdca9

Please sign in to comment.