-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (155 loc) · 9.69 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Sail Pono: Experience the Wonder and Waste in Our Oceans</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1c70a7">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<!-- Some SEO and Open Social Graph Stuff -->
<meta name="description" content="Sailing Charters with an environmental twist."/>
<link rel="canonical" href="http://www.sailpono.com"/>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Sail Pono Charters",
"image": "http://www.sailpono.com/images/pono-full-color.jpg",
"url": "http://www.sailpono.com",
//"contactPoint": [{
//"@type": "contactPoint",
//"email": "ib@innovationbound.com",
//"telephone": "+1-212-602-1401",
//"contactType": "General"
//}],
"sameAs": [
"http://www.instagram.com/sailpono"
]
}
</script>
<meta property="og:title" content="SailPono.com"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://www.sailpono.com/images/pono-full-color.jpg"/>
<meta property="og:description" content="Sailing Charters with an environmental twist."/>
<meta property="og:url" content="http://www.sailpono.com"/>
<meta property="og:site_name" content="Sail Pono"/>
<meta property="og:locale" content="en_US"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@cleanoceansintl"/>
<meta name="twitter:title" content="Sail Pono"/>
<meta name="twitter:description" content="Sailing Charters with an environmental twist."/>
<meta name="twitter:image" content="http://www.sailpono.com/images/pono-full-color.jpg"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<a class="navbar-brand" href="/"><img src='pono.png' height='27' /> Sail Pono</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto">
<li class="nav-item">
<a class="nav-link" href="#plan">Plan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Kickstarter</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Join Us
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="http://eepurl.com/duTr0j" target="_blank">Newsletter</a>
<a class="dropdown-item" href="https://www.instagram.com/sailpono/" target="_blank">Instagram</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid">
<div class="container">
<div class="row">
<div class="col-md-8 col-xl-7">
<h1 class="d-lg-none">Experience the Wonder and Waste in Our Oceans</h1>
<h1 class="display-4 d-none d-lg-block">Experience the Wonder and Waste in Our Oceans</h1>
<p class="my-5">
<a class="btn btn-light btn-lg" href="http://eepurl.com/duTr0j" role="button" target="_blank">
<i class="far fa-envelope"></i> Get updates</a>
<a class="btn btn-primary btn-lg" href="https://www.instagram.com/sailpono" role="button" target="_blank">
<i class="fab fa-instagram"></i>
Follow us</a>
</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8">
<p class="lead">The Pono is a gorgeous catamaran and a sailing charter experience we are building that seeks not just to show people the wonders of the ocean through snorkeling, scuba diving, wildlife photography, and more, but also to show people the plastic garbage floating around our great oceans, and washing up our beaches.</p>
<p class="lead">We are building this unique sailing experience, because we know the majestic power of our oceans, and because the we know once people who love the ocean see the problem with their own eyes, they’ll be impassioned to solve it.</p>
<h2 id='plan' class="mt-5">The Plan</h2>
<p class="lead">We are a product launch team, setting out to build a unique sailing vacation experience. One that seeks not just to show vacationers the majestic beauty of our oceans, tropical island beaches, and more, but also to educate people about the plastic pollution problem and some of the incredible solutions that are being built by social innovators across the globe. From plastic-to-fuel conversion technology to plastic banks, documentary film projects to scientific research, there is a massive effort to clean up our oceans.</p>
<p class="my-5">
<a class="btn btn-primary btn-lg" href="http://eepurl.com/duTr0j" role="button" target="_blank">
<i class="far fa-envelope"></i> Get updates</a>
<a class="btn btn-outline-primary btn-lg" href="https://www.instagram.com/sailpono" role="button" target="_blank">
<i class="fab fa-instagram"></i>
Follow us</a>
</p>
</div>
<div class="col-lg-4">
<h3 id='team'>A Team of Creative Misfits</h3>
<p><a href='https://cleanoceansinternational.org/our-team/staff/' target="_blank">Captain Jim Holm</a></p>
<p><a href="https://www.innovationbound.com/costa" target="_blank">Costa Michailidis</a></p>
<p>Lia Briffa</p>
<p><a href='http://www.ltwebs.com' target="_blank">Lev Tatz</a></p>
<p><a href='https://www.linkedin.com/in/vamsiponada/' target="_blank">Vamsi Ponada</a></p>
<p>Kathleen Barkats</p>
<h3 id='kickstarter' class="mt-5">The Kickstarter</h3>
<p class="lead">We’re beginning our journey with a kickstarter campaign and some incredible rewards.</p>
<h3 class="mt-5">Keep in Touch</h3>
<p class="lead">
<a href='http://eepurl.com/duTr0j' target="_blank">Sign up</a>, <a href='https://www.instagram.com/sailpono' target="_blank">follow</a>, and join us to help spread the word, join the kickstarter, and more!</p>
</div>
</div>
</div>
<div class="container my-5">
</div>
<div class="container my-5">
</div>
<div class="container my-5">
</div>
<div class="container my-3">
<p>A project done in collaboration with <a href='//cleanoceansinternational.org' target="_blank">Clean Oceans International</a> a 501(c)3 Charity</p>
<small>©2018 SailPono.com</small>
</div>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script>
window.onload = $('.jumbotron').css('height', window.innerHeight)
</script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>