brochure/index.html at master · EnjambreBit/brochure · 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
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>Enjambre Bit SRL - Brochure</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="/js/source/jquery.fancybox.css" type="text/css" media="screen" />

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/black.css">

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- Tema Enjambre Bit para Brochure -->
		<link rel="stylesheet" href="css/theme/ebit-brochure.css">
		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				<section data-background-image="img/enjambre-bit_brochure_inicio.png">
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sinfin.png">
					<h1><span class="red">> </span>Somos una empresa joven.</h1>
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sinfin.png">
					<h1><span class="red">> </span><b>Creemos</b> que el <b>arte y la tecnología</b> juntos tienen un <b>potencial creativo</b> sin límites.</h1>
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sinfin.png">
					<h1><span class="red">> </span>Ofrecemos soluciones.</h1>
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sonidos-mutantes.png">
				</section>
				<section data-transition="fade" data-background-image="img/enjambre-bit_brochure_dividido.png">
					<div>
						<div class="row">
							<div class="col-md-4 ebit-red-panel">
								<h1>VJ</h1>
								<h2>Visuales Sonidos Mutantes</h2>
								<br />
								<p><i>Buscamos...</i></p>
								<ul>
									<li><span class="black">> </span><b>Romper </b>con los <b>límites </b>del video clip.</li>
									<li><span class="black">> </span><b>Acercarlo </b>al mundo del video juego.</li>
									<li><span class="black">> </span>Establecer un <b>diálogo </b>con el entorno <b>sonoro</b>.</li>
								</ul>
							</div>
							<div class="col-md-1"></div>
							<div class="col-md-7 ebit-gray-panel">
								<img data-src="img/enjambre-bit_brochure_sonidos-mutantes_screenshot1.png" />
								<ul>
									<li><span class="red">> </span>Visuales 3D para la performance sonora de <b>Banda de Mutantes</b></li>
									<li><span class="red">> </span>Casa Nacional del Bicentenario</li>
									<li><span class="red">> </span>#LaNocheDeLosMuseos</li>
								</ul>
							</div>
						</div>
					</div>
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sonidos-mutantes2.png">
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sonidos-mutantes3.png">
				</section>
				<section data-background-image="img/enjambre-bit_brochure_sonidos-mutantes-flyer.png">
				</section>
			</div>
		</div>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.js"></script>

		<script>
			// More info https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				history: true,
				width: "100%",
				height: "100%",
				margin: 0,
				minScale: 1,
				maxScale: 1,

				// More info https://github.com/hakimel/reveal.js#dependencies
				dependencies: [
					{ src: 'plugin/markdown/marked.js' },
					{ src: 'plugin/markdown/markdown.js' },
					{ src: 'plugin/notes/notes.js', async: true },
					{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
				]
			});
		</script>
	</body>
</html>