203 lines
5.4 KiB
HTML
203 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
|
|
<head>
|
|
<link href="http://gmpg.org/xfn/11" rel="profile">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
|
|
<!-- Enable responsiveness on mobile devices-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
|
|
|
<title>
|
|
|
|
Contact · Foss Times
|
|
|
|
</title>
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="/public/css/naringu.css">
|
|
<link rel="stylesheet" href="/public/css/syntax.css">
|
|
<link rel="stylesheet" href="/public/css/form.css">
|
|
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
|
|
|
<!-- Icons -->
|
|
<link rel="shortcut icon" href="./public/favicon.ico">
|
|
|
|
<!-- RSS -->
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
|
<link rel="alternate" type="application/rss+xml" title="Mozilla RSS" href="feed.category.xml">
|
|
</head>
|
|
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-48740529-1', 'auto');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
|
|
|
|
<body class="theme-6dd">
|
|
|
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
|
styles, `#sidebar-checkbox` for behavior. -->
|
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
|
|
|
<!-- Toggleable sidebar -->
|
|
<div class="sidebar" id="sidebar">
|
|
<div class="sidebar-item">
|
|
<!-- <img width="125" height="125" alt="A photo of ariestiyansyah" src="/images/head.jpeg"> -->
|
|
<p>A place to open source</p>
|
|
</div>
|
|
|
|
<nav class="sidebar-nav">
|
|
<a class="sidebar-nav-item" href="/">Home</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="sidebar-nav-item" href="/about/">About</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="sidebar-nav-item" href="/categories/">Category Index</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a class="sidebar-nav-item active" href="/contact/">Contact</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="sidebar-nav-item" href="http://github.com">GitHub project</a>
|
|
<span class="sidebar-nav-item">Version 2.0</span>
|
|
</nav>
|
|
|
|
<div class="sidebar-item">
|
|
<p>
|
|
© 2017. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="wrap">
|
|
<div class="masthead">
|
|
<div class="container">
|
|
<h3 class="masthead-title">
|
|
<a href="/" title="Home">Foss Times</a>
|
|
<small>Foss News Today; Foss News Tomorrow</small>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container content">
|
|
<div class="page">
|
|
<h1 class="page-title">Contact</h1>
|
|
<section class="inner">
|
|
<h1>Hire me</h1>
|
|
|
|
<p>
|
|
<em>
|
|
Naringu business contact form is here..
|
|
</em>
|
|
</p>
|
|
<!-- Please change the email below with your email to activate the form -->
|
|
<form action="http://formspree.io/ariestiyansyah.rizky@gmail.com" role="form" method="POST">
|
|
<div class="form-group">
|
|
<label for="name">Your name?</label>
|
|
<input type="text" name="name" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="_replyto">Email address, please?</label>
|
|
<input type="email" name="_replyto" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="problem">What problem you have?</label>
|
|
<textarea name="problem" class="form-control" rows="2"></textarea>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label for="project">Project Category</label>
|
|
<select name="project" class="form-control">
|
|
<option value="">Choose...</option>
|
|
<option>E-commerce</option>
|
|
<option>Mobile Application</option>
|
|
<option>Website/Blog</option>
|
|
<option>Enterprise Solution</option>
|
|
<option>Consultation</option>
|
|
<option>Another project</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="message">How can I help you?</label>
|
|
<textarea name="body" class="form-control" rows="4" width="100%" required></textarea>
|
|
</div>
|
|
|
|
<div>
|
|
<input type="hidden" name="">
|
|
<input type="submit" class="submit-btn" value="Let's make business">
|
|
or <a href="mailto:ariestiyansyah.rizky@gmail.com">Drop me an emaill</a>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
|
<script>
|
|
(function(document) {
|
|
var toggle = document.querySelector('.sidebar-toggle');
|
|
var sidebar = document.querySelector('#sidebar');
|
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
|
|
|
document.addEventListener('click', function(e) {
|
|
var target = e.target;
|
|
|
|
if(!checkbox.checked ||
|
|
sidebar.contains(target) ||
|
|
(target === checkbox || target === toggle)) return;
|
|
|
|
checkbox.checked = false;
|
|
}, false);
|
|
})(document);
|
|
</script>
|
|
|
|
<div align="center" class="footer">
|
|
<a href="https://github.com/ariestiyansyah/naringu" target="_blank" title="naringu">Naringu</a> is designed by Rizky Ariestiyansyah<br />Copyright © 2017 <br>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|