|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="UTF-8" /> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 7 | + <link rel="stylesheet" href="style.css" /> |
| 8 | + <link |
| 9 | + rel="stylesheet" |
| 10 | + href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" |
| 11 | + integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" |
| 12 | + crossorigin="anonymous" |
| 13 | + /> |
| 14 | + <title>Currency-Exchange</title> |
| 15 | + </head> |
| 16 | + <body> |
| 17 | + <div class="container"> |
| 18 | + <nav class="navBar"> |
| 19 | + <div class="headerRight"><i class="fas fa-hand-holding-usd"></i></div> |
| 20 | + <div class="headerLeft"> |
| 21 | + <ul> |
| 22 | + <li><a href="#"> Home </a></li> |
| 23 | + <li><a href="#"> About </a></li> |
| 24 | + <li> |
| 25 | + <a href="#"> |
| 26 | + <i |
| 27 | + class="fab fa-github-square" |
| 28 | + style=" |
| 29 | + display: flex; |
| 30 | + align-items: center; |
| 31 | + width: 100%; |
| 32 | + height: 100%; |
| 33 | + " |
| 34 | + ></i> |
| 35 | + </a> |
| 36 | + </li> |
| 37 | + </ul> |
| 38 | + </div> |
| 39 | + </nav> |
| 40 | + |
| 41 | + <div class="hero"></div> |
| 42 | + <div class="currencies"> |
| 43 | + <div class="currency"> |
| 44 | + <select id="currency-one"> |
| 45 | + <option value="AED">AED</option> |
| 46 | + <option value="ARS">ARS</option> |
| 47 | + <option value="AUD">AUD</option> |
| 48 | + <option value="BGN">BGN</option> |
| 49 | + <option value="BRL">BRL</option> |
| 50 | + <option value="BSD">BSD</option> |
| 51 | + <option value="CAD">CAD</option> |
| 52 | + <option value="CHF">CHF</option> |
| 53 | + <option value="CLP">CLP</option> |
| 54 | + <option value="CNY">CNY</option> |
| 55 | + <option value="COP">COP</option> |
| 56 | + <option value="CZK">CZK</option> |
| 57 | + <option value="DKK">DKK</option> |
| 58 | + <option value="DOP">DOP</option> |
| 59 | + <option value="EGP">EGP</option> |
| 60 | + <option value="EUR">EUR</option> |
| 61 | + <option value="FJD">FJD</option> |
| 62 | + <option value="GBP">GBP</option> |
| 63 | + <option value="GTQ">GTQ</option> |
| 64 | + <option value="HKD">HKD</option> |
| 65 | + <option value="HRK">HRK</option> |
| 66 | + <option value="HUF">HUF</option> |
| 67 | + <option value="IDR">IDR</option> |
| 68 | + <option value="ILS">ILS</option> |
| 69 | + <option value="INR">INR</option> |
| 70 | + <option value="ISK">ISK</option> |
| 71 | + <option value="JPY">JPY</option> |
| 72 | + <option value="KRW">KRW</option> |
| 73 | + <option value="KZT">KZT</option> |
| 74 | + <option value="MXN">MXN</option> |
| 75 | + <option value="MYR">MYR</option> |
| 76 | + <option value="NOK">NOK</option> |
| 77 | + <option value="NZD">NZD</option> |
| 78 | + <option value="PAB">PAB</option> |
| 79 | + <option value="PEN">PEN</option> |
| 80 | + <option value="PHP">PHP</option> |
| 81 | + <option value="PKR">PKR</option> |
| 82 | + <option value="PLN">PLN</option> |
| 83 | + <option value="PYG">PYG</option> |
| 84 | + <option value="RON">RON</option> |
| 85 | + <option value="RUB">RUB</option> |
| 86 | + <option value="SAR">SAR</option> |
| 87 | + <option value="SEK">SEK</option> |
| 88 | + <option value="SGD">SGD</option> |
| 89 | + <option value="THB">THB</option> |
| 90 | + <option value="TRY">TRY</option> |
| 91 | + <option value="TWD">TWD</option> |
| 92 | + <option value="UAH">UAH</option> |
| 93 | + <option value="USD" selected>USD</option> |
| 94 | + <option value="UYU">UYU</option> |
| 95 | + <option value="VND">VND</option> |
| 96 | + <option value="ZAR">ZAR</option> |
| 97 | + </select> |
| 98 | + <input type="number" value="1" id="amount-one" /> |
| 99 | + </div> |
| 100 | + <div class="swap" id="swap"><i class="fas fa-exchange-alt"></i></div> |
| 101 | + <div class="currency"> |
| 102 | + <select id="currency-two"> |
| 103 | + <option value="AED">AED</option> |
| 104 | + <option value="ARS">ARS</option> |
| 105 | + <option value="AUD">AUD</option> |
| 106 | + <option value="BGN">BGN</option> |
| 107 | + <option value="BRL">BRL</option> |
| 108 | + <option value="BSD">BSD</option> |
| 109 | + <option value="CAD">CAD</option> |
| 110 | + <option value="CHF">CHF</option> |
| 111 | + <option value="CLP">CLP</option> |
| 112 | + <option value="CNY">CNY</option> |
| 113 | + <option value="COP">COP</option> |
| 114 | + <option value="CZK">CZK</option> |
| 115 | + <option value="DKK">DKK</option> |
| 116 | + <option value="DOP">DOP</option> |
| 117 | + <option value="EGP">EGP</option> |
| 118 | + <option value="EUR">EUR</option> |
| 119 | + <option value="FJD">FJD</option> |
| 120 | + <option value="GBP">GBP</option> |
| 121 | + <option value="GTQ">GTQ</option> |
| 122 | + <option value="HKD">HKD</option> |
| 123 | + <option value="HRK">HRK</option> |
| 124 | + <option value="HUF">HUF</option> |
| 125 | + <option value="IDR">IDR</option> |
| 126 | + <option value="ILS">ILS</option> |
| 127 | + <option value="INR" selected>INR</option> |
| 128 | + <option value="ISK">ISK</option> |
| 129 | + <option value="JPY">JPY</option> |
| 130 | + <option value="KRW">KRW</option> |
| 131 | + <option value="KZT">KZT</option> |
| 132 | + <option value="MXN">MXN</option> |
| 133 | + <option value="MYR">MYR</option> |
| 134 | + <option value="NOK">NOK</option> |
| 135 | + <option value="NZD">NZD</option> |
| 136 | + <option value="PAB">PAB</option> |
| 137 | + <option value="PEN">PEN</option> |
| 138 | + <option value="PHP">PHP</option> |
| 139 | + <option value="PKR">PKR</option> |
| 140 | + <option value="PLN">PLN</option> |
| 141 | + <option value="PYG">PYG</option> |
| 142 | + <option value="RON">RON</option> |
| 143 | + <option value="RUB">RUB</option> |
| 144 | + <option value="SAR">SAR</option> |
| 145 | + <option value="SEK">SEK</option> |
| 146 | + <option value="SGD">SGD</option> |
| 147 | + <option value="THB">THB</option> |
| 148 | + <option value="TRY">TRY</option> |
| 149 | + <option value="TWD">TWD</option> |
| 150 | + <option value="UAH">UAH</option> |
| 151 | + <option value="USD">USD</option> |
| 152 | + <option value="UYU">UYU</option> |
| 153 | + <option value="VND">VND</option> |
| 154 | + <option value="ZAR">ZAR</option> |
| 155 | + </select> |
| 156 | + <input type="number" id="amount-two" value="0" /> |
| 157 | + </div> |
| 158 | + <p class="rate" id="rate"></p> |
| 159 | + </div> |
| 160 | + </div> |
| 161 | + |
| 162 | + <script src="app.js"></script> |
| 163 | + </body> |
| 164 | +</html> |
0 commit comments