<nav class=”navbar”>
<div class=”nav-logo”>
<a href=”#”><img src=”img/Crikey.webp” alt=”Logo” /></a>
</div>
<ul class=”nav-list”>
<!– Other navigation items if any –>
</ul>
<ul class=”nav-list nav-list-right”>
<li class=”nav-item”>
<a href=”https://twitter.com/crikey_croc” class=”nav-link”>
<img src=”img/Xlogo.png” alt=”Compass” />
</a>
</li>
<li class=”nav-item”>
<a href=”#” class=”nav-link”>
<img src=”img/TelegramLogo.jpg” alt=”Cross” />
</a>
</li>
</ul>
</nav>
<div class=”intro-section”>
<h1>I’m Crikey Croc!</h1>
<img src=”img/Crikey300.jpg” alt=”Descriptive Text Here” class=”intro-image”>
<h1>How do I join the community?</h1>
</div>
<body>
<div class=”container”>
<div class=”row”>
<!– Step 1 –>
<div class=”bubble left”>
<div class=”step”>1</div>
<div class=”instruction”>
<img src=”img/Phantom.svg” alt=”Description” class=”instruction-image”>
<div class=”instruction-header”>DOWNLOAD PHANTOM EXTENSION</div>
<p>Download and install phantom on the appstore, or alternatively if you’re on desktop download and install the browser extension.</p>
</div>
</div>
<!– Step 2 –>
<div class=”bubble right”>
<div class=”step”>2</div>
<div class=”instruction”>
<img src=”img/sollogo.jpg” alt=”Description” class=”instruction-image”>
<div class=”instruction-header”>SECURE YOUR SOL</div>
<p>Now all you’ve got to do is buy your SOL in the PHANTOM APP, or alternatively you can use an exchange and deposit using your wallet address.</p>
</div>
</div>
</div>
<div class=”row”>
<!– Step 3 –>
<div class=”bubble left”>
<div class=”step”>3</div>
<div class=”instruction”>
<img src=”img/Crikey.webp” alt=”Description” class=”instruction-image”>
<div class=”instruction-header”>BUY SOME $CROC</div>
<p>Now go to Raydium and paste the $CROC contract address to swap your SOL.</p>
</div>
</div>
<!– Step 4 –>
<div class=”bubble right”>
<div class=”step”>4</div>
<div class=”instruction”>
<img src=”img/wallet.jfif” alt=”Description” class=”instruction-image”>
<div class=”instruction-header”>ADD TO YOUR WALLET</div>
<p>Now you’re all set! Welcome aboard the next rocket to the moon, just import the contract address to view your holdings and you can track your earnings.</p>
</div>
</div>
</div>
</div>
</div>
<div class=”faq-section”>
<h2 class=”faq-title”></h2>
<div class=”faq”>
<div class=”question”>
<h3 class=”question-title”>WHO IS $Croc?</h3>
<p class=”answer”>
$Croc IS A CUTE LITTLE CROCODILE BORN ON THE SOLANA BLOCKCHAIN…
</p>
<!– Add buttons or links for collapse/expand functionality if needed –>
</div>
<!– Repeat for each question –>
</div>
<div class=”peng-characters”>
<!– Add images of the penguin characters here –>
</div>
</div>
<div class=”tokenomics-section”>
<h2 class=”tokenomics-title”>$CROC TOKENOMICS</h2>
<div class=”contract-address”>
<p>DBVz5rzN1iMmFKqMnQNMYhSqVtNLDwxYmHTuXbW2WhFP</p>
<button class=”copy-btn”>COPY</button>
</div>
<div class=”card-container”>
<div class=”card”>
<img src=”img/taxes.webp” alt=”Taxes” />
<p>TAXES</p>
<span>0%</span>
</div>
<div class=”card”>
<img src=”img/revoked.webp” alt=”Mint & Freeze” />
<p>MINT & FREEZE</p>
<span>REVOKED</span>
</div>
<div class=”card”>
<img src=”img/burned.webp” alt=”Liquidity Burned” />
<p>LIQUIDITY</p>
<span>BURNED</span>
</div>
<div class=”card”>
<img src=”img/Supply.webp” alt=”Total Supply” />
<p>TOTAL SUPPLY</p>
<span>1 B</span>
</div>
</div>
</div>
</body>
</html>