templates/Home/index.html.twig line 1

Open in your IDE?
  1. {%  extends "Home/base.html.twig" %}
  3. {% block content %}
  5.      <div class="container">
  6.     <div class="row">
  7.       <div class="col-lg-12">
  8.         <div class="page-content">
  10.           <div class="main-banner">
  11.             <div class="row">
  12.               <div class="col-lg-7">
  13.                 <div class="header-text">
  14.                   <h6>Welcome To XRPVerse</h6>
  15.                   <h4>The <em>Official</em>  XRP Meme Coin Launchpad!</h4>
  16.                   <div class="main-button">
  17.                     <a href="browse.html">Buy Our Launch Token!</a>
  18.                   </div>
  19.                 </div>
  20.               </div>
  21.             </div>
  22.           </div>
  23.                  <div class="start-stream">
  24.             <div class="col-lg-12">
  25.               <div class="heading-section">
  26.                 <h4><em>How To Get Started</em> With XRPVerse</h4>
  27.               </div>
  28.               <div class="row">
  29.                 <div class="col-lg-4">
  30.                   <div class="item">
  31.                     <div class="icon">
  32.                       <img src="/homepage/assets/images/service-01.jpg" alt="" style="max-width: 60px; border-radius: 50%;">
  33.                     </div>
  34.                     <h4>Join for Free</h4>
  35.                     <p>Get started in seconds with our quick and easy sign-up. Creating your account is 100% free—no wallet needed to begin!</p>
  36.                   </div>
  37.                 </div>
  38.                 <div class="col-lg-4">
  39.                   <div class="item">
  40.                     <div class="icon">
  41.                       <img src="/homepage/assets/images/service-02.jpg" alt="" style="max-width: 60px; border-radius: 50%;">
  42.                     </div>
  43.                     <h4>Claim 1,000 Free XRPV Tokens!</h4>
  44.                     <p>Kickstart your journey on the XRPV Network. Register today and instantly receive 1,000 XRPV tokens just for signing up. <a href="#">Create Your Free Account</a></p>
  45.                   </div>
  46.                 </div>
  47.                 <div class="col-lg-4">
  48.                   <div class="item">
  49.                     <div class="icon">
  50.                       <img src="/homepage/assets/images/service-03.jpg" alt="" style="max-width: 60px; border-radius: 50%;">
  51.                     </div>
  52.                     <h4>Your Live on the XRPV Network</h4>
  53.                     <p>Your journey to creating and launching tokens starts now. Power your project with XRPV and join the meme coin revolution.</p>
  54.                   </div>
  55.                 </div>
  56.                 <div class="col-lg-12">
  57.                   <div class="main-button">
  58.                     <a href="/registration">Create Your Free Account</a>
  59.                   </div>
  60.                 </div>
  61.               </div>
  62.             </div>
  63.           </div>
  64.           
  65.           <div class="game-details">
  66.             <div class="row">
  67.             
  68.               <div class="col-lg-12" style="margin-top:20px;">
  69.               
  70.                 <div class="content">
  71.                   <div class="row">
  72.                                   <h2 style="margin: 30px 0px;">XRPVerse Network Statistics</h2>
  74.                     <div class="col-lg-4">
  75.                     
  77.                       <div class="left-info">
  78.                         <div class="left">
  79.                           <h4>Network Rating</h4>
  80.                           <span>Presale Launch</span>
  81.                            <span style="margin-top:0px;">Total Market Cap</span>
  82.                         </div>
  83.                         <ul>
  84.                           <li><i class="fa fa-star"></i> 4.8</li>
  85.                           <li><i class="fa fa-clock"></i> 1st June 2025</li>
  86.                          <li style="padding-top:4px;"><i class="fa fa-chart"></i> 100,000,000 XRPV</li>
  87.                           
  88.                         </ul>
  89.                       </div>
  90.                     </div>
  91.                     <div class="col-lg-8">
  92.                       <div class="right-info">
  93.                         <ul>
  94.                           <li><i class="fa fa-wallet" style="color: #ec6090;"></i> <b>1,503</b> </br>Wallets</li>
  95.                           <li><i class="fa fa-flag"></i> <b>Stage 1</b> </br>Current Stage</li>
  96.                           <li><i class="fa fa-coins"></i>  <b>1,405,392</b> </br>XRPV Distributed</li>
  97.                           <li><i class="fa fa-code-fork"></i> <b>157</b> </br>Meme Coins Created</li>
  98.                         </ul>
  99.                       </div>
  100.                     </div>
  101.                     <div class="col-lg-4">
  102.                       <img src="/homepage/assets/images/details-01.jpg" alt="" style="border-radius: 23px; margin-bottom: 30px;">
  103.                     </div>
  104.                     <div class="col-lg-4">
  105.                       <img src="/homepage/assets/images/details-02.jpg" alt="" style="border-radius: 23px; margin-bottom: 30px;">
  106.                     </div>
  107.                     <div class="col-lg-4">
  108.                       <img src="/homepage/assets/images/details-03.jpg" alt="" style="border-radius: 23px; margin-bottom: 30px;">
  109.                     </div>
  110.                     <div class="col-lg-12">
  111.                       <p>XRPV Network is the world’s first meme coin launchpad built on the Ripple XRP Ledger. Our platform lets you create, trade, and explore custom meme tokens with blazing speed and low fees. Join the XRPV community and be part of a decentralized future driven by creativity and community power. You can support our mission by spreading the word or contributing to development. Built for speed. Powered by Ripple. Designed for meme culture.</p>
  112.                     </div>
  113.                     <div class="col-lg-12">
  114.                       <div class="main-border-button">
  115.                         <a href="#">Create Your Free Account!</a>
  116.                       </div>
  117.                     </div>
  118.                   </div>
  119.                 </div>
  120.               </div>
  121.             </div>
  122.           </div>
  123.           
  124.           
  125.           <div class="most-popular">
  126.             <div class="row">
  127.               <div class="col-lg-12">
  128.                 <div class="heading-section">
  129.                                   <h4><em>Trending</em> XRPV Tokens</h4>
  130.                 </div>
  131.                 
  132.              <p>Trending XRPV Tokens are user-created assets on the XRPV Network. They are designed for fun, creativity, and community engagement—not guaranteed investments. Anyone holding XRPV can create their own token, and all tokens will become tradeable once the XRPV Network officially launches.</p>
  133.                    </br> 
  134.                 
  135.                 <div class="row">
  136.                   <div class="col-lg-3 col-sm-6">
  137.                     <div class="item">
  138.                       <img src="/homepage/assets/images/popular-01.jpg" alt="">
  139.                       <h4>XDoggo<br><span style="color:#5eb455;">Verified</span></h4>
  140.                       <ul>
  141.                         <li><i class="fa fa-vault"></i>  M/C: 1M</li>
  142.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,736</li>
  143.                       </ul>
  144.                     </div>
  145.                   </div>
  146.                   <div class="col-lg-3 col-sm-6">
  147.                     <div class="item">
  148.                       <img src="/homepage/assets/images/popular-02.jpg" alt="">
  149.                       <h4>RippleRats<br><span style="color:#5eb455;">Verified</span></h4>
  150.                       <ul>
  151.                  <li><i class="fa fa-vault"></i>  M/C: 100K</li>
  152.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,203</li>
  153.                              </ul>
  154.                     </div>
  155.                   </div>
  156.                   <div class="col-lg-3 col-sm-6">
  157.                     <div class="item">
  158.                       <img src="/homepage/assets/images/popular-03.jpg" alt="">
  159.                       <h4>MoonPepeX<br><span style="color:#5eb455;">Verified</span></h4>
  160.                       <ul>
  161.                         <li><i class="fa fa-star"></i> 4.8</li>
  162.                         <li><i class="fa fa-download"></i> 2.3M</li>
  163.                       </ul>
  164.                     </div>
  165.                   </div>
  166.                   <div class="col-lg-3 col-sm-6">
  167.                     <div class="item">
  168.                       <img src="/homepage/assets/images/popular-04.jpg" alt="">
  169.                       <h4>CS-GO<br><span>Legendary</span></h4>
  170.                      <ul>
  171.                  <li><i class="fa fa-vault"></i>  M/C: 100K</li>
  172.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,203</li>
  173.                              </ul>
  174.                     </div>
  175.                   </div>
  176.                   <div class="col-lg-6">
  177.                     <div class="item">
  178.                       <div class="row">
  179.                         <div class="col-lg-6 col-sm-6">
  180.                           <div class="item inner-item">
  181.                             <img src="/homepage/assets/images/popular-05.jpg" alt="">
  182.                             <h4>WenLamboX<br><span style="color:#5eb455;">Verified</span></h4>
  183.                            <ul>
  184.                  <li><i class="fa fa-vault"></i>  M/C: 100K</li>
  185.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,203</li>
  186.                              </ul>
  187.                           </div>
  188.                         </div>
  189.                         <div class="col-lg-6 col-sm-6">
  190.                           <div class="item">
  191.                             <img src="/homepage/assets/images/popular-06.jpg" alt="">
  192.                             <h4>Zerpzilla<br><span style="color:#5eb455;">Verified</span></h4>
  193.                          <ul>
  194.                  <li><i class="fa fa-vault"></i>  M/C: 100K</li>
  195.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,203</li>
  196.                              </ul>
  197.                           </div>
  198.                         </div>
  199.                       </div>
  200.                     </div>
  201.                   </div>
  202.                   <div class="col-lg-3 col-sm-6">
  203.                     <div class="item">
  204.                       <img src="/homepage/assets/images/popular-07.jpg" alt="">
  205.                       <h4>FOMOFlare<br><span style="color:#5eb455;">Verified</span></h4>
  206.                       <ul>
  207.                  <li><i class="fa fa-vault"></i>  M/C: 100K</li>
  208.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,203</li>
  209.                              </ul>
  210.                     </div>
  211.                   </div>
  212.                   <div class="col-lg-3 col-sm-6">
  213.                     <div class="item">
  214.                       <img src="/homepage/assets/images/popular-08.jpg" alt="">
  215.                       <h4>GhostOfXRP<br><span style="color:#5eb455;">Verified</span></h4>
  216.                        <ul>
  217.                  <li><i class="fa fa-vault"></i>  M/C: 100K</li>
  218.                         <li><i class="fa fa-hands-holding"></i>  Holders: 1,203</li>
  219.                              </ul>
  220.                     </div>
  221.                   </div>
  222.                   <div class="col-lg-12">
  223.                     <div class="main-button">
  224.                       <a href="browse.html">Discover More XRPV Tokens</a>
  225.                     </div>
  226.                   </div>
  227.                 </div>
  228.               </div>
  229.             </div>
  230.           </div>
  231.           <div class="gaming-library">
  232.             <div class="col-lg-12">
  233.               <div class="heading-section">
  234.                 <h4><em>Upcoming</em> Presale Info</h4>
  235.               </div>
  236.               
  237.               <p>Join the XRPV presale and secure your tokens early with exclusive bonuses! Our presale is divided into four stages, each offering a limited number of tokens at increasing prices and decreasing bonus rewards. The earlier you participate, the bigger your bonus — maximizing your XRPV holdings from the start. Check out the details below and get ready to be part of the future of XRP-powered meme tokens!</p>
  238. </br>
  239.               
  240.               <section id="presale-info" style="margin: auto;">
  241.   <table style="width: 100%; border-collapse: collapse; text-align: center; color:#fff;">
  242.     <thead>
  243.       <tr>
  244.         <th style="padding: 12px;">Stage</th>
  245.         <th style="padding: 12px;">Tokens Available</th>
  246.         <th style="padding: 12px;">Price per XRPV (USD)</th>
  247.         <th style="padding: 12px;">Bonus</th>
  248.         <th style="padding: 12px;">Tokens per $1 (Incl. Bonus)</th>
  249.       </tr>
  250.     </thead>
  251.     <tbody>
  252.       <tr>
  253.         <td style="padding: 12px;">Stage 1</td>
  254.         <td style="padding: 12px;">10,000,000</td>
  255.         <td style="padding: 12px;">$0.00635</td>
  256.         <td style="padding: 12px;">50%</td>
  257.         <td style="padding: 12px;">235 XRPV</td>
  258.       </tr>
  259.       <tr style="background-color:#27292a;">
  260.         <td style="padding: 12px;">Stage 2</td>
  261.         <td style="padding: 12px;">10,000,000</td>
  262.         <td style="padding: 12px;">$0.00952</td>
  263.         <td style="padding: 12px;">30%</td>
  264.         <td style="padding: 12px;">143 XRPV</td>
  265.       </tr>
  266.       <tr>
  267.         <td style="padding: 12px;">Stage 3</td>
  268.         <td style="padding: 12px;">10,000,000</td>
  269.         <td style="padding: 12px;">$0.0127</td>
  270.         <td style="padding: 12px;">10%</td>
  271.         <td style="padding: 12px;">88 XRPV</td>
  272.       </tr>
  273.       <tr style="background-color:#27292a;">
  274.         <td style="padding: 12px;">Stage 4</td>
  275.         <td style="padding: 12px;">10,000,000</td>
  276.         <td style="padding: 12px;">$0.01587</td>
  277.         <td style="padding: 12px;">0%</td>
  278.         <td style="padding: 12px;">63 XRPV</td>
  279.       </tr>
  280.     </tbody>
  281.   </table>
  282. </section>
  284.              
  285.               
  286.         </br>      
  287.              <p><b>Get ready to jump into the future of crypto with XRPV</b> — the ultimate XRP-powered launchpad where YOU can create and trade meme tokens that could go viral! Early birds score HUGE bonuses, multiplying your token stack before anyone else. This is your chance to be part of a groundbreaking community that’s shaking up the XRP ecosystem. The presale rewards the fastest and smartest — so act now, lock in your bonus, and ride the wave to massive potential gains!</p> 
  288.               
  289.               
  290.               
  291.               
  292.               
  293.               
  294.               
  295.             </div>
  296.             <div class="col-lg-12">
  297.               <div class="main-button">
  298.                 <a href="profile.html">Create Your Account</a>
  299.               </div>
  300.             </div>
  301.           </div>
  302.         </div>
  303.       </div>
  304.     </div>
  305.   </div>
  306.   
  307. {% endblock %}