-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
130 lines (108 loc) · 4.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>Crypto Today</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="./assets/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="./assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="light-blue lighten-1" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">C</a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<h1 class="header center orange-text">Crypto Today</h1>
<div class="row center">
<h5 class="header col s12 light">The easy way to find cryptocurrency information</h5>
</div>
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12 m8 offset-m2 xl6 offset-xl3">
<input placeholder="Cardano" id="searchEl" type="text" class="validate">
<label for="searchEl">Enter the name of a cryptocurrency</label>
<button id="submitBtn" class="btn-large waves-effect waves-light orange" type="submit">Search</button>
</div>
</div>
</form>
</div>
</div>
<div class="container">
<div class="row center">
<h4 class="col s12" id="historyTitle">Search History:</h4>
<div id="historyList" class="row center-align">
</div>
</div>
</div>
</div>
<!-- Search Data and News Section ----------------------------------------------------------------------->
<div class="container">
<div class="section">
<!-- Section 1 -->
<div class="row">
<div class="col s12 m6 l4">
<h3 id="results-title" class="center light-blue-text"></h3>
<div id="search-results" class="row icon-block">
</div>
</div>
<div class="col s12 m6 l8">
<h3 id="news-title" class="center light-blue-text"></h3>
<div id="news-results" class="icon-block">
</div>
</div>
</div>
<br><br>
<!-- Section 2 -->
<div class="row">
<div class="col s12 l6">
<h3 class="center light-blue-text">Top Cryptocurrencies:</h3>
<div id="topCryptos" class="row icon-block">
</div>
</div>
<div class="col s12 l6">
<h3 class="center light-blue-text">Your Recently Viewed:</h3>
<div id="recent-cards" class="row icon-block">
</div>
</div>
</div>
<br><br>
</div>
<!-- Top Crypto and History Data section ------------------------------------------------------------------->
<!-- Footer section ------------------------------->
<footer class="page-footer orange">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Company Bio</h5>
<p class="grey-text text-lighten-4">We are a team of coding bootcamp students working together to showcase and develop our front-end development skills.</p>
</div>
<div class="col l3 s12">
</div>
<div class="col l3 s12">
<h5 class="white-text">Contributors</h5>
<ul>
<li class="white-text">Kalen Wiley</li>
<li class="white-text">Shivan Shah</li>
<li class="white-text">Victor Lindbloom</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made with 💙 by the <a class="orange-text text-lighten-3" href="http://materializecss.com">Crypto Today</a> team
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="./assets/js/materialize.min.js"></script>
<script src="./assets/js/init.js"></script>
<script src="./assets/js/script.js"></script>
</body>
</html>