-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
executable file
·150 lines (139 loc) · 4.56 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
---
layout: default
title: Contact
id: contact
---
<!-- Promo Section -->
<section class="section section-alt">
<div id="map"></div>
</section>
<!-- Contact content -->
<section class="section section-padded">
<div class="container-fluid">
<div class="section-header">
<h1>
Want
<small class="light">to talk?</small>
</h1>
</div>
<p class="lead text-center">
You can find me on the following social networks
</p>
<div class="flexslider fadein-links" data-flex-animation="slide" data-flex-controls="hide" data-flex-directions-position="outside" data-flex-directions-type="fancy" data-flex-itemwidth="180" data-flex-slideshow="false" id="client">
<ul class="slides text-center">
<li>
<a href="http://www.linkedin.com/pub/v%C3%ADctor-t%C3%A9llez-lozano/45/a49/1a2" target="_blank">
<img alt="client" src="{{site.url}}images/assets/social/linkedin.png"/> Linked in
</a>
</li>
<li>
<a href="https://github.com/vtellez" target="_blank">
<img alt="client" src="{{site.url}}images/assets/social/github.png"/> Github
</a>
</li>
<li>
<a href="http://twitter.com/_vtellez" target="_blank">
<img alt="client" src="{{site.url}}images/assets/social/twitter.png" /> Twitter
</a>
</li>
<li>
<a href="http://vtellezblog.wordpress.com/" target="_blank">
<img alt="client" src="{{site.url}}images/assets/social/wordpress.png"/> Wordpress
</a>
</li>
<li>
<a href="http://facebook.com/tellez.victor" target="_blank">
<img alt="client" src="{{site.url}}images/assets/social/facebook.png"/> Facebook
</a>
</li>
<li>
<a href="http://www.flickr.com/photos/vtellez_flickr/" target="_blank">
<img alt="client" src="{{site.url}}images/assets/social/flickr.png"/> Flickr
</a>
</li>
</ul>
</div>
<br/><br/>
<p class="lead text-center">
If you prefer to contact me directly, you can do it with the following information:
</p>
<hr />
<div class="row-fluid">
<div class="span8 contact-details offset2">
<ul class="icons">
<li>
<h3 class="text-info">
Contact details
</h3>
<p class="lead">
<i class="icon-phone"></i> Phone: (+34) 670 468 166
<br />
<i class="icon-comment"></i> tellez.victor@gmail.com
<br />
<i class="icon-envelope"></i> <a href="mailto:contacto@vtellez.es">contacto@vtellez.es</a>
</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("#########");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<script type="text/javascript">
//<![CDATA[
// Create an array of styles.
var styles = [
{
stylers: [
{ saturation: -85 }
]
},{
featureType: 'road',
elementType: 'geometry',
stylers: [
{ hue: "#002bff" },
{ visibility: 'simplified' }
]
},{
featureType: 'road',
elementType: 'labels',
stylers: [
{ visibility: 'off' }
]
}
],
// put your locations lat and long here
lat = 37.38030565015538,
lng = -5.99145046191405,
// Create a new StyledMapType object, passing it the array of styles,
// as well as the name to be displayed on the map type control.
styledMap = new google.maps.StyledMapType(styles,
{name: 'Styled Map'}),
// Create a map object, and include the MapTypeId to add
// to the map type control.
mapOptions = {
zoom: 14,
scrollwheel: false,
center: new google.maps.LatLng( lat, lng ),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP]
}
},
map = new google.maps.Map(document.getElementById('map'), mapOptions),
charlotte = new google.maps.LatLng( lat, lng ),
marker = new google.maps.Marker({
position: charlotte,
map: map,
title: "Hello World!"
});
//Associate the styled map with the MapTypeId and set it to display.
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
//]]>
</script>