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 Oct 25, 2024
1 parent c085f22 commit 298388c
Showing 1 changed file with 58 additions and 98 deletions.
156 changes: 58 additions & 98 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reflect!</title>
<title>Reflect !</title>
<link rel="icon" type="image/x-icon" href="./icon.png">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
Expand All @@ -15,8 +16,8 @@

<nav class="navbar navbar-expand-lg">
<div class="container-fluid justify-content-center"> <!-- Center the contents -->
<a class="navbar-brand" href="#">
<img src="./reflect_logo.jpg" alt="Logo" class="d-inline-block align-top">
<a class="navbar-brand" href="https://reflecthub.github.io/">
<img src="./icon.png" alt="Logo" class="d-inline-block align-top">
</a>
<h1 id="typing-effect" class="swipers">Reflect !!</h1>
</div>
Expand All @@ -28,14 +29,16 @@ <h1 id="typing-effect" class="swipers">Reflect !!</h1>


<!-- Options Menu with Reduced Height -->
<div class="container-fluid menu-container d-flex align-items-center justify-content-center ">
<div class="container-fluid menu-container d-flex align-items-center justify-content-center">
<h5 >Watch these videos sincerely and reflect upon them deeply, so you may find truth and accept it!</h5>
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<button class="btn btn-secondary" onclick="showDiv('div1')">Rational</button>
<button class="btn btn-secondary" onclick="showDiv('div2')">Scientific</button>
<button class="btn btn-secondary" onclick="showDiv('div3')">Inspirational</button>
<button class="btn btn-secondary" onclick="showDiv('div4')">Misc</button>
<button class="btn btn-secondary bg-success rounded-pill" onclick="showDiv('div1')">Rational</button>
<button class="btn btn-secondary bg-success rounded-pill" onclick="showDiv('div2')">Scientific</button>
<button class="btn btn-secondary bg-success rounded-pill" onclick="showDiv('div3')">Inspirational</button>
<button class="btn btn-secondary bg-success rounded-pill" onclick="showDiv('div4')">Misc</button>
</div>
</div>


<!-- Content Sections with Expanded Height -->
<div id="content-container" class="content-container">
Expand All @@ -46,110 +49,48 @@ <h1 id="typing-effect" class="swipers">Reflect !!</h1>
<tr>
<th>S.No</th>
<th>Title</th>
<th>Image</th>
<th>Description</th>
<th>Link</th>
<th>Channel</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Why islam is the Truth</a><br></br><img src="./Thumbnails/rhyad1.jpg" alt="Rational Image" style="height: 100px; width: 200px;"></td>
<td>Why Islam is the Truth - this video should lead you to the conclusion that Islam is logically and rationally the truth by going through 5 important steps.</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Visit</a></td>
<td><a href="https://www.youtube.com/@rhyadmuslim" target="_blank"><img src="https://yt3.googleusercontent.com/yXCdfOlq9ZxuBNxBESKBGHlEwahxl2pJenJypadjdbAocUrwW7vowj0AKxnN3U38pETtbaIOGg=s160-c-k-c0x00ffffff-no-rj">Rhyad</a></td></td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Why islam is the Truth</a><br></br><img src="./Thumbnails/rhyad1.jpg" alt="Rational Image" style="height: 100px; width: 200px;"></td>
<td>Why Islam is the Truth - this video should lead you to the conclusion that Islam is logically and rationally the truth by going through 5 important steps.</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Visit</a></td>
<td><a href="https://www.youtube.com/@rhyadmuslim" target="_blank"><img src="https://yt3.googleusercontent.com/yXCdfOlq9ZxuBNxBESKBGHlEwahxl2pJenJypadjdbAocUrwW7vowj0AKxnN3U38pETtbaIOGg=s160-c-k-c0x00ffffff-no-rj">Rhyad</a></td></td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Why islam is the Truth</a><br></br><img src="./Thumbnails/rhyad1.jpg" alt="Rational Image" style="height: 100px; width: 200px;"></td>
<td>Why Islam is the Truth - this video should lead you to the conclusion that Islam is logically and rationally the truth by going through 5 important steps.</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Visit</a></td>
<td><a href="https://www.youtube.com/@rhyadmuslim" target="_blank"><img src="https://yt3.googleusercontent.com/yXCdfOlq9ZxuBNxBESKBGHlEwahxl2pJenJypadjdbAocUrwW7vowj0AKxnN3U38pETtbaIOGg=s160-c-k-c0x00ffffff-no-rj">Rhyad</a></td></td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Why islam is the Truth</a><br></br><img src="./Thumbnails/rhyad1.jpg" alt="Rational Image" style="height: 100px; width: 200px;"></td>
<td>Why Islam is the Truth - this video should lead you to the conclusion that Islam is logically and rationally the truth by going through 5 important steps.</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Visit</a></td>
<td><a href="https://www.youtube.com/@rhyadmuslim" target="_blank"><img src="https://yt3.googleusercontent.com/yXCdfOlq9ZxuBNxBESKBGHlEwahxl2pJenJypadjdbAocUrwW7vowj0AKxnN3U38pETtbaIOGg=s160-c-k-c0x00ffffff-no-rj">Rhyad</a></td></td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
</tr>
<tr>
<td>1</td>
<td>Rational Thinking</td>
<td><img src="https://via.placeholder.com/50" alt="Rational Image"></td>
<td><a href="#">Visit</a></td>
<td>Channel 1</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Why islam is the Truth</a><br></br><img src="./Thumbnails/rhyad1.jpg" alt="Rational Image" style="height: 100px; width: 200px;"></td>
<td>Why Islam is the Truth - this video should lead you to the conclusion that Islam is logically and rationally the truth by going through 5 important steps.</td>
<td><a href="https://www.youtube.com/watch?v=3_JcakBpoWA" target="_blank">Visit</a></td>
<td><a href="https://www.youtube.com/@rhyadmuslim" target="_blank"><img src="https://yt3.googleusercontent.com/yXCdfOlq9ZxuBNxBESKBGHlEwahxl2pJenJypadjdbAocUrwW7vowj0AKxnN3U38pETtbaIOGg=s160-c-k-c0x00ffffff-no-rj">Rhyad</a></td></td>
</tr>

</tbody>
</table>

Expand All @@ -160,17 +101,36 @@ <h1 id="typing-effect" class="swipers">Reflect !!</h1>
</div>

<!-- Footer -->
<footer class="footer bg-dark">
<div class="container text-center">
<p class="mb-1">Reflect - Contact us at: info@reflect.com</p>
<p>&copy; 2023 Reflect</p>
<div class="ground">
<div class="norm d-flex">
<a href="https://www.quran.com" target="_blank"><h6 style="display:inline">Read the Quran |</h6></a>
<a href="https://www.miracles-of-quran.com/index.html" target="_blank"><h6 style="display:inline">Miracles of Quran</h6></a>


</div>
</footer>
<div class="panel-icon" id="panelIcon">
<h6 >Contact & Suggest me</h6>
</div>

<div class="popup" id="popup">
<div class="popup-content">
<span class="close" id="closePopup">&times;</span>
<h2 class="typing-effect">About Me</h2>
<p>Hello! <a href="https://www.instagram.com/md_abdullah_0101/" target="_blank">I'm Mohammed Abdullah</a></p>
<p class="swipers1">I am compiling a list of islamic videos which rational people may ponder ,reflect and might accept the truth.</p><br></br>
<p>Contact me below to suggest me some videos</p>
<p >Email : <a href="mailto:reflect.intel@gmail.com">reflect.intel@gmail.com</a></p>
<p >Discord: blaze_0101</p>
</div>
</div>




<script src="index.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>

</html>
</html>

0 comments on commit 298388c

Please sign in to comment.