batit.github.io/index.html at master · Batit/batit.github.io · GitHub

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
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>

	<!-- Page header
	================================================== -->
	<meta charset="utf-8">
	<meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content=""/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- Page Title
	================================================== -->
	<title>Batit | Digital Studio </title>

	<!-- CSS
	================================================== -->

	<!--Icon font-->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

	<!--Content Animation-->
	<link rel="stylesheet" href="css/animsition.min.css"/>

	<!--Common Style-->
	<link rel="stylesheet" href="css/batit.css"/>

	<!-- Favicons
	================================================== -->

	<!-- <link rel="shortcut icon" href="favicon.png">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png"> -->

</head>
<body>

	<div class="animsition" data-animsition-in="fade-in" data-animsition-out="fade-out">


			<!-- HOME SECTION
			================================================== -->
			<section class="animated-pattern">

					<div class="container">

						<img  class="logo" src="images/logo.png" alt=""  />
						<h1 class="lp3 sm-top10 sm-bottom10 fontalt4"><strong>Creamos experiencias, cautivamos usuarios</strong> <br><br>Batit es un estudio creativo que crece y evoluciona contigo para crear conceptos digitales de vanguardia que responden a las necesidades de tus clientes. <br><br> <strong>Estamos en construcción.</strong> </h1>


						<!-- SOCIAL LINK FOR SMALL DEVICES
						================================================== -->
						<div class="footer-social-links">
							<a target="_blank" title="Facebook" href="https://www.facebook.com/Batit-Studio-954263581279332/"><i class="fa fa-facebook"></i></a>
							<a target="_blank" title="Twitter" href="https://twitter.com/BatitStudio"><i class="fa fa-twitter"></i></a>
							<a title="E-mail" href="mailto:batit.studio@gmail.com?subject=Contacto"><i class="fa fa fa-envelope"></i></a>
							<a target="_blank" title="LinkedIn+" href="#"><i class="fa fa-linkedin"></i></a>
						</div>

						<!--  SOCIAL LINK FOR LARGE DEVICES
						================================================== -->
						<div class="share clearfix">
							<button class="share-toggle-button">
								<i class="share-icon fa fa-share-alt"></i>
							</button>
							<ul class="share-items">
								<li class="share-item">
									<a target="_blank" href="https://www.facebook.com/Batit-Studio-954263581279332/" class="share-button">
										<i class="share-icon fa fa-facebook"></i>
									</a>
								</li>
								<li class="share-item">
									<a target="_blank" href="https://twitter.com/BatitStudio" class="share-button">
										<i class="share-icon fa fa-twitter"></i>
									</a>
								</li>
								<li class="share-item">
									<a href="mailto:batit.studio@gmail.com?subject=Contacto" class="share-button">
										<i class="share-icon fa fa fa-envelope"></i>
									</a>
								</li>
								<li class="share-item">
									<a target="_blank" href="#" class="share-button">
										<i class="share-icon fa fa-linkedin"></i>
									</a>
								</li>
							</ul>
						</div>

						<!--  FOTTER
						================================================== -->
						<div class="">
							<p> &copy; BATIT STUDIO 2015<br>   Made with <span>&hearts;</span> by a bunch of dudes who love technology.</p>
						</div>


					</div>

			</section>


	</div>

	<!-- JAVASCRIPT
    ================================================== -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/share.js"></script>
<script type="text/javascript" src="js/jquery.animsition.min.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript">
(function($) { "use strict";
	$(document).ready(function() {

	  $(".animsition").animsition({

		inClass               :   'fade-in',
		outClass              :   'fade-out',
		inDuration            :    4000,
		outDuration           :    800,
		linkElement           :   '.animsition-link',
		// e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
		loading               :    true,
		loadingParentElement  :   'body', //animsition wrapper element
		loadingClass          :   'animsition-loading',
		unSupportCss          : [ 'animation-duration',
								  '-webkit-animation-duration',
								  '-o-animation-duration'
								],
		//"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
		//The default setting is to disable the "animsition" in a browser that does not support "animation-duration".

		overlay               :   false,

		overlayClass          :   'animsition-overlay-slide',
		overlayParentElement  :   'body'
	  });
	});
})(jQuery);
</script>

</body>
</html>