CryptoTrader/detail.html at master · graydonhope/CryptoTrader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
    <head>
        <title>Coin Detail</title>
        <link rel="stylesheet" type="text/css" media="screen" href="styles/detail.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="styles/topNav.css"/>
        <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="scripts/detail.js"></script>
        <script type="text/javascript" src="scripts/currency.js"></script>
        <script src="scripts\showAds.js"></script>
    </head>
    <body>
        <ul id="body_list">
            <li id="body_homepage" class="topNav"><a href="home.html">CryptoTrader</a></li>
            <li><a class="body_topNav" href="create_account.html">Register</a></li>
            <li><a class="body_topNav" href="login.html">Login</a></li>
            <li><a class="body_topNav" href="faq.html">FAQ</a></li>
            <li><a class="body_topNav" href="market.html">Market</a></li>
        </ul>
        <div class="body_row">
            <div class="body_column">
                <div class="body_btcWrapper">
                    <div class="coinmarketcap-currency-widget"
                        data-currencyid="1"
                        data-base="USD"
                        data-secondary=""
                        data-ticker="true"
                        data-rank="true"
                        data-marketcap="true"
                        data-volume="true"
                        data-stats="USD"
                        data-statsticker="true">
                    </div>
                </div>
                <div class=body_row_transaction>
                    <h3>Amount to Buy: <input class="body_row_transaction__amount" type="text" placeholder="$3.65" onfocus="this.placeholder = ''" onblur="this.placeholder = '$3.65'"></h3>
                    <div class=body_row_transaction_container-info>
                        <h4>Current Balance: <div class=body_row_transaction__info>$15.00</div></h4>
                        <h4>New Balance: <div class=body_row_transaction__info>$11.35</div></h4>
                    </div>
                    <div class="body_row_transaction__container-btn"><button class="body_row_transaction__btn">Buy</button></div>
                </div>
                <div class="body_row_transaction">
                    <h3>Amount to Sell: <input class="body_row_transaction__amount" type="text" placeholder="$19.21" onfocus="this.placeholder = ''" onblur="this.placeholder = '$19.21'"></h3>
                    <div class=body_row_transaction_container-info>
                        <h4>Current Balance: <div class=body_row_transaction__info>$15.00</div></h4>
                        <h4>New Balance: <div class=body_row_transaction__info>$34.21</div></h4>
                    </div>
                    <div class="body_row_transaction__container-btn"><button class="body_row_transaction__btn">Sell</button></div>
                </div>
            </div>
            <div class="body_row_container">
                <div class="body_ticker">
                    <iframe class="body_ticker__iframe" src="https://widget.coinlib.io/widget?type=horizontal_v2&theme=light&pref_coin_id=1505&invert_hover=no"
                        width="60%"
                        height="36"
                        scrolling="auto"
                        marginheight="0"
                        frameborder="0"
                        align="right">
                    </iframe>
                </div>
                <div class="body_graph">
                    <iframe class="body_graph__iframe" src="https://widget.coinlib.io/widget?type=chart&theme=light&coin_id=859&pref_coin_id=1505"
                        scrolling="auto"
                        marginheight="0"
                        width="60%"
                        frameborder="0"
                        align="right">
                    </iframe>
                </div>
            </div>
        </div>
    </body>
</html>