-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontactus.html
174 lines (154 loc) · 7.5 KB
/
contactus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Chroma Estudio</title>
<!-- small icon in the browser tag -->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"/>
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<!-- bootstrap css and mobile device settings -->
<link href="css/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- css page link -->
<link rel="stylesheet" href="css/styles.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130239876-1"></script>
<script>
window.dataLayer = window.dataLayer || []; function
gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config',
'UA-130239876-1');
</script>
</head>
<body >
<header>
<!-- start navigation bar -->
<nav class="navigation-bar">
<div class="logo-icon">
<a class="logo" href="index.html">
<img alt="Logo Chroma-Estudio" src="images/logo2.png" width="200">
</a>
</div>
<!-- Mobile-navigation bar -->
<label class="hamburger-icon" for="toggle">☰</label>
<input type="checkbox" id="toggle"/>
<div class="dropdown-menu pull-right">
<ul class="hamburger-menu">
<li class="dropdown-header">PROJECTS</li>
<li id="residentialFilter"><a href="index.html">PROJECTS</a></li>
<!-- <li id="residentialFilter"><a href="#">RESIDENTIAL</a></li>
<li id="multiFamilyFilter"><a href="#" >MULTI-FAMILY</a></li>
<li id="commercialFilter"><a href="#" >COMMERCIAL</a></li>
<li id="officesFilter"><a href="#" >OFFICES</a></li> -->
<li class="divider"></li>
<li class="dropdown-header">CONTACT</li>
<li><a href="contactus.html">CONTACT</a></li>
<li class="divider"></li>
<li class="dropdown-header">SOCIAL</li>
<li>
<a class="facebook-icon" href="https://www.facebook.com/chromaestudio.com.ar" target="_blank">FACEBOOK</a>
</li>
<li>
<a class="instagram-icon" href="https://www.instagram.com/chroma_estudio/" target="_blank" >INSTAGRAM</a>
</li>
</ul>
</div>
<!-- Ends Mobile-navigation bar -->
<!-- start desktop navigation bar -->
<div class="menus">
<ul class="navigation">
<li id="projectsFilter"><a class="menu-nav" data-toggle="collapse" data-target="#demo" href="index.html" >PROJECTS</a></li>
<li><a class="menu-nav" href="contactus.html">CONTACT</a></li>
</ul>
<ul class="dropdown collapse" id="demo">
<li id="residentialFilter"><a href="#">RESIDENTIAL</a></li>
<li id="multiFamilyFilter"><a href="#" >MULTI-FAMILY</a></li>
<li id="commercialFilter"><a href="#" >COMMERCIAL</a></li>
<li id="officesFilter"><a href="#" >OFFICES</a></li>
</ul>
</div>
<div class="menu-social">
<ul class="social-menu">
<li>
<a class="facebook-icon" href="https://www.facebook.com/chromaestudio.com.ar" target="_blank">
<img alt="facebook icon @clipartmax.com" src="images/f-icon-black-c.png" width="30">
</a>
</li>
<li>
<a class="instagram-icon" href="https://www.instagram.com/chroma_estudio/" target="_blank">
<img alt="instagram icon @clipartmax.com" src="images/i-icon-b-2.png" width="30">
</a>
</li>
</ul>
</div>
<!-- Ends desktop navigation bar -->
</nav>
</header>
<!-- parallax image and text -->
<div class="parallax" id="img1">
</div>
<div class="studio">
<strong>CHROMA STUDIO</strong> provide architectural, interior and furniture design services operating from our studio in Palermo Buenos Aires, Argentina.
<br/><strong>CHROMA</strong> is committed to understanding the client’s dream hence making the dream a reality.
We are passionate about the work we undertake for our clients and we believe a good client relationship is key to the success of a project.
<br/> We also work for property developers whose objective is to make a financial profit from their projects.
If required or applicable we can provide a financial business plan for a project.
</div>
<!-- start container format -->
<div class="container">
<div class="contact" style="margin-bottom:40px">
<div class="p-contact col-sm-6 col-xs-12">
For Contact Us:<br/>
email: <strong>[email protected]</strong>
<br/>
Tel: <strong>11.5561.6972</strong>
<br/>
address: <strong> Scalabrini Ortiz 1611<br/>
Capital Federal, Argentina</strong>
</div>
<!-- map from google maps -->
<iframe class="col-sm-6 col-xs-12" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3284.53195684732!2d-58.426229!3d-34.5907077!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcca78967ea51b%3A0x189c41ba753ac264!2sRa%C3%BAl+Scalabrini+Ort%C3%ADz+1611%2C+C1414DOD+CABA%2C+Argentina!5e0!3m2!1ses-419!2suk!4v1542710224735" width="500" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<!-- email contact form using formspree.io -> send mail to [email protected] -->
<form method="POST" action="https://formspree.io/[email protected]">
<h2>or send us a message</h2>
<div class="form-group col-sm-6">
<div class="form-group">
<label for="InputName">Your Name:</label>
<input type="name" class="form-control" name="name" placeholder="Your Name">
</div>
<div class="form-group">
<label for="InputEmail1">Email address:</label>
<input type="email" id="email" name="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<label for="InputEmail1">Phone number:</label>
<input type="tel" id="tel" name="tel" class="form-control" placeholder="Phone number">
</div>
</div>
<div class="form-group col-sm-6">
<label for="InputSubject">Subject</label>
<input type="subject" name="_subject" class="form-control" placeholder="Subject">
</div>
<div class="form-group col-sm-6">
<label for="InputMessage">Message</label>
<textarea class="form-control" name="textarea" rows="4" placeholder="Message"></textarea>
</div>
<div id="button-form" class="form-group col-sm-6">
<button type="submit" class="btn btn-default btn-lg pull-right" >Send me!</button>
</div>
</form>
</div>
<footer class="footer">
<span class="text-muted"> Tel: (54911) 6868 2874 - mail:[email protected] -
<a class="facebook-icon" href="https://www.facebook.com/chromaestudio.com.ar" target="_blank"><img alt="facebook icon @clipartmax.com" src="images/f-icon-black-c.png" width="25"></a>
<a class="instagram-icon" href="https://www.instagram.com/chroma_estudio/" target="_blank"><img alt="instagram icon @clipartmax.com" src="images/i-icon-b-2.png" width="25"></a></span>
</footer>
<!-- jquery and javascript links -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>