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.
137 lines
5.4 KiB
137 lines
5.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
|
|
<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/common.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/allindex.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body class="blog section page page">
|
|
<header class="header ">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- top-logo -->
|
|
<nav class="w-100 p-0 navbar navbar-expand-md justify-content-md-between ">
|
|
<a href="{{.IndexUrl}}" class="navbar-brand"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
<div id="navbarToggler" class="collapse navbar-collapse justify-content-end header__navigation">
|
|
<ul class="navbar-nav align-items-center">
|
|
<li class="nav-item">
|
|
<a href="{{.IndexUrl}}" class="nav-link">{{ lang "home"}}<span class="navbar__link-underline"></span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{.AboutUrl}}" class="nav-link">{{ lang "about"}}<span class="navbar__link-underline"></span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{.ContactUrl}}" class="nav-link">{{ lang "contact"}}<span
|
|
class="navbar__link-underline"></span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{.PolicyUrl}}" class="nav-link">{{ lang "policy"}}<span class="navbar__link-underline"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="main" id="content" role="main">
|
|
<section class="office">
|
|
<article class="article">
|
|
<div class="container">
|
|
<div class="article-content text-center" >
|
|
<h2>{{lang "contact"}}</h2>
|
|
<div >
|
|
{{.Contact}}
|
|
<form class=" text-center" 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>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="container footer__navigation mb-3">
|
|
<div class="row justify-content-between d-flex flex-wrap w-100 px-3">
|
|
<div class="col-12 col-sm-6 col-md-3 mb-3 md-md-2">
|
|
<div class="footer-column__title">
|
|
{{lang "related"}}
|
|
</div>
|
|
<ul class="no-gutters footer-menu__list list-unstyled">
|
|
<li class="footer-menu__item">
|
|
<a href="{{.IndexUrl}}" class="footer-menu__link">{{lang "home"}}</a>
|
|
</li>
|
|
<li class="footer-menu__item">
|
|
<a href="{{.AboutUrl}}" class="footer-menu__link">{{lang "about"}}</a>
|
|
</li>
|
|
<li class="footer-menu__item">
|
|
<a href="{{.ContactUrl}}" class="footer-menu__link">{{lang "contact"}}</a>
|
|
</li>
|
|
<li class="footer-menu__item">
|
|
<a href="{{.PolicyUrl}}" class="footer-menu__link">{{lang "policy"}}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="footer__copy row container p-0">
|
|
<div class="col-12 col-md-6 p-0">
|
|
<div class="row align-items-center footer__brand">
|
|
<div class="logo footer__logo col-auto col-md-3">
|
|
<a href="{{.IndexUrl}}">
|
|
<img src="{{replaceImage .Logo}}" alt="Kinvolk">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer__copyright col-12 col-md-6 p-0 pt-4">
|
|
<p>{{.Copyright}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<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>
|
|
<style>
|
|
.text-center{
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html> |