watchlist.js

gistfile1.txt

import React from "react";

export default function Watchlist(){
    return (
        <div className="watchlist">
        <div>
            <h1>
                Watchlist
            </h1>
        </div>

        <div className ='coins'>
           <div className="watcoin">
            <img src="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/45_Bitcoin_logo_logos-512.png" alt="" className="bitcoin"/>
            <p className="thecoin">
                Bitcoin
                </p>
            </div> 
            
            <div>
                <p className="price">$21,800</p>
                <p className="percent">0.12%</p>
            </div> 
            
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img src="https://cdn0.iconfinder.com/data/icons/blockchain-classic/256/Ethereum-512.png" alt="" className="bitcoin"/>
            <p className="thecoin">Ethereum</p>
            </div> 
            
            <div>
                <p className="price">$1,641</p>
                <p className="percent">2%</p>
            </div> 
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img  src="https://cdn0.iconfinder.com/data/icons/blockchain-classic/256/Dogecoin-256.png" alt="" className="bitcoin" />
            <p className="thecoin">Dogecoin</p>
            </div> 
            
            <div>
                <p className="price">11800</p>
                <p className="percent">1.2%</p>
            </div> 
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img src="https://cdn3.iconfinder.com/data/icons/cryptocurrency-132/64/binance-bnb-coin-crypto-digital-money-cryptocurrency-256.png" alt="" className="bitcoin"/>
            <p className="thecoin">BNB</p>
            </div> 
            
            <div>
                <p className="price">$353.07</p>
                <p className="percent">5%</p>
            </div> 
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img src="https://cdn0.iconfinder.com/data/icons/blockchain-classic/256/Cardano-256.png"alt ="" className="bitcoin"/>
            <p className="thecoin">Cardano</p>
            </div> 
            
            <div>
                <p className="price">$0.4222</p>
                <p className="percent">0.39%</p>
            </div> 
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img src="https://cdn1.iconfinder.com/data/icons/cryptocurrency-151/64/solana-bitcoin-cryptocurrency-coin-digital_currency-256.png" alt="" className="bitcoin"/>
            <p className="thecoin">Solana</p>
            </div> 
            
            <div>
                <p className="price">$33.59</p>
                <p className="percent">3.3%</p>
            </div> 
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img src="https://cdn1.iconfinder.com/data/icons/shiba-inu/500/Shiba_Inu_Emoticon-12-256.png"  alt ="" className="bitcoin" />
            <p className="thecoin">Shiba</p>
            </div> 
            
            <div>
                <p className="price">$0.000012</p>
                <p className="percent">12%</p>
            </div> 
            </div>
            <div className ='coins'>
           <div className="watcoin">
            <img src ="https://cdn2.iconfinder.com/data/icons/cryptocurrency-logo/128/ic_dot_2-256.png" alt=""className="bitcoin" />
            <p className="thecoin">Polkadot</p>
            </div> 
            
            <div>
                <p className="price">$6.97</p>
                <p className="percent">2%</p>
            </div> 
            </div>
        </div>
    

    )
}