-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
137 lines (113 loc) · 5.2 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
<!DOCTYPE html>
<html>
<head>
<title>NOMAD Buoy @ CSR</title>
<!-- Latest compiled and minified CSS -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Main style sheet -->
<link href="style.css" rel="stylesheet" type="text/css">
<!-- EXTERNAL LIBS-->
<script defer src="https://use.fontawesome.com/releases/v5.6.3/js/solid.js" integrity="sha384-F4BRNf3onawQt7LDHDJm/hwm3wBtbLIfGk1VSB/3nn3E+7Rox1YpYcKJMsmHBJIl" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.6.3/js/fontawesome.js" integrity="sha384-treYPdjUrP4rW5q82SnECO7TPVAz4bpas16yuE9F5o7CeBn2YYw1yr5oC8s8Mf8t" crossorigin="anonymous"></script>
<!-- <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> -->
</head>
<body class="body-home">
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand navbar-left" href="#">
<span><img src="assets/images/csr-logo.jpg" class="navbar-logo" /><span>
</a>
<a class="navbar-brand" href="#">
<span class="navbar-title">NOMAD Buoy at <strong>CSR</strong></span>
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a class="btn btn-primary btn-lg" href="dashboard-weather.html">View NOMAD data <i class="fas fa-angle-right"></i></a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container" style="padding-top:100px">
<div class="row">
<div class="col-md-12">
<img src="assets/images/csr-ranch.jpg" width="100%">
</div>
</div>
</div>
<br><br><br><br><br><br>
<div class="container">
<div class="row">
<div style="text-align: center">
<span class="fa-layers fa-fw" style="font-size: 75px">
<i class="fas fa-water" style="color:#6B92E7"></i>
<i class="fas fa-circle" data-fa-transform="shrink-5" style="color:#00b4bfee"></i>
<i class="fas fa-wifi" data-fa-transform="shrink-10" style="color:#fff"></i>
</span>
</div>
</div>
<div class="row" style="text-align:center">
<div style="width:75%;margin:auto;">
<h1><a >Ocean Internet of Things™</a></h1>
<p style="text-align:left">
Imagine taking the pulse of a remote area of the ocean in real time to understand trends, anticipate problems, and devise mitigation measures for immediate corrective actions. Imagine if ocean technology pioneers had a platform to rapidly prove new marine technologies in the field. Six miles off the coast of Southern California, Catalina Sea Ranch is doing exactly that.
<br><br>
<a class="btn btn-primary" href="https://www.ecomagazine.com/news/science/real-time-ocean-observations-and-the-ocean-internet-of-things">Read More</a>
</p>
</div>
</div>
</div>
<br/><br/><br/><br/><br/>
<div class="highlighted-cta">
<div class="cta">
<div class="text">
<h1>Want to explore the data?</h1>
<h2>Take a peek at the conditions <em>right now.</em></h2>
</div>
<div class="action">
<a class="btn btn-primary btn-xl" href="dashboard-weather.html">
<span class="btn-img">
<i class="fas fa-chart-line"></i>
</span>
View NOMAD Data <i class="fas fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="highlighted-cta">
<div class="container">
<div class="footer">
<div class="row">
<div class="col-md-12" style="text-align: center">
<p class="text-muted">© <a href="https://www.catalinasearanch.com">Catalina Sea Ranch</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.js" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js" integrity="sha384-vhJnz1OVIdLktyixHY4Uk3OHEwdQqPppqYR8+5mjsauETgLOcEynD9oPHhhz18Nw" crossorigin="anonymous"></script>
<!-- <script src="https://use.fontawesome.com/e1b240a768.js"></script> -->
<!-- Google Analytics code -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-80556886-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>