#15 First implementation

arnaugarcia · Mar 6, 2017 · 640a82b · 640a82b
1 parent b1b3fbf
commit 640a82b
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 9 deletions.
diff --git a/src/main/webapp/app/entities/contact/contact.state.js b/src/main/webapp/app/entities/contact/contact.state.js
@@ -26,7 +26,6 @@
             resolve: {
                 translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
                     $translatePartialLoader.addPart('contact');
-                    $translatePartialLoader.addPart('global');
                     return $translate.refresh();
                 }]
             }

diff --git a/src/main/webapp/app/entities/contact/contacts.html b/src/main/webapp/app/entities/contact/contacts.html
@@ -1,5 +1,59 @@
+<div ng-include="'app/layouts/header/header.categories.html'"></div>
 <div>
-    <h2 data-translate="assessoriaTorrellesApp.contact.home.title">Contacts</h2>
-    <jhi-alert></jhi-alert>
-    <br/>
+<div id="content">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12">
+                <div class="blog-container">
+                    <div class="blog-content">
+                        <div id="map"></div>
+                        <div class="blog-title">
+                            <h2 data-translate="contact.title1"></h2>
+                            <h3 data-translate="contact.title2"></h3>
+                        </div>
+
+                        <div class="blog-text contact">
+                            <div class="row">
+                                <div class="col-md-8 col-sm-7">
+                                    <form>
+                                        <div class="form-group">
+                                            <label for="name" class="sr-only">Name</label>
+                                            <input type="text" class="form-control" placeholder="Enter your name">
+                                        </div>
+                                        <div class="form-group">
+                                            <label for="email" class="sr-only">Email</label>
+                                            <input type="email" class="form-control" placeholder="Enter your email">
+                                        </div>
+                                        <div class="form-group">
+                                            <label for="subject" class="sr-only">Subject</label>
+                                            <input type="text" class="form-control" placeholder="Enter subject">
+                                        </div>
+                                        <div class="form-group">
+                                            <label for="name" class="sr-only">Message</label>
+                                            <textarea class="form-control" rows="5" placeholder="Enter your name"></textarea>
+                                        </div>
+                                        <div class="form-group">
+                                            <button type="submit" name="submit" class="btn btn-success" data-translate="contact.button"><i class="fa fa-envelope-o"></i></button>
+                                        </div>
+                                    </form><br>
+                                </div>
+                                <div class="col-md-4 col-sm-5">
+                                    <address>
+                                        <strong>AvriqqLabs, Inc.</strong><br>
+                                        231 Yogyakarta, INA 55791<br>
+                                        [email protected]<br>
+                                        http://www.domain.com <br>
+                                        <abbr title="Phone">Telp.</abbr> (0274) 441-5000
+                                    </address>
+                                </div>
+                            </div>
+                        </div>
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 </div>
diff --git a/src/main/webapp/content/js/script.js b/src/main/webapp/content/js/script.js
@@ -144,7 +144,7 @@ $(document).ready(function(){
     /* carousel single */
     $('#slider-property').carousel({
         interval: 6500
-    })
+    });
 
 
     /* map property */

diff --git a/src/main/webapp/i18n/en/contact.json b/src/main/webapp/i18n/en/contact.json
@@ -1,6 +1,5 @@
 {
-    "assessoriaTorrellesApp": {
-        "contact" : {
+    "contact" : {
             "home": {
                 "title": "Contacts",
                 "createLabel": "Create a new Contact",
@@ -15,7 +14,9 @@
             },
             "detail": {
                 "title": "Contact"
-            }
+            },
+            "title1": "Please don't hesitate to contact us if you need our help.",
+            "title2": "If you wanna like to contact me, please fill the form bellow.",
+            "button": "Send Message"
         }
-    }
 }