-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (42 loc) · 8.97 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link href="style.css" rel="stylesheet" />
<link href="exchange.png" rel="icon" />
<title>CoinConvert</title>
</head>
<body>
<header>
<div class="logos">
<img
src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSItMTEgMCA0MzIgNDMyLjg1ODQ1IiB3aWR0aD0iNTEycHgiPjxwYXRoIGQ9Im0xOTguNDAyMzQ0IDEwOC41MDc4MTJjMCA1Mi43ODEyNS00Mi43ODkwNjMgOTUuNTcwMzEzLTk1LjU3NDIxOSA5NS41NzAzMTMtNTIuNzgxMjUgMC05NS41NzAzMTMtNDIuNzg5MDYzLTk1LjU3MDMxMy05NS41NzAzMTMgMC01Mi43ODUxNTYgNDIuNzg5MDYzLTk1LjU3NDIxOCA5NS41NzAzMTMtOTUuNTc0MjE4IDUyLjc4NTE1NiAwIDk1LjU3NDIxOSA0Mi43ODkwNjIgOTUuNTc0MjE5IDk1LjU3NDIxOHptMCAwIiBmaWxsPSIjZmJhZDRhIi8+PHBhdGggZD0ibTEwMi44MjgxMjUgMjEwLjkwNjI1Yy01Ni40NjA5MzcgMC0xMDIuMzk4NDM3LTQ1LjkzMzU5NC0xMDIuMzk4NDM3LTEwMi4zOTg0MzggMC01Ni40Njg3NSA0NS45Mzc1LTEwMi40MDIzNDMgMTAyLjM5ODQzNy0xMDIuNDAyMzQzIDU2LjQ2NDg0NCAwIDEwMi40MDIzNDQgNDUuOTMzNTkzIDEwMi40MDIzNDQgMTAyLjQwMjM0MyAwIDU2LjQ2NDg0NC00NS45Mzc1IDEwMi4zOTg0MzgtMTAyLjQwMjM0NCAxMDIuMzk4NDM4em0wLTE5MS4xNDQ1MzFjLTQ4LjkzNzUgMC04OC43NDYwOTQgMzkuODEyNS04OC43NDYwOTQgODguNzQ2MDkzIDAgNDguOTMzNTk0IDM5LjgwODU5NCA4OC43NDYwOTQgODguNzQ2MDk0IDg4Ljc0NjA5NHM4OC43NDYwOTQtMzkuODEyNSA4OC43NDYwOTQtODguNzQ2MDk0YzAtNDguOTMzNTkzLTM5LjgwODU5NC04OC43NDYwOTMtODguNzQ2MDk0LTg4Ljc0NjA5M3ptMCAwIi8+PHBhdGggZD0ibTE3MS4wOTc2NTYgMTA4LjUwNzgxMmMwIDM3LjcwMzEyNi0zMC41NjY0MDYgNjguMjY1NjI2LTY4LjI2OTUzMSA2OC4yNjU2MjZzLTY4LjI2NTYyNS0zMC41NjI1LTY4LjI2NTYyNS02OC4yNjU2MjZjMC0zNy43MDMxMjQgMzAuNTYyNS02OC4yNjk1MzEgNjguMjY1NjI1LTY4LjI2OTUzMXM2OC4yNjk1MzEgMzAuNTY2NDA3IDY4LjI2OTUzMSA2OC4yNjk1MzF6bTAgMCIgZmlsbD0iI2ZlZGE0ZiIvPjxwYXRoIGQ9Im0xMDIuODI4MTI1IDE4My42MDE1NjJjLTQxLjQwNjI1IDAtNzUuMDkzNzUtMzMuNjg3NS03NS4wOTM3NS03NS4wOTM3NSAwLTQxLjQxMDE1NiAzMy42ODc1LTc1LjA5Mzc1IDc1LjA5Mzc1LTc1LjA5Mzc1IDQxLjQxMDE1NiAwIDc1LjA5Mzc1IDMzLjY4MzU5NCA3NS4wOTM3NSA3NS4wOTM3NSAwIDQxLjQwNjI1LTMzLjY4MzU5NCA3NS4wOTM3NS03NS4wOTM3NSA3NS4wOTM3NXptMC0xMzYuNTM1MTU2Yy0zMy44NzUgMC02MS40Mzc1IDI3LjU1ODU5NC02MS40Mzc1IDYxLjQ0MTQwNiAwIDMzLjg3ODkwNyAyNy41NjI1IDYxLjQzNzUgNjEuNDM3NSA2MS40Mzc1IDMzLjg3ODkwNiAwIDYxLjQ0MTQwNi0yNy41NTg1OTMgNjEuNDQxNDA2LTYxLjQzNzUgMC0zMy44ODI4MTItMjcuNTYyNS02MS40NDE0MDYtNjEuNDQxNDA2LTYxLjQ0MTQwNnptMCAwIi8+PHBhdGggZD0ibTgzLjE0NDUzMSA3Ni42NjQwNjJjMC0uNTY2NDA2LjM3NS0uOTM3NS45Mzc1LS45Mzc1aDIzLjc0NjA5NGMxMy41MTU2MjUgMCAxOS44OTg0MzcgNi43NSAxOS44OTg0MzcgMTYuOTg0Mzc2IDAgNy4yMjY1NjItMy4zNzg5MDYgMTEuMzUxNTYyLTcuNDE0MDYyIDEzLjUxNTYyNHYuMTgzNTk0YzMuOTQxNDA2IDEuNTA3ODEzIDguNTM5MDYyIDYuNTc0MjE5IDguNTM5MDYyIDE0LjM1OTM3NSAwIDEyLjY3NTc4MS03Ljk3NjU2MiAxOC43NzM0MzgtMjEuOTYwOTM3IDE4Ljc3MzQzOGgtMjIuODA4NTk0Yy0uNTYyNSAwLS45Mzc1LS4zNzEwOTQtLjkzNzUtLjkzNzV6bTI0LjQwMjM0NCAyNS42MjEwOTRjNS42MzI4MTMgMCA5LjEwMTU2My0zLjM3ODkwNiA5LjEwMTU2My04LjM1NTQ2OCAwLTUuMDY2NDA3LTMuNDY4NzUtOC40NDUzMTMtOS4xMDE1NjMtOC40NDUzMTNoLTEyLjc2NTYyNWMtLjM3NSAwLS41NjI1LjE4NzUtLjU2MjUuNTYyNXYxNS42Nzk2ODdjMCAuMzc1LjE4NzUuNTU4NTk0LjU2MjUuNTU4NTk0em0tMTIuNzY1NjI1IDI3LjVoMTMuMzI4MTI1YzYuMTk1MzEzIDAgOS42Njc5NjktMy41NjY0MDYgOS42Njc5NjktOC45MjE4NzUgMC01LjI1MzkwNi0zLjQ3MjY1Ni04LjgyMDMxMi05LjY2Nzk2OS04LjgyMDMxMmgtMTMuMzI4MTI1Yy0uMzc1IDAtLjU2MjUuMTg3NS0uNTYyNS41NjY0MDZ2MTYuNjA5Mzc1YzAgLjM3ODkwNi4xODc1LjU2NjQwNi41NjI1LjU2NjQwNnptMCAwIi8+PHBhdGggZD0ibTk5LjQxNDA2MiA4MS4xOTkyMTljLTEuODgyODEyIDAtMy40MTAxNTYtMS41MjczNDQtMy40MTAxNTYtMy40MTQwNjN2LTYuODI0MjE4YzAtMS44ODY3MTkgMS41MjczNDQtMy40MTQwNjMgMy40MTAxNTYtMy40MTQwNjMgMS44ODY3MTkgMCAzLjQxNDA2MyAxLjUyNzM0NCAzLjQxNDA2MyAzLjQxNDA2M3Y2LjgyNDIxOGMwIDEuODg2NzE5LTEuNTI3MzQ0IDMuNDE0MDYzLTMuNDE0MDYzIDMuNDE0MDYzem0wIDAiLz48cGF0aCBkPSJtOTkuNDE0MDYyIDE0OS40NjQ4NDRjLTEuODgyODEyIDAtMy40MTAxNTYtMS41MjczNDQtMy40MTAxNTYtMy40MTAxNTZ2LTYuODI4MTI2YzAtMS44ODY3MTggMS41MjczNDQtMy40MTQwNjIgMy40MTAxNTYtMy40MTQwNjIgMS44ODY3MTkgMCAzLjQxNDA2MyAxLjUyNzM0NCAzLjQxNDA2MyAzLjQxNDA2MnY2LjgyODEyNmMwIDEuODgyODEyLTEuNTI3MzQ0IDMuNDEwMTU2LTMuNDE0MDYzIDMuNDEwMTU2em0wIDAiLz48cGF0aCBkPSJtOTYuMDAzOTA2IDQwLjIzODI4MWgxMy42NTIzNDR2MTMuNjU2MjVoLTEzLjY1MjM0NHptMCAwIi8+PHBhdGggZD0ibTk2LjAwMzkwNiAxNjMuMTIxMDk0aDEzLjY1MjM0NHYxMy42NTIzNDRoLTEzLjY1MjM0NHptMCAwIi8+PHBhdGggZD0ibTE1MC42MTcxODggMTAxLjY3OTY4OGgyMC40ODA0Njh2MTMuNjUyMzQzaC0yMC40ODA0Njh6bTAgMCIvPjxwYXRoIGQ9Im0zNC41NjI1IDEwMS42Nzk2ODhoMjAuNDgwNDY5djEzLjY1MjM0M2gtMjAuNDgwNDY5em0wIDAiLz48cGF0aCBkPSJtNDAzLjIwMzEyNSAzMDYuNDgwNDY5YzAgNTIuNzgxMjUtNDIuNzg5MDYzIDk1LjU3NDIxOS05NS41NzQyMTkgOTUuNTc0MjE5cy05NS41NzQyMTgtNDIuNzkyOTY5LTk1LjU3NDIxOC05NS41NzQyMTljMC01Mi43ODUxNTcgNDIuNzg5MDYyLTk1LjU3NDIxOSA5NS41NzQyMTgtOTUuNTc0MjE5czk1LjU3NDIxOSA0Mi43ODkwNjIgOTUuNTc0MjE5IDk1LjU3NDIxOXptMCAwIiBmaWxsPSIjODVkODM5Ii8+PHBhdGggZD0ibTMwNy42Mjg5MDYgNDA4Ljg3ODkwNmMtNTYuNDY0ODQ0IDAtMTAyLjM5ODQzNy00NS45MzM1OTQtMTAyLjM5ODQzNy0xMDIuMzk4NDM3IDAtNTYuNDY4NzUgNDUuOTMzNTkzLTEwMi40MDIzNDQgMTAyLjM5ODQzNy0xMDIuNDAyMzQ0czEwMi4zOTg0MzggNDUuOTMzNTk0IDEwMi4zOTg0MzggMTAyLjQwMjM0NGMwIDU2LjQ2NDg0My00NS45MzM1OTQgMTAyLjM5ODQzNy0xMDIuMzk4NDM4IDEwMi4zOTg0Mzd6bTAtMTkxLjE0NDUzMWMtNDguOTM3NSAwLTg4Ljc0NjA5NCAzOS44MTI1LTg4Ljc0NjA5NCA4OC43NDYwOTQgMCA0OC45MzM1OTMgMzkuODA4NTk0IDg4Ljc0NjA5MyA4OC43NDYwOTQgODguNzQ2MDkzczg4Ljc0NjA5NC0zOS44MTI1IDg4Ljc0NjA5NC04OC43NDYwOTNjMC00OC45MzM1OTQtMzkuODA4NTk0LTg4Ljc0NjA5NC04OC43NDYwOTQtODguNzQ2MDk0em0wIDAiLz48cGF0aCBkPSJtMzc1Ljg5NDUzMSAzMDYuNDgwNDY5YzAgMzcuNzAzMTI1LTMwLjU2MjUgNjguMjY1NjI1LTY4LjI2NTYyNSA2OC4yNjU2MjVzLTY4LjI2NTYyNS0zMC41NjI1LTY4LjI2NTYyNS02OC4yNjU2MjUgMzAuNTYyNS02OC4yNjU2MjUgNjguMjY1NjI1LTY4LjI2NTYyNSA2OC4yNjU2MjUgMzAuNTYyNSA2OC4yNjU2MjUgNjguMjY1NjI1em0wIDAiIGZpbGw9IiM5ZGZiNDYiLz48cGF0aCBkPSJtMzA3LjYyODkwNiAzODEuNTc0MjE5Yy00MS40MDYyNSAwLTc1LjA5Mzc1LTMzLjY4NzUtNzUuMDkzNzUtNzUuMDkzNzVzMzMuNjg3NS03NS4wOTM3NSA3NS4wOTM3NS03NS4wOTM3NSA3NS4wOTM3NSAzMy42ODc1IDc1LjA5Mzc1IDc1LjA5Mzc1LTMzLjY4NzUgNzUuMDkzNzUtNzUuMDkzNzUgNzUuMDkzNzV6bTAtMTM2LjUzNTE1N2MtMzMuODc4OTA2IDAtNjEuNDQxNDA2IDI3LjU1ODU5NC02MS40NDE0MDYgNjEuNDQxNDA3IDAgMzMuODc4OTA2IDI3LjU2MjUgNjEuNDM3NSA2MS40NDE0MDYgNjEuNDM3NXM2MS40NDE0MDYtMjcuNTU4NTk0IDYxLjQ0MTQwNi02MS40Mzc1YzAtMzMuODgyODEzLTI3LjU2MjUtNjEuNDQxNDA3LTYxLjQ0MTQwNi02MS40NDE0MDd6bTAgMCIvPjxwYXRoIGQ9Im0zMDAuODAwNzgxIDIzOC4yMTQ4NDRoMTMuNjU2MjV2MTMuNjUyMzQ0aC0xMy42NTYyNXptMCAwIi8+PHBhdGggZD0ibTMwMC44MDA3ODEgMzYxLjA5Mzc1aDEzLjY1NjI1djEzLjY1MjM0NGgtMTMuNjU2MjV6bTAgMCIvPjxwYXRoIGQ9Im0zNTUuNDE0MDYyIDI5OS42NTIzNDRoMjAuNDgwNDY5djEzLjY1MjM0NGgtMjAuNDgwNDY5em0wIDAiLz48cGF0aCBkPSJtMjM5LjM2MzI4MSAyOTkuNjUyMzQ0aDIwLjQ4MDQ2OXYxMy42NTIzNDRoLTIwLjQ4MDQ2OXptMCAwIi8+PHBhdGggZD0ibTMwNC4wMTE3MTkgMzQ5LjQxNzk2OXYtMTAuMzM5ODQ0Yy01LjkzNzUtLjEwNTQ2OS0xMi4wODIwMzEtMS45NDUzMTMtMTUuNjY3OTY5LTQuNTA3ODEzbDIuNDU3MDMxLTYuODU5Mzc0YzMuNjg3NSAyLjQ1MzEyNCA5LjAxMTcxOSA0LjM5ODQzNyAxNC43NDYwOTQgNC4zOTg0MzcgNy4yNjk1MzEgMCAxMi4xODc1LTQuMTk5MjE5IDEyLjE4NzUtMTAuMDMxMjUgMC01LjYzNjcxOS0zLjk5NjA5NC05LjExMzI4MS0xMS41NzAzMTMtMTIuMTg3NS0xMC40NDkyMTgtNC4wOTM3NS0xNi44OTg0MzctOC44MDg1OTQtMTYuODk4NDM3LTE3LjcxNDg0NCAwLTguNSA2LjA0Mjk2OS0xNC45NDUzMTIgMTUuNDY0ODQ0LTE2LjQ4NDM3NXYtMTAuMzQzNzVoNi4zNDc2NTZ2OS45MzM1OTRjNi4xNDQ1MzEuMTk5MjE5IDEwLjM0Mzc1IDEuODM5ODQ0IDEzLjMxMjUgMy41ODIwMzFsLTIuNTU4NTk0IDYuNzU3ODEzYy0yLjE0ODQzNy0xLjIyNjU2My02LjM1MTU2Mi0zLjQ3NjU2My0xMi45MDIzNDMtMy40NzY1NjMtNy44ODY3MTkgMC0xMC44NTU0NjkgNC43MDcwMzEtMTAuODU1NDY5IDguODA0Njg4IDAgNS4zMjAzMTIgMy43OTI5NjkgNy45ODgyODEgMTIuNjk1MzEyIDExLjY3MTg3NSAxMC41NTA3ODEgNC4zMDA3ODEgMTUuODc1IDkuNjIxMDk0IDE1Ljg3NSAxOC43MzQzNzUgMCA4LjA5Mzc1LTUuNjMyODEyIDE1LjY2Nzk2OS0xNi4xNzk2ODcgMTcuNDE0MDYydjEwLjY0ODQzOHptMCAwIi8+PHBhdGggZD0ibTM4OS41NTA3ODEgMjEwLjkwNjI1aC0xMy42NTYyNWMwLTkwLjY4NzUtNjcuODcxMDkzLTE2Ni41MzEyNS0xNTcuODc4OTA2LTE3Ni40MTc5NjlsMS40OTIxODctMTMuNTc0MjE5Yzk2LjkzNzUgMTAuNjUyMzQ0IDE3MC4wNDI5NjkgOTIuMzMyMDMyIDE3MC4wNDI5NjkgMTg5Ljk5MjE4OHptMCAwIi8+PHBhdGggZD0ibTE5OC40MDIzNDQgNDAyLjA1NDY4OGMtMTA1LjM5ODQzOCAwLTE5MS4xNDQ1MzItODUuNzQ2MDk0LTE5MS4xNDQ1MzItMTkxLjE0ODQzOGgxMy42NTIzNDRjMCA5Ny44NzUgNzkuNjIxMDk0IDE3Ny40OTIxODggMTc3LjQ5MjE4OCAxNzcuNDkyMTg4em0wIDAiLz48cGF0aCBkPSJtMjMzLjY4MzU5NCA3MS4zMzIwMzEtMzEuNTk3NjU2LTQ3LjM5NDUzMSA0Ny44NzUtMjMuOTM3NSA2LjEwOTM3NCAxMi4yMTQ4NDQtMzQuMDQyOTY4IDE3LjAxNTYyNSAyMy4wMTU2MjUgMzQuNTI3MzQzem0wIDAiLz48cGF0aCBkPSJtMTgwLjE2NDA2MiA0MzIuODU5Mzc1LTEwLjU0Mjk2OC04LjY2Nzk2OSAyNi4zNDM3NS0zMi4wNTg1OTQtMzIuMTc1NzgyLTIwLjMzMjAzMSA3LjI5Mjk2OS0xMS41NTA3ODEgNDUuMjUgMjguNjAxNTYyem0wIDAiLz48L3N2Zz4K"
class="logo"
/>
<span class="logo-name"><a href="index.html">CoinConvert</a></span>
</div>
<div class="conversion" id="convert-text"></div>
</header>
<section class="main-section">
<div class="focus">
<div class="left">
<input type="text" class="coin-input" id="coin-input" />
<select class="coin-dropdown" id="current-coin"></select>
</div>
<span class="equal">=</span>
<div class="right">
<input type="text" class="currency-input" id="currency-input" />
<select class="currency-dropdown">
</div>
<option>USD</option>
</select>
</div>
</section>
<footer>
<span>Powered by CoinGecko</span>
</footer>
</body>
<script src="script.js"></script>
</html>