<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet"
type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/function.js"></script>
<title>Blue Grocer</title>
</head>
<body>
<header class="header pink-bg white-text z-depth-1">
<div class="navbar">
<button class="pink-bg navigation button-collapse" onclick="goBack()">
<i class="ion-android-arrow-back"></i>
</button>
<h5 style="margin-left: 85px;">Contact Us</h5>
<button class="pink-bg navigation go-to-cart">
<i class="ion pink-bg"></i>
</button>
</div>
</header>
<div class="main-container" id="main-container" style="">
<div class="contact-form">
<h2 class="contact-heading">Contact Us</h2>
<div class="col s12">
<div class="row" style="display: block">
<form class="#">
<div class="input-field">
<div class="prefix">Name:</div>
<!-- <i class="material-icons prefix">account_circle</i> -->
<input id="icon_prefix" type="text" name="name" class="validate input-text">
</div>
<div class="input-field">
<div class="prefix">Email:</div>
<!-- <i class="material-icons prefix">account_circle</i> -->
<input id="icon_prefix" type="text" name="email" class="validate input-text">
</div>
<div class="input-field">
<div class="prefix">Mobile:</div>
<!-- <i class="material-icons prefix">account_circle</i> -->
<input id="icon_prefix" type="text" name="phone" class="validate input-text">
</div>
<div class="input-field">
<div class="prefix">Address:</div>
<!-- <i class="material-icons prefix">account_circle</i> -->
<textarea id="icon_prefix" type="text" name="feedback" class="materialize-textarea validate input-text" col="3"></textarea>
</div>
<button class="contact-button waves-effect waves-blue btn pink-bg" name="send-button">Send</button>
</form>
</div>
</div>
<p style="text-align: center; color:white"></p>
</div>
</div>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
<script type="text/javascript" src="js/jR3DCarousel.min.js"></script>
<script type="text/javascript">
// $(document).ready(function () {
// var slideImages = [{src: 'http://www.dakshithtechnologies.com/DT/images/1.jpg'},
// {src: 'http://www.dakshithtechnologies.com/DT/images/2.jpg'},
// {src: 'http://www.dakshithtechnologies.com/DT/images/3.jpg'}];
// //var jR3DCarousel;
//
// jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
// width: 410, /* largest allowed width */
// height: 200, /* largest allowed height */
// slides: slideImages /* array of images source */
// });
// })
</script>
<script>
function goBack() {
window.history.back();
}
</script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
</body>
</html>