Skip to content

Commit

Permalink
Added contact form
Browse files Browse the repository at this point in the history
Signed-off-by: csemohin <csemohin@gmail.com>
  • Loading branch information
mohin7 committed Feb 3, 2021
1 parent d43231b commit be39913
Show file tree
Hide file tree
Showing 8 changed files with 5,411 additions and 2,715 deletions.
5 changes: 5 additions & 0 deletions content/contact-update/_index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
title: Contact Us | AppsCode
description: We just need some basic info, and we’ll get in touch.
layout: contact_us_update
---
175 changes: 175 additions & 0 deletions layouts/_default/contact_us_update.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Us</title>
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="/assets/css/font-awesome.min.css" />
<!-- Bulma CSS -->
<link rel="stylesheet" href="/assets/css/bulma.min.css" />
<!-- Main CSS -->
<link rel="stylesheet" href="/assets/sass/main.css" />
</head>

<body>
<section class="contact-page-body-wrapper">
<!-- navbar area start -->
<div class="navbar-area">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item p-0" href="https://appscode.com/">
<img src="/assets/images/products/appscode/appscode.png" height="40" />
</a>

<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="myNavbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>

<div id="myNavbar" class="navbar-menu">
<div class="navbar-end">
<div class="navbar-start">
<a class="navbar-item"> About </a>

<a class="navbar-item"> Service </a>
</div>
<div class="navbar-item p-0">
<div class="buttons">
<a class="button is-primary">
<strong>Contact us</strong>
</a>
</div>
</div>
</div>
</div>
</nav>
</div>
<!-- navbar area end -->

<!-- body-content start -->
<div class="contact-page-body is-flex">
<!-- left content start -->
<div class="left-content">
<h1>
We’d love to <br />
hear from you
</h1>
<div class="contact-image">
<img src="/assets/images/contact-page/contact.png" alt="" />
</div>
<div class="social-link">
<a href="https://0github.com/appscode/" target="_blank"><span class="icon"><i class="fa fa-github"
aria-hidden="true"></i></span>Github</a>
<a href="https://twitter.com/AppsCodeHQ" target="_blank"><span class="icon"><i class="fa fa-twitter"
aria-hidden="true"></i></span>Twitter</a>
<a href="https://slack.appscode.com/" target="_blank"><span class="icon"><img
src="/assets/images/icon/slack.svg" alt="" /></span>Slack</a>
</div>
</div>
<!-- left content end -->

<!-- right content start -->
<div class="right-content">
<!-- form title start -->
<div class="form-title">
<h3>Contact us</h3>
</div>
<!-- form title end -->
<!-- form content start -->
<form action="#">
<!-- single input field start -->
<div class="single-input-form">
<label for="fname">First Name <span class="is-require">*</span></label>
<input type="text" placeholder="Jhon" id="fname" />
<!-- if error occured -->
<p class="is-error"></p>
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="lname">Last Name <span class="is-require">*</span></label>
<input type="text" placeholder="Jhon" id="lname" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="workemail">Work Email <span class="is-require">*</span></label>
<input type="email" placeholder="work@someone.com" id="workemail" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="job">Job Title <span class="is-require">*</span></label>
<input type="text" placeholder="Software Engineer" id="job" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="phone">Phone <span class="is-require">*</span></label>
<input type="text" placeholder="+8801 8648 41998" id="phone" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="company">Company Name <span class="is-require">*</span></label>
<input type="text" placeholder="Google Inc" id="company" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="country">Country <span class="is-require">*</span></label>
<input type="text" placeholder="Bangladesh" id="country" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form">
<label for="experiance">Experiance<span class="is-require">*</span></label>
<input type="text" placeholder="C, C++, Java, Golan, Docker" id="experiance" />
</div>
<!-- single input field end -->

<!-- single input field start -->
<div class="single-input-form is-fullwidth">
<label for="message">Message<span class="is-require">*</span></label>
<textarea name="" id="message" placeholder="How can we help you with your Kubernetes journey?"></textarea>
</div>
<!-- single input field end -->

<!-- submit button start -->
<input type="submit" value="Send Message" />
<!-- submit button end -->
</form>
<!-- form content end -->

<!-- footer content start -->
<div class="footer-wrapper">
<div class="footer-content is-flex is-align-items-center is-justify-content-space-between">
<div class="footer-left">
<p>© 2021 AppsCode Inc. All rights reserved.</p>
</div>
<div class="footer-right">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
</div>
</div>
</div>
<!-- footer content end -->
</div>
<!-- right content end -->
</div>
<!-- body-content end -->
</section>
</body>

</html>
2 changes: 1 addition & 1 deletion static/assets/css/bulma.min.css

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions static/assets/images/icon/slack.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit be39913

Please sign in to comment.