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 27, 2024
1 parent 8948441 commit c96c5d3
Showing 1 changed file with 54 additions and 45 deletions.
99 changes: 54 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reflect !</title>
<link rel="icon" type="image/x-icon" href="./icon.png">
<link rel="icon" type="image/x-icon" href="./icon2.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,30 +15,58 @@
<!-- Navbar -->

<nav class="navbar navbar-expand-lg">
<div class="container-fluid justify-content-center"> <!-- Center the contents -->
<div class="container-fluid justify-content-center pop-up-animate1"> <!-- Center the contents -->
<a class="navbar-brand" href="https://reflecthub.github.io/">
<img src="./icon.png" alt="Logo" class="d-inline-block align-top">
<img src="./icon4.png" alt="Logo" class="d-inline-block align-top">
</a>
<h1 id="typing-effect" class="swipers">Reflect !!</h1>
<div class="panel-icon" id="panelIcon">
<h6 >Contact & Suggest me</h6>
</div>
<h1 id="typing-effect" class="swipers" style="
font-size: 4em;
font-weight: bold;
background: linear-gradient(to right, #2eaa05, #2eaa05);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.57px black;
text-align: center;
">
Reflect !!
</h1>

<div class="panel-icon pop-up-animate1" id="panelIcon">
<h6 >Contact & Suggest me</h6>
</div>
</div>
</nav>





<div style=" background-color: #c8ffcd;" >

<h5 id="head" style="
text-align: center;
background-color: #c8ffcd;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding: 15px 20px;
margin-bottom: 0;
border-radius: 8px;
/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
letter-spacing: 1.2px;
color: #2f4f4f;
" class="pop-up-animate1">
Watch these videos sincerely and reflect upon them deeply, so you may find truth and accept it!
</h5>

<!-- Options Menu with Reduced Height -->
<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>
<div class="menu-container d-flex align-items-center justify-content-center">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<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>
<button id='men-d1'class="btn btn-secondary rounded-pill" onclick="showDiv('div1')">Rational 🧠</button>
<button id='men-d2'class="btn btn-secondary rounded-pill" onclick="showDiv('div2')">Scientific 🔬</button>
<button id='men-d3'class="btn btn-secondary rounded-pill" onclick="showDiv('div3')">Inspirational ✨</button>
<button id='men-d4'class="btn btn-secondary rounded-pill" onclick="showDiv('div4')">Reactions 💻</button>
</div>
</div>

Expand Down Expand Up @@ -111,7 +139,7 @@ <h5 >Watch these videos sincerely and reflect upon them deeply, so you may find
</tr>
</thead>
<tbody>
<tr>


</tbody>
</table>
Expand All @@ -120,46 +148,27 @@ <h5 >Watch these videos sincerely and reflect upon them deeply, so you may find
<div id="div4" class="content-div">Content for Misc</div>
</div>

<!-- Footer -->
<!-- <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>
<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> -->


<div class="footer">
<a href="https://www.quran.com" target="_blank"><h3 style="display:inline" class="swipers1">Read the Quran </h3></a>
<a href="https://www.miracles-of-quran.com/index.html" target="_blank"><h3 style="display:inline" class="swipers1">Miracles of Quran</h3></a>
<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>


<!-- <div class="panel-icon" id="panelIcon">
<h6 >Contact & Suggest me</h6>
</div> -->
</div>
</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="swipers2">I am compiling a list of islamic videos which rational people may ponder ,reflect and might accept the truth.</p><br></br>
<p class="swipers2">I am compiling a list of islamic videos which rational people may reflect upon 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 ><a href="https://forms.gle/Df9x2k9nbfRffjy59" target="_blank">Feedback</a></p>
<p ><a href="https://forms.gle/Qs7LWWRrjH3M4vZV6" target="_blank">Bug reports</a></p>
<p >Discord: blaze_0101</p>
</div>

Expand Down

0 comments on commit c96c5d3

Please sign in to comment.