106 lines
4.7 KiB
HTML
106 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
|
|
<title>Contact — Stisla</title>
|
|
|
|
<!-- General CSS Files -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
|
|
|
<!-- CSS Libraries -->
|
|
|
|
<!-- Template CSS -->
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
|
<link rel="stylesheet" href="../assets/css/components.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<section class="section">
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col-12 col-md-10 offset-md-1 col-lg-10 offset-lg-1">
|
|
<div class="login-brand">
|
|
Stisla
|
|
</div>
|
|
|
|
<div class="card card-primary">
|
|
<div class="row m-0">
|
|
<div class="col-12 col-md-12 col-lg-5 p-0">
|
|
<div class="card-header text-center"><h4>Contact Us</h4></div>
|
|
<div class="card-body">
|
|
<form method="POST">
|
|
<div class="form-group floating-addon">
|
|
<label>Name</label>
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<i class="far fa-user"></i>
|
|
</div>
|
|
</div>
|
|
<input id="name" type="text" class="form-control" name="name" autofocus placeholder="Name">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group floating-addon">
|
|
<label>Email</label>
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<i class="fas fa-envelope"></i>
|
|
</div>
|
|
</div>
|
|
<input id="email" type="email" class="form-control" name="email" placeholder="Email">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Message</label>
|
|
<textarea class="form-control" placeholder="Type your message" data-height="150"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group text-right">
|
|
<button type="submit" class="btn btn-round btn-lg btn-primary">
|
|
Send Message
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-12 col-lg-7 p-0">
|
|
<div id="map" class="contact-map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="simple-footer">
|
|
Copyright © Stisla 2018
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- General JS Scripts -->
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
|
|
<script src="../assets/js/stisla.js"></script>
|
|
|
|
<!-- JS Libraies -->
|
|
<script src="http://maps.google.com/maps/api/js?key=AIzaSyB55Np3_WsZwUQ9NS7DP-HnneleZLYZDNw&sensor=true"></script>
|
|
<script src="../node_modules/gmaps/gmaps.min.js"></script>
|
|
|
|
<!-- Template JS File -->
|
|
<script src="../assets/js/scripts.js"></script>
|
|
<script src="../assets/js/custom.js"></script>
|
|
|
|
<!-- Page Specific JS File -->
|
|
<script src="../assets/js/page/utilities-contact.js"></script>
|
|
</body>
|
|
</html>
|