Untitled

avatar
unknown
plain_text
2 years ago
3.1 kB
3
Indexable
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>CryptoHub</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#features">Features</a></li>
                <li><a href="#pricing">Pricing</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>
    <section id="home">
        <div class="hero">
            <h1>Welcome to CryptoHub</h1>
            <p>Your one-stop destination for all things cryptocurrency</p>
            <a href="#about" class="btn">Learn More</a>
        </div>
    </section>
    <section id="about">
        <div class="container">
            <h2>About Us</h2>
            <p>
                CryptoHub is a leading platform that provides comprehensive information and resources about
                cryptocurrencies. Our mission is to empower users with knowledge and tools to make informed
                decisions in the ever-evolving world of cryptocurrencies.
            </p>
        </div>
    </section>
    <section id="features">
        <div class="container">
            <h2>Features</h2>
            <div class="features-grid">
                <div class="feature">
                    <img src="feature1.png" alt="Feature 1">
                    <h3>Real-time Data</h3>
                    <p>Get up-to-date cryptocurrency prices, charts, and market data in real-time.</p>
                </div>
                <div class="feature">
                    <img src="feature2.png" alt="Feature 2">
                    <h3>Portfolio Tracking</h3>
                    <p>Track your cryptocurrency investments and monitor your portfolio performance.</p>
                </div>
                <div class="feature">
                    <img src="feature3.png" alt="Feature 3">
                    <h3>Education Resources</h3>
                    <p>Access educational articles, tutorials, and guides to learn about cryptocurrencies.</p>
                </div>
            </div>
        </div>
    </section>
    <section id="pricing">
        <div class="container">
            <h2>Pricing</h2>
            <p>Choose a plan that suits your needs and start exploring the world of cryptocurrencies.</p>
            <div class="pricing-grid">
                <div class="plan">
                    <h3>Free</h3>
                    <ul>
                        <li>Real-time data</li>
                        <li>Basic portfolio tracking</li>
                        <li>Limited access to educational resources</li>
                    </ul>
                    <a href="#contact" class="btn">Get Started</a>
                </div>
                <div class="plan">
                    <h3>Pro</h3>
                    <ul>
                        <li>Real-time data</li>
                        <li>Advanced portfolio tracking</li>
                        <
Editor is loading...