Merge pull request #232 from LibreCodeCoop/feature/contact-page

contact page

Author: vitormattos

source/_assets/sass/main.scss

@@ -1745,3 +1745,27 @@ End blog page style
     margin-top: 100px;
     margin-bottom: -90px;
 }
+
+/*-----------------------------------------------------
+  Start contact page
+*/
+#contact_backgroud {
+  padding: 60px 0px 30px 0px; /*top right bottom left*/
+}
+
+.contact-icon{
+  font-size:20px;
+  border-radius: 30px;
+  background-color: #e5332a;
+  padding:20px;
+  color:white;
+}
+
+.contact-us-div{
+  background-color: #cdcccc;
+  border-radius: 15px;
+}
+
+/*-----------------------------------------------------
+  End contact page
+*/

source/_partials/contact_form.blade.php

@@ -0,0 +1,43 @@
+<main id="contact" class="hight-jobs-page mb-5">
+
+    <section id="contact_backgroud">
+        <div class="container" data-aos="fade-up">
+
+        <header class="section-header mb-5">
+            <h1 class="display-4">Fale Conosco</h1>
+        </header>
+
+        </div>
+    </section>
+
+    <section id="contact_backgroud">
+        <div class="container">
+            <div class="row justify-content-md-center">
+
+                <div class="col-lg-8 pt-5">
+                    <h4 class="text-center mb-5">Vamos quebrar o gelo.</h4>
+                    <p class="text-center mb-5 p-3">Estamos aqui para ajudar! Se você tiver alguma dúvida, sugestão ou precisar de mais informações sobre nossos produtos e serviços, não hesite em nos contatar. </p>
+                    <iframe id="form-contato" src="https://ls.librecode.coop/?r=survey/index&sid=467949&newtest=Y" style="width: 100%;height:460px;border: 0;overflow:hidden;" scrolling="no"></iframe>
+                </div>
+                
+                <div class="col-lg-4 contact-us-div pt-5">
+                    <h4 class="text-center mb-5">Contate-nos</h4>
+                    
+                    <div class="row justify-content-md-center">
+                        <div class="col-lg-12 col-sm-6 text-center mb-5">
+                            <a href="tel:+55(21)2042-2073"><i class="lni lni-phone contact-icon"></i></a>
+                            <p class="mt-3">+55(21)2042-2073</p>
+                        </div>
+                        <div class="col-lg-12 col-sm-6 text-center">
+                            <a href="mailto:[email protected]"><i class="lni lni-envelope text-center contact-icon"></i></a>
+                            <p class="mt-3">[email protected]</p>
+                        </div>
+                    </div>
+
+                </div>
+                
+                <p class="text-center mt-4">Agradecemos pelo seu contato e estaremos ansiosos para ajudar!</p>
+            </div>
+        </div>
+    </section>
+</main>

source/contact.blade.php

@@ -0,0 +1,4 @@
+@extends('_layouts.main')
+@section('body')
+    @include('_partials.contact_form')
+@endsection

source/index.blade.php

@@ -154,33 +154,8 @@
         </div>
       </div>
     </section><!-- #intro -->
-
-     <!--==========================
-      Contact Section
-    ============================-->
-    <section id="contact">
-      <div class="container">
-        <div class="section-header">
-          <h3>Contato</h3>
-        </div>
-        <div class="row wow fadeInUp">
-          <div class="col-lg-12">
-            <div class="row">
-              <div class="col-md-6 info">
-                <i class="ion-ios-email-outline"></i>
-                <p>[email protected]</p>
-              </div>
-              <div class="col-md-6 info" style="text-align: right;">
-                <i class="ion-ios-telephone-outline"></i>
-                <p>+55(21)2042-2073</p>
-              </div>
-            </div>
-            <div class="form">
-              <iframe id="form-contato" src="https://ls.librecode.coop/?r=survey/index&sid=467949&newtest=Y" style="width: 100%;height:460px;border: 0;overflow:hidden;" scrolling="no"></iframe>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section><!-- #contact -->
   </main>
+
+  @include('_partials.contact_form')
+
 @endsection