diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index f599670..4bc677b 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -571,7 +571,7 @@ Responsive Codes display: flex; text-decoration: none; align-items: center; - gap: 10px; + gap: 20px; } .contact-phone h5{ margin-bottom: 0; @@ -782,4 +782,112 @@ Responsive Codes .about-banner-section .breadcrumb a{ text-decoration: none; color: #FFFFFF; -} \ No newline at end of file +} +/* contact us css */ +.contact-us-section{ + padding: 3rem 6rem; + background: #0A2849; +} +.get-in-touch-section{ + padding: 3rem 6rem; + background: #F5F5F5; +} +.get-in-card{ + background: linear-gradient(90.85deg, #0E4F97 -8.48%, #103E70 64.66%); + box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.25); + border-radius: 15px; + padding: 3rem; +} +.get-in-card .row{ + display: flex; + align-items: center; +} +.contact-icon{ + display: flex; + align-items: center; + gap: 15px; + margin-bottom: 12px; +} +.contact-icon h5{ + font-weight: 500; + color: #FFFFFF; + margin-bottom: 0; +} +.get-in-desc h2{ + font-weight: 700; + font-size: 28px; + color: #FFFFFF; +} +.get-in-desc p{ + font-weight: 500; + font-size: 14px; + line-height: 178%; + color: #FFFFFF; + margin-bottom: 50px; +} +.get-in-card .col-md-7{ + position: relative; +} +.get-in-card .col-md-7::before{ + content: ''; + position: absolute; + background: #F54C5F; + border-radius: 5px; + z-index: 1; + top: 10%; + width: 97%; + height: 450px; +} +.contact-form{ + position: relative; + background: #F7F7F9; + border-radius: 10px; + padding: 20px; + z-index: 2; + margin: 0 10px; +} +.contact-form h2{ + font-weight: 500; + font-size: 22px; + line-height: 178%; + text-align: center; + color: #0A2849; + margin-bottom: 30px; +} +.submit-btn button{ + background: #F54C5F; + border-radius: 44px; + padding: 10px 20px; + border: none; + font-weight: 500; + font-size: 14px; + line-height: 21px; + color: #FFFFFF; +} +.contact-form input:focus, +.contact-form select:focus, +.contact-form textarea:focus{ + box-shadow: none; +} +.contact-form label{ + font-weight: 400; + font-size: 15px; + line-height: 1.8rem; + color: #0A2849; +} +.contact-form .form-control, +.contact-form select{ + border: none; + padding: 0.6rem; +} +.contact-form textarea::-webkit-input-placeholder, +.contact-form select, +.contact-form input::-webkit-input-placeholder{ + font-weight: 400; + line-height: 1.6rem; + font-size: 12px; + color: #7B8792; +} +.aplus-display-select{ + color: #0A2849; +} diff --git a/public/frontend/icons/contact-call-icon.svg b/public/frontend/icons/contact-call-icon.svg new file mode 100644 index 0000000..86a85e0 --- /dev/null +++ b/public/frontend/icons/contact-call-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/frontend/icons/contact-icon.svg b/public/frontend/icons/contact-icon.svg new file mode 100644 index 0000000..a9ed006 --- /dev/null +++ b/public/frontend/icons/contact-icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/frontend/icons/contact-location-icon.svg b/public/frontend/icons/contact-location-icon.svg new file mode 100644 index 0000000..5a6d99a --- /dev/null +++ b/public/frontend/icons/contact-location-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/frontend/icons/contact-mail-icon.svg b/public/frontend/icons/contact-mail-icon.svg new file mode 100644 index 0000000..a073409 --- /dev/null +++ b/public/frontend/icons/contact-mail-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/views/contact.blade.php b/resources/views/contact.blade.php new file mode 100644 index 0000000..1a84ac8 --- /dev/null +++ b/resources/views/contact.blade.php @@ -0,0 +1,104 @@ +@extends('layout.app') +@section('title') + Contact Us +@endsection +@section('content') +
+ +
+
+
+
+
+
+
+ +
Contact us
+
+

Get in touch with us

+

If you have an enquiry regarding immigration to + Australia, please fill out the enquiry form below and + one of our migration agents will be in touch. +

+ +
+
+
+
+

Please fill-up the form

+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+
+
+@endsection \ No newline at end of file