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.
170 lines
6.5 KiB
170 lines
6.5 KiB
<!doctype html>
|
|
|
|
<html class="no-js" lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
|
|
<title>{{.Title}}</title>
|
|
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
|
|
<meta name="viewport" content="width=device-width" />
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" id='foundation-css' media='all' href="{{staticFile "/css/styles1.css"}}" />
|
|
<link type="text/css" id='style-css' media='all' rel="stylesheet" href="{{staticFile "/css/index01.css"}}" />
|
|
<style>
|
|
.row{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.links li{
|
|
list-style: none;
|
|
padding: 10px 0;
|
|
}
|
|
.links a{
|
|
color: #fff;
|
|
}
|
|
#main{
|
|
width: 940px;
|
|
margin: auto;
|
|
padding: 20px;
|
|
border-radius: 14px;
|
|
}
|
|
.nav-bar{
|
|
list-style: none;
|
|
display: flex;
|
|
margin: 0;
|
|
}
|
|
.nav-bar li{
|
|
padding: 0 20px;
|
|
}
|
|
.reverie-header{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
@media screen and (max-width:1024px) {
|
|
#main{
|
|
width: auto;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="home blog">
|
|
|
|
<!-- Start the main container -->
|
|
<div id="container" class="container">
|
|
<!-- Row for blog navigation -->
|
|
<div class="row">
|
|
<header class="twelve columns" role="banner">
|
|
<div class="reverie-header" style="overflow: hidden;margin: 0;">
|
|
|
|
<a href="{{.IndexUrl}}"><img src="{{replaceImage .Logo}}" height="180"
|
|
alt="" border=0 /></a>
|
|
</div>
|
|
|
|
<nav role="navigation">
|
|
<ul class="nav-bar">
|
|
<li id="menu-item-157"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-157"><a
|
|
href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li id="menu-item-157"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-157"><a
|
|
href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li id="menu-item-157"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-157"><a
|
|
href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li id="menu-item-157"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-157"><a
|
|
href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
</div>
|
|
<!-- Row for main content area -->
|
|
<div id="main" class="row" style="height: 75vh;">
|
|
<!-- Row for main content area -->
|
|
<div id="content" class="nine columns" role="main" style="width: auto;">
|
|
|
|
<div style="background-color: #fff;border-radius: 14px;padding: 10px;">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a> /
|
|
<a href="#">{{lang "contact"}}</a>
|
|
</div>
|
|
<h1 id="page-title">{{lang "contact"}}</h1>
|
|
<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>
|
|
|
|
</div><!-- End Content row -->
|
|
|
|
|
|
</div><!-- End Main row -->
|
|
|
|
<footer id="content-info" role="contentinfo">
|
|
<div class="row">
|
|
<div class="four columns" id="copyright">
|
|
|
|
<div class="links">
|
|
{{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}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<div class="copyright" style="text-align: center;">{{.Copyright}}</div>
|
|
|
|
</div><!-- Container End -->
|
|
|
|
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
|
|
chromium.org/developers/how-tos/chrome-frame-getting-started -->
|
|
<!--[if lt IE 7]>
|
|
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
|
|
<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
|
|
<![endif]-->
|
|
|
|
|
|
</body>
|
|
|
|
</html> |