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 20, 2024
1 parent c8ba215 commit de82d97
Showing 1 changed file with 59 additions and 15 deletions.
74 changes: 59 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,6 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="ReflectHub">
<meta property="og:description" content="Watch these videos sincerely and reflect upon them deeply, so you may find truth and accept it!">
<meta property="og:image" content="https://raw.githubusercontent.com/reflecthub/reflecthub.github.io/main/Screenshot%202024-11-20%20153836.png">
<meta property="og:url" content="https://reflecthub.github.io">
<meta property="og:type" content="website">
<title>Reflect !</title>
<link rel="icon" type="image/x-icon" href="./icon2.png">
<link rel="stylesheet" href="index.css">
Expand All @@ -23,7 +18,7 @@
<body style="background-color:#c8ffcd; ;">

<!-- Navbar -->

<nav class="" style="margin-bottom: 0 !important;border: none !;border-radius: 10px;margin-left:1.5%;margin-right: 1.5%; margin-top: 1%;">
<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/">
Expand Down Expand Up @@ -106,7 +101,19 @@ <h6>Contact & Suggest me</h6>
position: relative;
overflow: hidden; /* Prevents the pseudo-element from overflowing outside */
" class="pop-up-animate1">
Watch these videos sincerely and reflect upon them deeply, so you may find truth and accept it!
Read Quran <sup> <span style="display: inline-flex; justify-content: center; align-items: center; text-align: center; 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;'>Why Quran?</div>
<div style='display:flex; justify-content:center; align-items:center; text-align: center;'>
<i>The Quran is the only book on earth which has been in its original form since its origin and has <b>never</b> been corrupted and gone through any editing process.<br><br>
<span style='background-color:#eab8e4; display:inline'>It is certainly We Who have revealed the Reminder, and it is certainly We Who will preserve it [From corruption].<br>[Quran 15:9]</span><br><br>
If all the books in the world were to disappear from face of earth, then Quran is the only book which can be bought back to its original form, cover to cover, word by word <br>[Because millions of people have memorized it cover to cover].<br><br>
Quran also contains various Scientific and Historical facts which were unknown at the time of its revelation (You will get to know them by watching below videos).<br>
</i>
</div>">
[i]
</span></sup> and watch these videos sincerely by reflecting upon them deeply, so that you may find truth and accept it!
</h5>


Expand Down Expand Up @@ -313,7 +320,7 @@ <h3 >
<br>

<h5 style="background-color:#eab8e4; display:inline">
There is no compulsion in religion [Quran
There is no compulsion in religion<br> [Quran
<a href="https://quran.com/2?startingVerse=256" target="_blank">2:256</a>]</h5>
</div><br><br>
<div>
Expand Down Expand Up @@ -344,18 +351,55 @@ <h5 style="background-color:#eab8e4; display:inline">
</div>
</div>



<div class="footer">
<a href="https://www.quran.com" target="_blank"><h3 style="display:inline" class="swipers1">Read the Quran </h3></a>
<div class="panel-icon pop-up-animate1" id="panelIcon1">
<div style="display: flex; flex-direction: column; justify-content:center; align-items: center;">

<a href="https://www.quran.com" target="_blank"><h3 style="display:inline" class="swipers1">Read the Quran </h3></a>
<br>
<a href="https://www.miracles-of-quran.com/index.html" target="_blank"><h5 style="display:inline" class="swipers1">Scientific Miracles of Quran</h5></a>


</div>
<div style="display: flex; flex-direction: row;">
<img src="./icon5.png" style="height: 100px; width: 100px;">
<div style="display: flex; flex-direction: column;">
<h2 style="color:aqua; margin-bottom: 0;margin-top: 10%;"> ReflectHub </h2>
<pre style="color:white;">Inspiring people to reflect !</pre>
</div>
</div>
<div style="display: flex; flex-direction: column;">
<div class="panel-icon pop-up-animate1" id="panelIcon1">
<h6 >Contact & Suggest me</h6>
</div>
<a href="https://www.miracles-of-quran.com/index.html" target="_blank"><h5 style="display:inline" class="swipers1">Scientific Miracles of Quran</h5></a>
<br>
<div style="display: flex; flex-direction: row; align-items: flex-start; max-width: 200px; margin-left: 10px;">
<!-- Share on Twitter -->
<a href="https://twitter.com/share?url=https://reflecthub.github.io&text=Watch+these+videos+sincerely+and+reflect+upon+them+deeply,+so+you+may+find+truth+and+accept+it!"
target="_blank" style="display: flex; flex-direction:column ; align-items: center; gap: 10px; margin-bottom: 10px; width: auto; text-decoration: none;">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Twitter_new_X_logo.png" style="height: 30px; width: 30px;">
<p style="margin: 0; font-size: 14px;">Twitter</p>
</a>

<!-- Share on Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=https://reflecthub.github.io&quote=Watch+these+videos+sincerely+and+reflect+upon+them+deeply,+so+you+may+find+truth+and+accept+it!"
target="_blank" style="display: flex;flex-direction:column ; align-items: center; gap: 10px; margin-bottom: 10px; width: auto; text-decoration: none;">
<img src="https://archive.org/download/facebook-logo_202103/Facebook-logo.png" style="height: 30px; width: 30px;">
<p style="margin: 0; font-size: 14px;">Facebook</p>
</a>


<!-- Share on Reddit -->
<a href="https://www.reddit.com/submit?url=https://reflecthub.github.io&title=Watch+these+videos+sincerely+and+reflect+upon+them+deeply,+so+you+may+find+truth+and+accept+it!"
target="_blank" style="display: flex;flex-direction:column ; align-items: center; gap: 10px; width: auto; text-decoration: none;">
<img src="https://www.iconpacks.net/icons/2/free-reddit-logo-icon-2436-thumb.png" style="height: 30px; width: 30px;">
<p style="margin: 0; font-size: 14px;">Reddit</p>
</a>
</div>
</div>


</div>

<div class="popup" id="popup">
<div class="popup-content">
<span class="close" id="closePopup">&times;</span>
Expand Down

0 comments on commit de82d97

Please sign in to comment.