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.
168 lines
8.7 KiB
168 lines
8.7 KiB
<!DOCTYPE html>
|
|
<html 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/webflow.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/we.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@v=39.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/default.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body class="transition ">
|
|
<div data-collapse="medium" data-animation="default" data-duration="400"
|
|
data-w-id="db39b61e-1fac-9196-765a-d3c2c04237cb" data-easing="ease" data-easing2="ease" role="banner"
|
|
class="_wf-navigation onlight w-nav">
|
|
<div class="_2up-wrapper navigation-wrapper">
|
|
<div class="navigation-left">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
</div>
|
|
<div class="navigation-center">
|
|
<nav role="navigation" class="navigation-menu w-nav-menu">
|
|
{{if .HasAbout }}
|
|
|
|
<a href="{{.AboutUrl}}" class="nav-link w-nav-link">{{ lang "about" }}</a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
|
|
<a href="{{.ContactUrl}}" class="nav-link w-nav-link">{{ lang "contact" }}</a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
|
|
<a href="{{.PolicyUrl}}" class="nav-link w-nav-link">{{ lang "policy" }}</a>
|
|
{{end}}
|
|
</nav>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scroll" class="content-matrix
|
|
|
|
|
|
|
|
">
|
|
<div class="w980">
|
|
<div id="primary" class="content-area">
|
|
<main id="main" class="site-main" role="main">
|
|
<section class="section--xs u-textLeft">
|
|
<div class='container sp_sidebar'>
|
|
<div class='section' id='main'>
|
|
<div class='widget Blog' data-version='1' id='Blog1'>
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{ lang "home" }}</a>
|
|
/
|
|
<a href="#">{{ lang "contact" }}</a>
|
|
</div>
|
|
<br />
|
|
<article class='post'>
|
|
<div class='post-header'>
|
|
<h2 style="font-size: 36px;text-align: center;">
|
|
{{ lang "contact"}}
|
|
</h2>
|
|
</div>
|
|
<br />
|
|
<div class='post-entry' style="font-size: 18px;line-height: 1.4;">
|
|
{{.Contact}}
|
|
</div>
|
|
<br />
|
|
<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"
|
|
style="width: 100%;height: 50px;border: 1px solid #999;padding-left: 20px;box-sizing: border-box;margin: 15px 0;">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="nameInput">{{lang "about_name"}}</label>
|
|
<input type="name" class="form-control" id="nameInput" placeholder="your name"
|
|
style="width: 100%;height: 50px;border: 1px solid #999;padding-left: 20px;box-sizing: border-box;margin: 15px 0;">
|
|
</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"
|
|
style="width: 100%;height: 50px;border: 1px solid #999;padding-left: 20px;box-sizing: border-box;margin: 15px 0;"></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary"
|
|
style="width: 100%;height: 50px;border: 1px solid #999;padding-left: 20px;box-sizing: border-box;margin: 15px 0;">{{lang
|
|
"about_send"}}</button>
|
|
</form>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
#content {
|
|
min-height: 50vh;
|
|
margin: 80px auto 20px;
|
|
}
|
|
</style>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="_wf-footer wf-section">
|
|
<div class="_2up-wrapper footer-wrapper">
|
|
<div class="footer-up">
|
|
<div id="w-node-_91c01a58-e94b-253a-425f-936825c631e0-6f161be4" class="footer-logo-and-subscribe">
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<div class="column flex-grow-1 Friendship">
|
|
<div class="title">{{lang "friendship"}}</div>
|
|
<div class="links">
|
|
<!-- friend links start -->
|
|
{{range .Friendship}}
|
|
<a href="{{.Url}}">{{.Name}}</a>
|
|
{{end}}
|
|
<!-- friend links end -->
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div id="w-node-_91c01a58-e94b-253a-425f-936825c631f0-6f161be4" class="footer-links-container">
|
|
<div class="flex-feelChin">
|
|
<div class="title">{{lang "related"}}</div>
|
|
<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>
|
|
</div>
|
|
<div class="footer-down">
|
|
<div>{{.Copyright}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
|
|
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
|
|
<script src="{{staticFile "/js/index.js"}}"></script>
|
|
</body>
|
|
</html> |