-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (175 loc) · 11.2 KB
/
index.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
178
179
180
181
182
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Urban Sound Factory Transformamos tus ideas en sonidos brillantes. Disfruta grabaciones personalizadas y de alta calidad para capturar la esencia única de cada artista musical.">
<meta name="keywords" content="Estudio de grabación,Producción musical,Grabación de música personalizada,Servicios de producción de música,Estudio de grabación profesional,Grabación de audio de alta calidad,Producción de música independiente,Grabación de artistas emergentes,Estudio de música creativa,HTML,BOOSTRAP,JS,SASS">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="./img/audio-1293284.svg" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/styles.css">
<title>Urban Sound Factory</title>
</head>
<body>
<header>
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-black fs-5">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="./img/audio-1293284.svg" alt="logo empresa" width="50" height="44"></img>
Urban <span class="text-warning">Sound</span>
</a>
<button class="navbar-toggler text-warning" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./pages/servicios.html">Servicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/estudio.html">Estudio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/trabajos.html">Trabajo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contactos.html">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="carouselWithCaptions" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#carouselWithCaptions" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselWithCaptions" data-bs-slide-to="1"></li>
<li data-bs-target="#carouselWithCaptions" data-bs-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active c-item">
<img src="./img/slider 1.jpg" class="d-block w-100 c-img" alt="Slide 1">
<div class="carousel-caption top-0 mt-4 ">
<p class="mt-5 fs-3 text-uppercase">¡Hola y bienvenido a Urban Sound Factory!</p>
<h5 class="display-3 fw-bolder text-capitalize">Despierta tu música En nuestro estudio,
transformamos tus ideas en sonidos que brillan.</h5>
<a href="./pages/servicios.html">
<button class="btn btn-outline-warning px-4 py-2 fs-5 mt-5">+INFO</button>
</a>
</div>
</div>
<div class="carousel-item c-item">
<img src="./img/slider 2.jpg" class="d-block w-100 c-img" alt="Slide 2">
<div class="carousel-caption top-0 mt-4 ">
<p class="mt-5 fs-3 text-uppercase">¿Quienes somos?</p>
<h5 class="display-3 fw-bolder text-capitalize">somos un equipo dedicado a capturar la esencia única
de cada artista y sonido.</h5>
<a href="./pages/servicios.html">
<button class="btn btn-outline-warning px-4 py-2 fs-5 mt-5">+INFO</button>
</a>
</div>
</div>
<div class="carousel-item c-item">
<img src="./img/slider 3.jpg" class="d-block w-100 c-img" alt="Slide 3">
<div class="carousel-caption top-0 mt-4 ">
<p class="mt-5 fs-3 text-uppercase">¿Que Ofrecemos?</p>
<h5 class="display-3 fw-bolder text-capitalize">Ofrecemos experiencias de grabación personalizadas y
de alta calidad.</h5>
<a href="./pages/servicios.html">
<button class="btn btn-outline-warning px-4 py-2 fs-5 mt-5"> +INFO</button>
</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselWithCaptions" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselWithCaptions" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
<section class="serviceCG bg-black">
<div class="card-group">
<div class="card rounded-3">
<img src="./img/application-customer-mobile-svgrepo-com.svg" class="servicecard" alt="24mobile">
<div class="card-body">
<h5 class="card-title">¿Por qué confiar en nuestro soporte técnico 24/7?🚀</h5>
<p class="card-text">Nuestro equipo está siempre listo para responder a tus llamadas, emails o mensajes, garantizando una asistencia rápida y efectiva, sin importar la hora.Contamos con especialistas en tecnología de sonido que pueden resolver desde los problemas más simples hasta los más complejos, asegurando que tu equipo funcione perfectamente.</p>
</div>
</div>
<div class="card rounded-3">
<img src="./img/always-hours-service-svgrepo-com.svg" class="servicecard" alt="24horas">
<div class="card-body">
<h5 class="card-title">Accesibilidad Total🚀</h5>
<p class="card-text">¿La inspiración te llega de madrugada? ¿Tu banda solo está completa después de la medianoche? No te preocupes, en Urban Sound estamos abiertos las 24 horas del día, 7 días a la semana, listos para capturar cada nota de tu creatividad cuando te sientas inspirado.
</p>
</div>
</div>
<div class="card rounded-3">
<img src="./img/business-customer-heart-svgrepo-com.svg" class="servicecard" alt="24musica">
<div class="card-body">
<h5 class="card-title">Confort en el Estudio🚀</h5>
<p class="card-text">En Urban Sound, creemos que la magia musical surge de la perfecta armonía entre el artista y el productor, en un ambiente que inspira y acoge. Es por eso que hemos diseñado nuestro estudio para ser tu segundo hogar, un lugar donde cada nota encuentra su espacio y cada sesión se siente como una revelación.</p>
</div>
</div>
</div>
</section>
<div class="c-botton">
<a href="./pages/servicios.html">
<button class="btn btn-outline-warning px-4"> +INFO</button>
</a>
</div>
<section class="videoabout bg-black">
<div class="ratio" style="--bs-aspect-ratio: 50%;">
<video class="video" autoplay muted loop>
<source src="./img/videoprabout.mp4" type="video/mp4">
</video>
</div>
<div class="card2 m-4 rounded-3">
<div class="card-body">
<h5 class="card-title text-center">⚡Confía en Nosotros⚡</h5>
<h6 class="card-subtitle text-center fs-5 mb-2 text-muted">🚀Experiencia y Profesionalismo🚀</h6>
<p class="card-text text-center">En Urban Sound, tu confianza es nuestra nota clave. Con un equipo de expertos en producción musical y un compromiso inquebrantable con la excelencia, te garantizamos resultados que superarán tus expectativas. Deja tu música en manos de profesionales y prepárate para brillar con Urban Sound.</p>
<h5 class="card-title text-center">💽Testimonios💽</h5>
<h6 class="card-subtitle text-center fs-5 mb-2 text-muted">🚀Artistas y Productores🚀</h6>
<p class="card-text text-center">
"Urban Sound ha demostrado ser el socio perfecto para mi carrera musical. Su profesionalismo y pasión por la música se reflejan en cada nota. Gracias a su dedicación, mi música ha alcanzado un nuevo nivel de calidad y autenticidad. ¡Recomendaría a Urban Sound a cualquier artista que busque destacarse en la industria musical!"-Morad
</p>
<p class="card-text text-center">
"Trabajar con Urban Sound ha sido una experiencia increíble. Su equipo de producción musical realmente captó mi visión artística y llevó mi música a un nivel completamente nuevo. ¡No puedo esperar para colaborar con ellos en futuros proyectos!"-YG Marley
</p>
</div>
</div>
</section>
<div class="c-botton">
<a href="./pages/servicios.html">
<button class="btn btn-outline-warning px-4"> +INFO</button>
</a>
</div>
<footer>
<p>Todos los derechos son reservados por copyright </p>
<div class="redes">
<a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram"></i></a>
<a href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fa-brands fa-linkedin"></i></a>
</div>
</footer>
<a href="#" class="subir"><i class="fa-solid fa-chevron-up"></i></a>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>