<!DOCTYPE html>
<html lang="en">
<head><meta charset="us-ascii"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="images/favicon.png" rel="icon" />
<title>Pizza For Ripple</title>
<meta name="description" content="Pizza for xrp" />
<meta name="author" content="Pizza For Xrp" />
<meta name="description" content="Pizza for xrp" /><meta name="author" content="Pizza For Ripples" /><!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" /><!-- Stylesheet
============================== --><!-- Bootstrap -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /><!-- Font Awesome Icon -->
<link href="vendor/font-awesome/css/all.min.css" rel="stylesheet" type="text/css" /><!-- Owl Carousel -->
<link href="vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet" type="text/css" /><!-- Template Stylesheet -->
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" /><!-- Colors Css -->
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<link href="css/color-purple.css" id="color-switcher" rel="stylesheet" type="text/css" />
<style>
body {
font-family: 'Courier New', monospace; /* Retro font */
}
.command-line-container {
padding: 30px;
background-color: #000; /* Black background for retro look */
border: 2px solid #00FF00; /* Glowing green border */
border-radius: 15px; /* Smooth corners */
max-width: 90%; /* Makes the box wider */
margin: 0 auto; /* Centers the box */
box-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00; /* Glow effect */
}
.command-line-text {
color: #00FF00; /* Green text color */
text-align: left; /* Align text to the left for retro feel */
font-size: 1rem; /* Text size for readability */
line-height: 1.8; /* Line height for better spacing */
}
.command-line-text h1, .command-line-text h2 {
color: #00FF00; /* Green headings */
text-transform: uppercase;
text-align: center; /* Center headings */
font-size: 1.5rem;
}
.command-line-text p {
margin-bottom: 20px;
}
.image-container img {
border-radius: 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.contract-address-box input {
background-color: #000;
color: #00FF00;
border: 2px solid #00FF00;
font-family: 'Courier New', monospace;
text-align: center;
width: 100%;
max-width: 300px;
margin: 10px auto;
}
.contract-address-box button {
background-color: #000;
color: #00FF00;
border: 2px solid #00FF00;
font-family: 'Courier New', monospace;
}
.contract-address-box button:hover {
background-color: #00FF00;
color: #000;
}
/* Add a subtle flicker animation for retro feel */
.command-line-container {
animation: flicker 2s infinite;
}
@keyframes flicker {
0% { box-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00; }
50% { box-shadow: 0 0 15px #00FF00, 0 0 30px #00FF00; }
100% { box-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00; }
}
</style>
</head>
<body class="hero-bg" data-bs-offset="0" data-bs-smooth-scroll="true" data-bs-spy="scroll" data-bs-target="#header-nav" style="background-image: url('images/bg.png')"><!-- Preloader -->
<div class="preloader preloader-dark">
<div class="lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Preloader End --><!-- Document Wrapper
=============================== -->
<div id="main-wrapper">
<!-- Header -->
<header class="sticky-top-slide" id="header">
<nav class="primary-menu navbar navbar-expand-lg navbar-dark bg-dark border-0 fw-500">
<div class="container position-relative">
<div class="col-auto col-lg-2">
<a class="logo" href="index.html" title="XRP For Ripple">
<img alt="XRP For Ripple" src="images/logo.png" />
</a>
</div>
<div class="col col-lg navbar-accordion">
<button class="navbar-toggler ms-auto" data-bs-target="#header-nav" data-bs-toggle="collapse" type="button"></button>
<div class="collapse navbar-collapse justify-content-end" id="header-nav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="https://restored.pizzaforripples.com">Restored XRP Thread</a></li>
</ul>
<ul class="social-icons social-icons-dark ms-lg-2">
<li class="social-icons-facebook"></li>
<li class="social-icons-twitter"></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<!-- Header End -->
<div id="content" role="main">
<!-- Intro Section -->
<section id="home">
<div class="hero-wrap bg-primary">
<div class="hero-bg opacity-5" style="background-image: url('images/bg.png');"></div>
<div class="hero-content section d-flex flex-column min-vh-100">
<div class="container my-auto pt-5">
<div class="row mt-4 justify-content-center">
<div class="col-12 text-center">
<section id="home">
<div class="hero-wrap bg-primary">
<div class="hero-bg opacity-5" style="background-image: url('images/bg.png');"></div>
<div class="hero-content section d-flex flex-column min-vh-100">
<div class="container my-auto pt-5">
<!-- Main Image Above Welcome Text -->
<div class="row mt-4 justify-content-center">
<div class="col-12 text-center">
<div class="main-image-container">
<img src="images/logo12.png" alt="Main Image" class="img-fluid">
</div>
</div>
</div>
<div style="margin-top: 240px;"></div>
<!-- Command-Line Style Text Inside Command-Line Box -->
<div class="command-line-container">
<div class="command-line-text">
<h1 class="text-12 fw-600">
Welcome to xrp crypto history.
</h1>
<p id="typewriter-text">
"I'll pay 10,000 XRP for a couple of pizzas.. like maybe 2 large ones so I have some left over for the next day.
I like having left over pizza to nibble on later. You can make the pizza yourself and bring it to my house or
order it for me from a delivery place, but what I'm aiming for is getting food delivered in exchange for ripples
where I don't have to order or prepare it myself, kind of like ordering a 'breakfast platter' at a hotel or
something, they just bring you something to eat and you're happy!
<br><br>
I like things like onions, peppers, sausage, mushrooms, tomatoes, pepperoni, etc.. just standard stuff no weird
fish topping or anything like that. I also like regular cheese pizzas which may be cheaper to prepare or
otherwise acquire.
<br><br>
If you're interested please let me know and we can work out a deal."
<br><br>
Thanks,<br>ribuck
</p>
</div>
</div>
</div>
</div>
<!-- Command-Line Box for Pizza Proof Images and Contract Address -->
<div class="command-line-container mt-5">
<div class="command-line-text">
<h2 class="text-center">Resurfaced 10,000 XRP Pizza</h2>
<!-- Image Row Section Inside Command Line Box -->
<div class="row justify-content-center">
<div class="col-12 col-md-4 mb-4">
<div class="image-container">
<img src="images/collections/pizza1.jpeg" alt="Pizza Image 1" class="img-fluid rounded shadow-lg">
</div>
</div>
<div class="col-12 col-md-4 mb-4">
<div class="image-container">
<img src="images/collections/pizza2.jpeg" alt="Pizza Image 2" class="img-fluid rounded shadow-lg">
</div>
</div>
<div class="col-12 col-md-4 mb-4">
<div class="image-container">
<img src="images/collections/pizza3.jpeg" alt="Pizza Image 3" class="img-fluid rounded shadow-lg">
</div>
</div>
<div class="command-line-box row justify-content-center">
<h1 class="row justify-content-center">Tokenomics</h1>
<pre class="row justify-content-center">
> Buy Tax: 0%
> Sell Tax: 0%
> Total Supply: 100000000 $XRPIZZA
</pre>
</div>
</div>
<!-- Image Row End -->
<!-- Contract Address Box Inside the Same Command-Line Box -->
</div>
</div>
<!-- Command-Line Box End -->
</div>
</div>
</div>
<div class="contract-address-box mt-4 text-center">
<div class="contract-address-box bg-light rounded p-3 d-inline-block">
<input id="contractAddress" type="text" readonly class="form-control text-center" value="rf7CAVgeZXahYGiENaiFnjDJWymXK9SE6r" style="width: 100%; max-width: 550px;">
<button class="btn btn-secondary mt-2" onclick="copyToClipboard()">Copy Address</button>
</div>
</section>
<!-- Intro Section End -->
</div>
<!-- Parallax Mouse Move End --></div>
<div class="col-12 text-center mt-5"><a class="btn btn-light rounded-pill" href="https://pizzaforripples.com">Buy Now </a></div>
</div>
</div>
</div>
</div>
</section>
<!-- Intro end --><!-- About
========================== -->
<section class="section" id="about">
<div class="container"><!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-green-50 opacity-1 text-uppercase fw-600 w-100 mb-0">About Us</h2>
<p id="typewriter-text" class="text-9 text-green fw-600 position-absolute w-100 align-self-center lh-base mb-0">The OG XRP Heroes </p>
</div>
<!-- Heading end-->
<div class="row">
<div class="col-lg-6 position-relative">
<div class="about-img">
<div class="img-1"><img alt="" class="img-fluid rounded-4 shadow-lg" src="/images/collections/ribuck.png" /></div>
<div class="img-2"><img alt="" class="img-fluid rounded-4 shadow-lg" src="images/collections/fuzzybear.png" /></div>
</div>
</div>
<div class="col-lg-6 text-center text-lg-start">
<h2 class="text-12 text-green fw-600 mb-3"></h2>
<p class="text-5 text-green">Ribuck back in 2013 was the first guy ever to make the legendary transaction of 10,000 XRP puchasing a pizza from Chef FuzzyBear</p>
<p class="text-light"></p>
<a class="btn btn-primary rounded-pill mt-2" href="https://t.me/pizzaforripples">Join Our Telegram </a></div>
</div>
</div>
</section>
<!-- About end --><!-- Collections
============================= -->
<section class="section" id="collections">
<div class="container"><!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-green-50 opacity-1 text-uppercase fw-600 w-100 mb-0">Showcase</h2>
<p class="text-9 text-green fw-600 position-absolute w-100 align-self-center lh-base mb-0">The 2013 XRP Maxi Heroes</p>
</div>
<!-- Heading end--></div>
<!-- Carousel -->
<div class="owl-carousel owl-theme" data-autoplay="true" data-autoplaytimeout="3000" data-center="true" data-dots="false" data-items-lg="5" data-items-md="4" data-items-sm="4" data-items-xs="3" data-loop="true" data-margin="25" data-nav="false" data-slideby="1" data-slidetransition="linear" data-smartspeed="3000" data-stagepadding="0">
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/branniganslaw.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/drewdtom.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/dust.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/electricmucus.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/fuzzybear.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/herzmeister.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/tpantlik.png" /></div>
</div>
<!-- Carousel End --><!-- Carousel Reverse -->
<div class="owl-carousel owl-theme" data-autoplay="true" data-autoplaytimeout="3000" data-center="true" data-items-lg="5" data-items-md="4" data-items-sm="4" data-items-xs="3" data-loop="true" data-margin="25" data-nav="false" data-rtl="true" data-slideby="1" data-slidetransition="linear" data-smartspeed="3000" data-stagepadding="0">
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/jasinlee.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/joelkatz.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/marhjan.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/mik3.png" /></div>
<div class="item"><img alt="" class="img-fluid rounded-4" src="images/collections/mikechrist.png" /></div>
</div>
<!-- Carousel Reverse End --><!-- Button -->
<div class="container text-center mt-5"> <a class="btn btn-primary rounded-pill mt-2" href="https://restored.pizzaforripples.com">View Restored Thread </a></div>
<!-- Button End--></section>
<section class="section pb-0" id="join">
<div class="container">
<!-- Heading -->
<div class="position-relative d-flex text-center">
<h2 class="text-24 text-green-50 opacity-1 text-uppercase fw-600 w-100 lh-1 mb-0 mb-n1">don’t miss</h2>
</div>
<!-- Heading end-->
<div class="bg-primary text-center shadow-lg rounded-4 p-5 mt-n3">
<h3 class="text-11 text-green fw-600 mb-3">Join Our Community</h3>
<!-- xrpl Contract Address Box -->
<div class="contract-address-box bg-light rounded p-3 d-inline-block">
<input id="contractAddress" type="text" readonly class="form-control text-center" value="rf7CAVgeZXahYGiENaiFnjDJWymXK9SE6r" style="width: 100%; max-width: 550px;">
<button class="btn btn-secondary mt-2" onclick="copyToClipboard()">Copy Address</button>
</div>
<!-- Social Icons -->
<div class="social-icons d-flex justify-content-center align-items-center mt-4">
<a href="https://t.me/pizzaforripples" target="_blank">
<img src="images/telegram.svg" alt="Telegram" class="me-3" style="width: 40px; height: 40px;">
</a>
<a href="https://x.com/pizzaforripples" target="_blank">
<img src="images/x.svg" alt="X" class="me-3" style="width: 40px; height: 40px;">
</a>
<a href="https://dexscreener.com/yourdexlink" target="_blank">
<img src="images/dexscreener.svg" alt="DexScreener" class="me-3" style="width: 40px; height: 40px;">
</a>
<a href="/cdn-cgi/l/email-protection#1d7c797074735d6d7467677c7b726f6f746d6d71786e337e7270" target="_blank">
<img src="images/email.svg" alt="Email" style="width: 40px; height: 40px;">
</a>
</div>
</div>
</div>
</section>
<style>
.social-icons img {
transition: transform 0.2s;
}
.social-icons img:hover {
transform: scale(1.1); /* Slight zoom effect on hover */
}
</style>
<!-- Join end --></div>
<!-- Content end --><!-- Footer
============================== -->
<footer class="section footer-dark my-4" id="footer">
<div class="container"><!-- Social Icon -->
<ul class="social-icons social-icons-dark social-icons-lg justify-content-center mb-4">
<li class="social-icons-facebook"></li>
<li class="social-icons-twitter"></li>
<li class="social-icons-instagram"></li>
<li class="social-icons-telegram"></li>
</ul>
<!-- Copyright Text -->
<p class="text-center mb-4">Copyright © 2024 <a class="fw-500" href="#">Pizza For Ripple</a>. All Rights Reserved.</p>
<!-- Other Links -->
<ul class="nav nav-sm justify-content-center">
<li class="nav-item"><a class="nav-link" data-bs-target="#terms" data-bs-toggle="modal" href="#">Terms</a></li>
</ul>
</div>
</footer>
<!-- Footer end --></div>
<!-- Document Wrapper end --><!-- Back to Top
============================== --><!-- Terms Modal
================================== -->
<div aria-hidden="true" class="modal fade" id="terms" role="dialog">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Terms</h5>
<button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button></div>
<div class="modal-body p-4">
<p>Investing in Meme coins influenced by social media hype, celebrity endorsements, and market sentiment, making their value unpredictable. Before investing, thoroughly research the Meme coins and only invest what you can afford to lose. This disclaimer is not investment advice, and the website owner is not responsible for any financial decisions you make.</p>
</div>
</div>
</div>
</div>
<!-- Terms Modal End --><!-- JavaScript --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="vendor/jquery/jquery.min.js"></script><script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script><!-- Owl Carousel --><script src="vendor/owl.carousel/owl.carousel.min.js"></script><!-- Parallax Mouse Move --><script src="vendor/parallax/parallax.min.js"></script><!-- Custom Script --><script src="js/theme.js"></script>
<script>
function copyToClipboard() {
const copyText = document.getElementById("contractAddress");
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices
navigator.clipboard.writeText(copyText.value);
alert("XRPL address copied to clipboard!");
}
</script>
<!-- JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const element = document.getElementById('typewriter-text');
const text = element.textContent;
element.textContent = '';
let index = 0;
function typeNextCharacter() {
if (index < text.length) {
element.textContent += text[index];
index++;
element.scrollTop = element.scrollHeight;
setTimeout(typeNextCharacter, 5);
}
}
typeNextCharacter();
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const preloader = document.getElementById("preloader");
preloader.classList.add("hidden");
});
</script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
</body>
</html>