Untitled

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
<!DOCTYPE html>
<html>
<head>
<title>Familyexample.fun</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container container-nomargin">
<div class="row greyback">
<div class="col d-flex"><span class="title"><span class="white">Family</span><span class="red">example</span></span></div>
</div>
</div>
<div class="container borderbot">
<div class="row">
<div class="col">&nbsp;</div>
<div class="w-100"></div>
<div class="col col-12 col-sm-3"><img class="pfp" src="image.png"></div>
<div class="col col-12 col-sm-9"><span class="white">Welcome to example. </span></div>
<div class="w-100"></div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">&nbsp;</div>
<div class="w-100"></div>
<div class="col d-flex justify-content-center"><button class="select" id="chat2">Community</button></div>
<div class="col d-flex justify-content-center"><button class="select" id="timeline2">Timeline</button></div>
<div class="col d-flex justify-content-center"><button class="select active" id="video2">Video Store</button></div>
<div class="col d-flex justify-content-center"><button class="select" id="crypto2">Buy Crypto</button></div>
<div class="w-100"></div>
<div class="col">&nbsp;</div>
</div>
</div>

<div class="container backgrey hideff" id="chat3">
<div class="row">
<div class="col-12 d-flex justify-content-center min-vh-100"><iframe class="w-100" src="https://Familyexample.fun/forum/"></iframe></div>
</div>
</div>

<div class="container backgrey hideff" id="timeline3">
<div class="row border borderwhite">
<div class="col col-12 col-lg-5 d-flex justify-content-center"><video class="w-100" controls><source src="videos/timeline/001.mp4"></video></div>
<div class="col col-12 col-lg-7 d-flex justify-content-left"><span class="white">May 27, 2023<br>A poem about a mother's love for her son.</span></div>
</div>
</div>

<div class="container" id="video3">
<div class="row border borderwhite">
<div class="row">
<div class="col col-6 col-lg-4 d-flex justify-content-center order-2 order-lg-1"><img class="img-fluid" src="Images/example1_1.jpg"></div>
<div class="col col-12 col-lg-4 d-flex justify-content-center order-1 order-lg-2"><video class="w-100" controls><source src="Images/example_clip01.mp4"></video></div>
<div class="col col-6 col-lg-4 d-flex justify-content-center order-3 order-lg-3"><img class="img-fluid" src="Images/example1_2.jpg"></div>
</div>
<div class="row">
<div class="w-100"></div>
<div class="col"><p>chekc</p></div>
<div class="w-100"></div>
<div class="col">
<div class="container"><div class="row"><div class="col">&nbsp;</div><div class="w-100"></div></div></div>
<div class="row">
<div class="col d-flex justify-content-center"><img class="img-fluid" src="Images/button.png"></div>
<div class="col d-flex justify-content-center">
<form method="POST" action="https://example.com/jppiUX8DronFFZ3oshb211x/pos">
<div class="form-group"><button class="btn btn-primary btn-lg form-control form-control-lg" type="submit" name="choiceKey" value="example01">Watch this video for $10</button></div>
</form>
</div>
</div>
</div>
</div>
</div>

<div class="container backgrey hideff" id="crypto3">
<div class="row border borderwhite">
<div class="row">
<div class="col col-6 col-lg-4 d-flex justify-content-center order-2 order-lg-1"><img class="img-fluid" src="Images/example1_1.jpg"></div>
<div class="col col-12 col-lg-4 d-flex justify-content-center order-1 order-lg-2"><video class="w-100" controls><source src="Images/example_clip01.mp4"></video></div>
<div class="col col-6 col-lg-4 d-flex justify-content-center order-3 order-lg-3"><img class="img-fluid" src="Images/example1_2.jpg"></div>
</div>
<div class="row">
<div class="w-100"></div>
<div class="col"><p>example</p></div>
<div class="w-100"></div>
<div class="col">
<div class="container"><div class="row"><div class="col">&nbsp;</div><div class="w-100"></div></div></div>
<div class="row">
<div class="col d-flex justify-content-center"><img class="img-fluid" src="Images/button.png"></div>
<div class="col d-flex justify-content-center">
<form method="POST" action="https://example.com/2hdEVjppiUX8DronFFZ3oshb211x/pos">
<div class="form-group"><button class="btn btn-primary btn-lg form-control form-control-lg" type="submit" name="choiceKey" value="example01">Watch this video for $10</button></div>
</form>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
  function updateSection(buttonId, sectionId) {
    // Hide all sections
    document.getElementById('chat3').style.display = 'none';
    document.getElementById('timeline3').style.display = 'none';
    document.getElementById('video3').style.display = 'none';
    document.getElementById('crypto3').style.display = 'none';

    // Remove 'active' class from all buttons
    document.getElementById('chat2').classList.remove('active');
    document.getElementById('timeline2').classList.remove('active');
    document.getElementById('video2').classList.remove('active');
    document.getElementById('crypto2').classList.remove('active');

    // Show the selected section
    document.getElementById(sectionId).style.display = 'block';

    // Add 'active' class to the clicked button
    document.getElementById(buttonId).classList.add('active');
  }

  document.getElementById('chat2').addEventListener('click', function() {
    updateSection('chat2', 'chat3');
  });

  document.getElementById('timeline2').addEventListener('click', function() {
    updateSection('timeline2', 'timeline3');
  });

  document.getElementById('video2').addEventListener('click', function() {
    updateSection('video2', 'video3');
  });

  document.getElementById('crypto2').addEventListener('click', function() {
    updateSection('crypto2', 'crypto3');
  });
});
</script>

</body>
</html>