-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
108 lines (104 loc) · 3.47 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
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
<title>Cryptico</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
.description {
font-family: 'Indie Flower', 'cursive';
}
</style>
</head>
<body>
<div class='spinner-wrapper'>
<div class="spinner"></div>
</div>
<div class="container-fluid">
<h1 class="center logo">Cryp<span class="text-danger">tico</span></h1>
<div class="row mt-5">
<div class="col-lg-6">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="container-fluid">
<h2 class="">Who we are?</h2>
<h3 class="description">
<b>Cryptico</b> is a online Crypto news platform, where you can
check live Crypto values, You can convert one crypto currenciy to
another. Also you will get all latest crypto news and updates on
this platform.
</h3>
</div>
<p> </p>
</div>
<div class="col-lg-6">
<img class="img-responsive" src="cryp.png" alt="" />
</div>
</div>
<div class="row mt-5">
<div class="col-lg-6">
<img class="img-responsive" src="taxi.png" alt="" />
</div>
<div class="col-lg-6">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="container-fluid">
<h2 class="">Who we are?</h2>
<h3 class="description">
<b>Cryptico</b> is a online Crypto news platform, where you can
check live Crypto values, You can convert one crypto currenciy to
another. Also you will get all latest crypto news and updates on
this platform.
</h3>
</div>
<p> </p>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<h2 class="text-primary text-center">
BTC: <span id="btc"></span>USD
</h2>
</div>
<div class="col-xs-6">
<h2 class="text-primary text-center">
ETH: <span id="eth"></span>USD
</h2>
</div>
</div>
</div>
<script>
let spinnerWrapper = document.querySelector('.spinner-wrapper');
window.addEventListener('load', function () {
//spinnerWrapper.style.display = 'none';
spinnerWrapper.parentElement.removeChild(spinnerWrapper);
});
let api =
'http://api.coinlayer.com/live?access_key=c86a5511c71b1a13c9eebf55e276d424';
async function getdata(api) {
let btc = document.getElementById('btc');
let eth = document.getElementById('eth');
const response = await fetch(api);
console.log(response);
var data = await response.json();
console.log(data);
btc.innerHTML = data['rates']['BTC'];
eth.innerHTML = data['rates']['ETH'];
}
getdata(api);
</script>
</body>
</html>