-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
116 lines (114 loc) · 6.6 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
---
layout: default
title: ElasTest Contact
active: contact
section-title: Contact
section-icon: mdi mdi-contact-mail
---
<section class="section-top-98 section-sm-top-110">
<div class="shell">
<h2 class="h1">Contact with us</h2>
<hr class="divider bg-orange">
</div>
<!-- Contact Us-->
<section>
<div class="shell-fluid">
<div class="range range-xs-center text-sm-left offset-top-50">
<div class="cell-xs-10 cell-sm-8 cell-md-8 cell-xl-6 text-left">
<p><strong>Francisco Gortázar</strong> is the Elastest project coordinator. You can contact to him if you want any futher information about ElasTest.</p>
</div>
</div>
<div class="range range-xs-center text-sm-left offset-top-50">
<div class="cell-xs-10 cell-sm-8 cell-md-8 cell-lg-5 cell-xl-4">
<!-- RD Mailform-->
<form data-form-type="contact" method="post" action="https://formspree.io/[email protected]" class="text-left">
<div class="range">
<div class="cell-lg-6">
<div class="form-group">
<label for="contact-me-name" class="form-label">Name</label>
<input id="contact-me-name" type="text" name="name" data-constraints="@Required" class="form-control">
</div>
</div>
<div class="cell-lg-6 offset-top-20 offset-lg-top-0">
<div class="form-group">
<label for="contact-me-phone" class="form-label">Phone</label>
<input id="contact-me-phone" type="text" name="phone" data-constraints="@Required" class="form-control">
</div>
</div>
<div class="cell-lg-12 offset-top-20 offset-lg-top-30">
<div class="form-group">
<label for="contact-me-email" class="form-label">E-Mail</label>
<input id="contact-me-email" type="email" name="email" data-constraints="@Required @Email" class="form-control">
</div>
</div>
<div class="cell-lg-12 offset-top-20 offset-lg-top-30">
<div class="form-group">
<label for="contact-me-message" class="form-label">Message</label>
<textarea name="message" id="contact-me-message" name="message" data-constraints="@Required" style="height: 150px" class="form-control"></textarea>
</div>
</div>
</div>
<div class="range range-xs-center range-lg-left text-center text-lg-left offset-top-30">
<div class="cell-xs-8 cell-sm-6">
<button type="submit" class="btn btn-lg btn-block btn-primary">Send message</button>
</div>
</div>
</form>
</div>
<div class="cell-xs-10 cell-sm-8 cell-md-8 cell-lg-3 cell-xl-2 offset-top-50 offset-lg-top-0">
<div class="inset-xl-right-20 text-center text-lg-left">
<address class="contact-info reveal-sm-inline-block text-left">
<div class="unit unit-spacing-sm unit-horizontal p">
<div class="unit-left"><span class="icon icon-xxs fa fa-map-marker"></span></div>
<div class="unit-body">
<p><strong>Rey Juan Carlos University</strong></p>
<p>Calle tulipán s/n. 28933 Móstoles (Madrid)</p>
<p>Spain</p>
</div>
</div>
<div class="p unit unit-spacing-xs unit-horizontal offset-top-20">
<div class="unit-left"><span class="icon icon-xxs fa fa-phone"></span></div>
<div class="unit-body"><a href="callto:91 488 8065">91 488 8065</a></div>
</div>
<div class="p unit unit-spacing-xs unit-horizontal offset-top-10">
<div class="unit-left"><span class="icon icon-xxs fa fa-envelope"></span></div>
<div class="unit-body"><a href="mailto:[email protected]">[email protected]</a></div>
</div>
</address>
</div>
<div class="text-center text-lg-left offset-top-30">
<ul class="list-inline">
<li>
<a href="https://twitter.com/elastestio" class="icon fa fa-twitter icon-xxs icon-circle icon-darkest-filled" aria-label="ElasTest Twitter"><span class="hidden">Twitter</span></a>
</li>
<li>
<a href="https://github.com/elastest" class="icon fa fa-github icon-xxs icon-circle icon-darkest-filled" aria-label="ElasTest GitHub"><span class="hidden">GitHub</span></a>
</li>
<li>
<a href="https://groups.google.com/forum/#!forum/elastest-users" class="icon mdi mdi-email icon-xxs icon-circle icon-darkest-filled" aria-label="ElasTest Email"><span class="hidden">Email</span></a>
</li>
<li>
<a href="http://elastest.io/blog" target=blank class="icon mdi mdi-blogger icon-xxs icon-circle icon-darkest-filled" aria-label="ElasTest Blog"><span class="hidden">Blog</span></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCT89tiZVQhnRQMkfDCPm_1g" class="icon mdi mdi-youtube-play icon-xxs icon-circle icon-darkest-filled" aria-label="ElasTest YouTube"><span class="hidden">YouTube</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Section RD Google Map-->
<section class="offset-top-98">
<!-- RD Google Map-->
<div class="rd-google-map">
<div id="rd-google-map" data-zoom="10" data-x="-3.8759823" data-y="40.3355012" data-styles='[{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":60}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"off"}]},{"featureType":"water","stylers":[{"visibility":"on"},{"lightness":30}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ef8c25"},{"lightness":40}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#b6c54c"},{"lightness":40},{"saturation":-40}]},{}]' class="rd-google-map__model"></div>
<ul class="rd-google-map__locations">
<li data-x="-3.8759823" data-y="40.3355012">
<p>Calle tulipán s/n. 28933 Móstoles (Madrid)</p>
</li>
</ul>
</div>
</section>
</section>