-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
executable file
·177 lines (142 loc) · 6.98 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
<title>Blue Bird Technologies Contact</title>
<meta name="description" content="Blue Bird Tech develops mobile apps that help people with mental disorders better deal with their symptoms.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Caveat|Open+Sans:300,400,700" rel="stylesheet">
<!-- Remove if using minified version of CSS -->
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/swiper.css" />
<link rel="stylesheet" href="css/aos.css" />
<link rel="stylesheet" href="css/bootstrap-slider.css" />
<link rel="stylesheet" href="css/style.css">
<!-- Uncomment the following to use the minified version of CSS. If you do this, please remove the above references -->
<!--
<link rel="stylesheet" href="css/alba.min.css" />
<link rel="stylesheet" href="css/vendor.min.css">
-->
</head>
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="90">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="page-loader d-flex align-items-center justify-content-center">
<div class="container">
<img class="logo fading-logo" src="img/logo.png" alt="Blue Bird Technologies" />
</div>
</div>
<!-- < NAVIGATION WITH BACKGROUND COLOR NAVBAR >............................................ -->
<nav class="navbar navbar-expand-md navigation sidebar-left">
<div class="container">
<button class="navbar-toggler" type="button">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand">
<img src="img/logo.png" alt="Blue Bird Technologies" class="logo">
</a>
<div class="collapse navbar-collapse ml-auto" id="main-navbar">
<div class="sidebar-brand">
<a href="index.html">
<img src="img/logo.png" alt="Blue Bird Technologies" class="logo">
</a>
</div>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="index.html"><i class="fa-cubes"></i>Home</a></li>
<li class="nav-item"><a class="nav-link" href="https://wise-mind.de/"><i class="fa-cubes"></i>Blog</a></li>
</ul>
</div>
</div>
</nav>
<main>
<section class="section contact">
<div class="container">
<div class="section-heading">
<h2>Get in touch</h2>
<p class="lead">We are here to help, drop us a line if you have any questions</p>
</div>
<form action="srv/contact.php" method="post" class="form form-contact" name="form-contact" response-message-animation="slide-in-up">
<div class="form-group">
<label for="contact_fullname">Full name</label>
<input type="text" name="Contact[fullName]" id="contact_fullname" class="form-control bg-1" placeholder="Enter your full Name" required>
</div>
<div class="form-group">
<label for="contact_email">Email address</label>
<input type="email" name="Contact[email]" id="contact_email" class="form-control bg-1" placeholder="Valid Email" required>
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="contact_email">Subject</label>
<input type="text" name="Contact[subject]" id="contact_subject" class="form-control bg-1" placeholder="Subject" required>
</div>
<div class="form-group">
<label for="contact_email">Message</label>
<textarea name="Contact[message]" id="contact_message" class="form-control bg-1" placeholder="What do you want to let us know?" rows="8" required></textarea>
</div>
<div class="form-group">
<button id="contact-submit" data-loading-text="Sending..." name="submit" type="submit" class="btn btn-primary px-5 py-3">
Send Message
</button>
</div>
</form>
<div class="response-message">
<div class="section-heading">
<i class="lnr lnr-thumbs-up font-xl"></i>
<h2 class="bold">Thank you!!!</h2>
<p class="response">Your message has been send, we will contact you as soon as possible.</p>
</div>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="site-footer section bg-5 color-smoke">
<div class="container pb-3">
<div class="row">
<div class="col-12 col-md-5 mr-auto">
<!-- <h4 class="color-1">About <span class="bold">Alba</span></h4> -->
<img src="img/logo weiß.png" class="icon ml-0" alt="">
<p>Whether you want to work with us or simply have a question, don't hesitate to get in touch! Simply send us an email to <A href="mailto:info@blue-bird-tech.com">info@blue-bird-tech.com</A></p>
</div>
</div>
<hr class="mt-5 bg-2 border-0">
<div class="row footer-bottom small">
<div class="col">
<p class="mt-2 mb-0">© 2018 Blue Bird Technologies. All Rights Reserved</p>
</div>
<div class="col-sm-6 col-md-auto">
<nav class="nav">
<a class="nav-link" href="imprint.html">Imprint</a>
</nav>
</div>
</div>
</div>
</footer>
<!-- Remove if using minified version of JS -->
<script src="js/popper.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/pace.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/aos.min.js"></script>
<script src="js/bootstrap-slider.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/modernizr-2.8.3.min.js"></script>
<script src="js/forms.min.js"></script>
<script src="js/main.js"></script>
<!-- Uncomment the following to use the minified version of JS. If you do this, please remove the above references -->
<!--
<script src="js/lib.min.js"></script>
<script src="js/alba.min.js"></script>
-->
</body>
</html>