-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
158 lines (151 loc) · 7.24 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Gbox/About</title>
<link rel="icon" href="https://www.vivosmartphone.vn/themes/vivo/favicon.ico">
<meta name="title" content="" />
<meta name="description" content="" />
<meta property="og:locale" content="vi" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Trang chủ" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:image" content="" />
<link rel="stylesheet" href="dest/style.min.css">
<link rel="stylesheet" href="dest/fonts.css">
<link rel="stylesheet" href="dest/stylelibs.min.css">
</head>
<body>
<header>
<div class="wrap">
<div class="container">
<div class="logo">
<div class="language">EN</div>
<div class="ham-menu"><span></span></div>
<a href="index.html"><div><img src="img/Logo.png" alt=""></div></a>
<div><a href="https://www.facebook.com/GBOX-Studio-Coffee-586986754712909/"><img src="img/fb.png" alt=""></a></div>
</div>
</div>
</div>
<div class="container">
<div class="menu">
<a href="about.html"><div class="m-about">about</div></a>
<div class="menu__center">
<ul>
<li class="m-studio"><a href="studio.html">studio</a></li>
<li class="m-rental"><a href="studioRental.html">rental</a></li>
<li class="m-cafe"><a href="cafeGbox.html">cafe</a></li>
<li class="m-work"><a href="allWork.html">work</a></li>
</ul>
</div>
<a href="contact.html"><div class="m-contact">contact</div></a>
</div>
</div>
</header>
<main>
<div class="about">
<div class="container">
<div class="about__main">
<div class="about__main--content">
<div class="gbox"><h2>gbox</h2></div>
<div class="studio"><h2>studios</h2></div>
<div class="content">
<p>GBOX STUDIOS aim is to create a full service offering clients the highest quality of work with a comprehensive understanding of modern production, our services include advertising, products, automotive, portraits, beauty, editorial photography and video production. Gbox brand mark was inspired by the brand name and the lens – a visual representation of our world, we aim to create powerful simplicity, all components are coherence based on a box. </p>
<p>Gbox is based in Ho Chi Minh City, one of the most beautiful city in Vietnam.</p>
</div>
<div class="booking">
<div class="book-now">
<p>book</p>
<span>now</span>
</div>
<div class="if">If you want booking studios</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="wrapper">
<div class="info row">
<div class="info__left col-md-6">
<p>email</p>
<p>info@goldenboxstudios.com</p>
<div class="info__left--tel">
<span>tel</span>
<span>+84 979 872 809</span>
</div>
</div>
<div class="info__right col-md-6">
<p>If you have any questions,</p>
<p>comments or</p>
<p>suggestions, feel free to email us or</p>
<p>send us a message.</p>
</div>
</div>
</div>
</div>
<div class="footer-bot">
<div class="container">
<div class="form row">
<div class="form__address col-md-3">
<p>address</p>
<p>04 bau cat district tan binh </p>
<p>ho chi minh city.</p>
</div>
<div class="col-md-3"></div>
<div class="form__npe col-md-3">
<form action="" class="form-m" id="form-info" autocomplete="off">
<div class="form__npe--npe">
<label >Your Name</label><br>
<input name="name" type="text" id="name" value="">
<p class="p-error" id="err-name"></p>
</div>
<div class="form__npe--npe">
<label >Phone</label><br>
<input name="phone" type="number" id="phone" value="">
<p class="p-error" id="err-phone"></p>
</div>
<div class="form__npe--npe">
<label >Email</label><br>
<input name="email" type="text" id="email" value="">
<p class="p-error" id="err-email"></p>
</div>
</form>
</div>
<div class="form__sm col-md-3">
<form action="" class="form-m" id="form-info" autocomplete="off">
<div class="form__sm--sm">
<label >Subject</label><br>
<input name="subject" type="text" id="subject" value="">
<p class="p-error" id="err-sub"></p>
</div>
<div class="form__sm--sm">
<label >Message</label><br>
<input name="mes" type="text" id="mes" value="">
</div>
<div class="form__sm--sm-mes">
<input name="mes" type="text" id="mes" value="">
<p class="p-error" id="err-mes"></p>
</div>
</form>
<div class="send">send</div>
</div>
</div>
<div class="scroll">
<img class="arrow-scroll" src="img/scroll.png" alt="">
<p>© 2018 GBOX STUDIO. All rights reserved</p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="dest/jsmain.min.js"></script>
<script scr="js/libs/jquery.js"></script>
<script type="text/javascript" src="js/mainAbout.js"></script>
</body>
</html>