You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
7.0 KiB
175 lines
7.0 KiB
<!DOCTYPE html>
|
|
<html dir="ltr" lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>{{.Title}}</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="referrer" content="unsafe-url">
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" />
|
|
</head>
|
|
|
|
<body style="overflow-x: visible">
|
|
<header class="main-header ">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
|
|
<ul class="nav navbar-nav main-navigation">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</header>
|
|
<header class="mobile-header ">
|
|
<div class="sf-container">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" height="50"/></a>
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
<nav id="mobile-nav">
|
|
<ul class="">
|
|
<li class="">
|
|
<span>Learn</span>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://www.surfrider.org/about">Learn</a></li>
|
|
<li><a href="https://www.surfrider.org/mission">Mission</a></li>
|
|
<li><a href="https://www.surfrider.org/campaigns">Campaigns</a></li>
|
|
<li><a href="https://www.surfrider.org/programs">Programs</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<span>Get Involved</span>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://www.surfrider.org/chapters">Chapters</a></li>
|
|
<li><a href="https://www.surfrider.org/pages/student-club-network">Student Clubs</a></li>
|
|
<li><a href="https://www.surfrider.org/action/">Take Action</a></li>
|
|
|
|
<li class='dropdown'>
|
|
<a href="https://www.surfrider.org/events" class="dropdown-toggle" role="button"
|
|
aria-haspopup="true">Events</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="https://www.surfrider.org/one-ocean-event">One Ocean Event</a></li>
|
|
|
|
<li>
|
|
<a href="https://www.surfrider.org/pages/intl-coastal-cleanup-day">International Coastal
|
|
Cleanup Day</a>
|
|
</li>
|
|
<li><a href="https://www.surfrider.org/isd">International Surfing Day</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="https://www.surfrider.org/volunteer">Volunteer</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class=""><a href="https://www.surfrider.org/coastal-blog">News</a></li>
|
|
<li>
|
|
<a href="http://shop.surfrider.org/" target="_blank">Shop</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://mygiving.surfrider.org/-/XZTPGAGR" class="btn btn--red">Donate</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
<main id="main">
|
|
<div class="sf-wrapper">
|
|
|
|
|
|
|
|
|
|
<section class="sf-blog-list sf-blog-list--category ">
|
|
<div class="sf-container" style="margin-bottom: 20px;padding-right: 10.5%;">
|
|
<div class="sf-blog-list__upper">
|
|
<h3 class="sf-type__h3 sf-type__h3--lg">{{lang "contact"}}</h3>
|
|
</div>
|
|
<div>
|
|
{{.Contact}}
|
|
<form class="col-12 col-lg-6" style="padding: 0;">
|
|
<div class="form-group">
|
|
<label for="emailInput">{{lang "about_email"}}</label>
|
|
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="nameInput">{{lang "about_name"}}</label>
|
|
<input type="name" class="form-control" id="nameInput" placeholder="your name">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label>
|
|
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
|
|
placeholder="what do you want to say"></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<footer class="sf-footer">
|
|
|
|
<div class="sf-container">
|
|
<div class="sf-footer__upper">
|
|
|
|
<div class="sf-footer__upper__right">
|
|
<nav class="sf-footer__nav">
|
|
<span class="sf-footer__nav-head">{{lang "related"}}</span>
|
|
<ul class="">
|
|
<li class="nav-item">
|
|
<a href=".{{.IndexUrl}}">{{lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item">
|
|
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item">
|
|
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item">
|
|
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="sf-footer__lower">
|
|
<div class="sf-footer__copyright">
|
|
<span>{{.Copyright}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html> |