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.
149 lines
5.8 KiB
149 lines
5.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<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">
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
<link rel="stylesheet" href="{{staticFile "/css/style.min.css"}}">
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
|
|
|
|
</head>
|
|
|
|
<body class="blog-page blog custom-background two-column right-sidebar">
|
|
|
|
<header class="sticky-top" id="top">
|
|
<div class="container d-lg-flex">
|
|
<nav class="navbar main-nav navbar-expand-lg row">
|
|
<div class="brand-div">
|
|
<a href="{{.IndexUrl}}" title="Optos" class="navbar-brand navbar-header-logo">
|
|
<img src="{{replaceImage .Logo}}" alt="logo" class="w-100" />
|
|
</a>
|
|
</div>
|
|
<button class="navbar-toggler border-0 text-white" type="button" data-toggle="collapse"
|
|
data-target="#mainNavMenu" aria-controls="mainNavMenu" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<svg t="1668652842869" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2991" width="20" height="20"><path d="M64 64h896v128H64V64z m0 768h896v128H64v-128z m0-384h896v128H64V448z" fill="#ffffff" p-id="2992"></path></svg>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end" id="mainNavMenu">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item nav-hover">
|
|
<a class="nav-link text-uppercase text-white text-nowrap" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item nav-hover">
|
|
<a class="nav-link text-uppercase text-white text-nowrap" href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item nav-hover">
|
|
<a class="nav-link text-uppercase text-white text-nowrap" href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item nav-hover">
|
|
<a class="nav-link text-uppercase text-white text-nowrap" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="side-bar-spacing" style="height: 100vh">
|
|
|
|
<div class="container">
|
|
|
|
<div class="breadcrumbs">
|
|
<a href="{{.IndexUrl}}">{{ lang "home" }}</a>
|
|
<span class="divider">></span>
|
|
{{ lang "contact"}}
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm mb-3">
|
|
<h1 class="black">{{ lang "contact"}} </h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- text block -->
|
|
<div class="container mb-4">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<div class="about-text-block">
|
|
{{.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>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer class="footer-main bg-white">
|
|
<div class="footer-top">
|
|
<div class="container footer-container">
|
|
<div class="row footer-row">
|
|
<div class="col-12 col-md-10 footer-col order-2 order-md-1">
|
|
|
|
<ul class="nav footer-nav">
|
|
{{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}}
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
{{range .Friendship}}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.Url}}">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="container footer-container">
|
|
<div class="row cr-sm-row align-items-center d-flex">
|
|
<div class="col-12 col-md-6 col-lg-8 cr-col">
|
|
<p class="m-0">{{.Copyright}} </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
<script src="{{staticFile "/js/index.js"}}"></script>
|
|
</html> |