-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
150 lines (127 loc) · 6.46 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CryptoMarket Scout</title>
</head>
<!-- CSS Stylesheets -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Merriweather:wght@300&family=Montserrat&family=Newsreader:wght@400;700&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="favicon.ico">
<body>
<!-- Bootstrap Navbar -->
<nav class="navbar bg-secondary navbar-expand-lg navbar-dark" ;>
<a class="navbar-brand" href="">CryptoMarket Scout</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#defi">Dive into Defi</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#snapshots">Market Snapshots</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resources">Resources</a>
</li>
</ul>
</div>
</nav>
<div class="top-container">
<h1>WHAT'S GOING ON IN THE CRYPTO MARKET?</h1>
<p class="subtitle"> let's explore. </p>
<img class="all-coins" src="images/coins3.png" alt="cryptocurrency-img">
</div>
<div
style="height:62px; background-color: #FFFFFF; overflow:hidden; box-sizing: border-box; border: 1px solid #56667F; border-radius: 4px; text-align: right; line-height:14px; block-size:62px; font-size: 12px; font-feature-settings: normal; text-size-adjust: 100%; box-shadow: inset 0 -20px 0 0 #56667F;padding:1px;padding: 0px; margin: 0px; width: 100%;">
<div style="height:40px; padding:0px; margin:0px; width: 100%;"><iframe src="https://widget.coinlib.io/widget?type=horizontal_v2&theme=light&pref_coin_id=1505&invert_hover=no" width="100%" height="36px" scrolling="auto" marginwidth="0"
marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;"></iframe></div>
<div style="color: #FFFFFF; line-height: 14px; font-weight: 400; font-size: 11px; box-sizing: border-box; padding: 2px 6px; width: 100%; font-family: Verdana, Tahoma, Arial, sans-serif;"><a href="https://coinlib.io" target="_blank"
style="font-weight: 500; color: #FFFFFF; text-decoration:none; font-size:11px">Cryptocurrency Prices</a> by Coinlib</div>
</div>
<div class="middle-container">
<section id="defi">
<h2>Dive into DeFi</h2>
<img class="defi-img" src="https://media.giphy.com/media/YlBYmLGLsqH3tmLJiS/giphy.gif" alt="defi-img">
<p class="defi"> The total value locked in Decentralized Finance (DeFi) has grown exponentially since 2017. <br>
Users and investors are adapting the use of decentralized apps (dApps) as they increase the use of blockchain beyond a simple,
transfer of value to more complex financial use cases. </p>
</section>
</div>
<div class="stats">
<section id="snapshots">
<h2>Market Snapshots</h2>
<div class="stats-row">
<img class="cryptowallet-img" src="https://media.giphy.com/media/qRDjvIePqf15S6N1QS/giphy.gif" alt="cryptowallet-img">
<h3>Use Real-Time Data</h3>
<p>
<ul>
<li> Discover Trending Coins</li>
<li> View historical data for cryptocurrencies</li>
<li>Access interactive charts for various digital asset derivatives</li>
</ul>
</p>
</div>
<div class="stats-row">
<img class="graph-img" src="https://media.giphy.com/media/L3Jmm4e3dEUn5G9JsZ/giphy.gif" alt="graph-img">
<h3>Create Your Custom Crypto Portfolio </h3>
<p>Make informed investing and trading decisions by using our models to:</p>
<ul>
<li>
Calculate cumulative returns over time
</li>
<li>
View Monte Carlo Simulations of your portfolio returns
</li>
<li>
Calculate the Sortino ratio of your custom portfolio
</li>
</ul>
<a class="dashboard" href="https://github.com/RawnakMahjabib/CryptoMarket-Scout"><h4 class="ink"><em>GitHub Source Code</em></h4></a>
</section>
</div>
</div>
<hr class="breaks">
<section id="resources">
<div class="contact-me">
<h2>Additional Resources</h2>
<h3>Are you a crypto enthusiast searching for more?</h3>
<p class="resources">At CryptoMarket Scout, we believe in empowering individuals through financial education. We hope that individuals can use our tools and models to facilitate and enhance their cryptocurrency related knowledge. <br> Here are
some other resources that we recommend for further education:</p>
<a class="footer-link" href="https://www.coindesk.com/">CoinDesk</a>
<a class="footer-link" href="https://bitrates.com">Bitrates </a>
<a class="footer-link" href="https://academy.binance.com/en">Binance Academy</a>
</div>
</div>
</section>
<div class="bottom-container">
<p class="copyright">Feedback is very much appreciated!</p>
<a class="BUTTON_OWB" href="mailto:rawnakmahjabib@email.com">CONTACT US</a>
<p class="copyright">© 2021 CryptoMarket Scout</p>
</div>
<!-- Bootstrap Script -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
<div id="cincopa_90b85f">...</div>
<script type="text/javascript">
var cpo = [];
cpo["_object"] = "cincopa_90b85f";
cpo["_fid"] = "AUGA0zO_jdqQ";
var _cpmp = _cpmp || [];
_cpmp.push(cpo);
(function() {
var cp = document.createElement("script");
cp.type = "text/javascript";
cp.async = true;
cp.src = "https://rtcdn.cincopa.com/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c);
})();
</script>
</body>
</html>