From f0f2b19a784feadba90f433c20b9794c6b0c6d42 Mon Sep 17 00:00:00 2001 From: tribikram Date: Wed, 1 Feb 2023 13:55:17 +0545 Subject: [PATCH] [edit] responsive design --- public/frontend/css/style.css | 139 +++++++++++++++++++-------- public/frontend/icons/email.png | Bin 0 -> 478 bytes public/frontend/icons/email.svg | 3 +- public/frontend/icons/phone.png | Bin 0 -> 429 bytes resources/views/about.blade.php | 4 +- resources/views/contact.blade.php | 7 +- resources/views/layout/app.blade.php | 33 ++++--- resources/views/welcome.blade.php | 30 ++++-- 8 files changed, 142 insertions(+), 74 deletions(-) create mode 100644 public/frontend/icons/email.png create mode 100644 public/frontend/icons/phone.png diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index e17a648..f8c5037 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -37,7 +37,7 @@ h2{ .navbar-brand-img img{ width: 75%; - padding: 20px 0; + padding: 12px 0; } .navbar-list { @@ -53,7 +53,7 @@ h2{ .nav-link{ text-decoration: none; font-weight: 500; - font-size: 18px; + font-size: 17px; line-height: 22px; color: #2B2A29 !important; } @@ -211,7 +211,7 @@ Responsive Codes font-size: 14px; transition: all 0.5s; color: #fff; - padding: 0 6rem; + padding: 0.2rem 6rem; } .contact-info, .social-links { display: flex; @@ -220,6 +220,11 @@ Responsive Codes justify-content: center; justify-items: center; } +.contact-info-icons{ + display: flex; + align-items: center; + gap: 8px; +} .contact-info a{ color: #326CBF; text-decoration: none; @@ -231,6 +236,15 @@ Responsive Codes color: #000000; margin-right: 6rem; } +.top-socials{ + display: flex; + align-items: center; + gap: 1.5rem; + color: #000000; +} +.top-socials a{ + font-size: 24px; +} .top-links a{ text-decoration: none; font-weight: 400; @@ -240,7 +254,6 @@ Responsive Codes } .social-links .fa-brands{ color: #326CBF; - margin-bottom: 16px; } /* Header css */ /* banner slider css */ @@ -377,30 +390,27 @@ Responsive Codes font-size: 20px; line-height: 29px; text-align: center; - color: #326CBF; + color: #326CBF; + margin-bottom: 0; } -.high-visa{ +.high-visa, +.certified-counselor, +.marn-agent, +.partners{ height: 100%; - padding: 20px; + padding: 35px 20px; text-align: center; +} +.high-visa{ background: #E7F1FF; } .certified-counselor{ - height: 100%; - padding: 20px; - text-align: center; background: #F1F7FF; } .marn-agent{ - height: 100%; - padding: 20px; - text-align: center; background: #FBF1FF; } .partners{ - height: 100%; - padding: 20px; - text-align: center; background: #FFF1FC; } /* homepage service section css */ @@ -473,7 +483,7 @@ Responsive Codes .services-slider{ display: flex !important; flex-direction: column; - gap: 2rem; + gap: 0.5rem; } .service-card{ display: flex; @@ -482,7 +492,7 @@ Responsive Codes align-items: center; text-align: center; padding: 20px; - width: 90%; + margin: 0.5rem 0.8rem; min-height: 350px; background: #FFFFFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); @@ -516,6 +526,7 @@ Responsive Codes .why-us-lists{ display: flex; gap: 2rem; + margin-bottom: 1rem; } .why-us-desc h1, .testimonials-desc h1, @@ -535,9 +546,20 @@ Responsive Codes font-weight: 400; font-size: 16px; line-height: 24px; - margin-bottom: 2.8rem; color: #1E1C1C; } +.lists-icons{ + padding: 10px; + width: 50px; + height: 50px; + display: flex; + align-items: center; + border-radius: 50%; + background: #296AC7; +} +.list-des h3{ + font-weight: 500; +} /* testimonials section css */ .testimonials-section{ padding: 2rem 6rem; @@ -577,7 +599,7 @@ Responsive Codes gap: 20px; } .review-card{ - min-height: 25pc; + min-height: 30pc; margin: 0 10px; padding: 20px; gap: 20px; @@ -1496,9 +1518,6 @@ Responsive Codes .footer-link:hover{ color: #E22899; } -.fa-brands{ - margin-top: 18px; -} .fa-facebook:hover{ color: #4267B2; } @@ -1545,6 +1564,7 @@ Responsive Codes } .footer-text p{ font-size: 12px; + margin-bottom: 0; } .footer-text a{ color: #FFFFFF; @@ -1612,7 +1632,10 @@ Responsive Codes .blog-header h1, .our-values-section h1, .studyabroad-banner-header h1, - .contact-left-top h1{ + .contact-left-top h1, + .about-banner-header h1, + .overseas-section h1, + .why-et-header h1{ font-size: 28px; line-height: 38px; margin-bottom: 0.8rem; @@ -1638,12 +1661,19 @@ Responsive Codes .footer-top, .our-values-section, .lets-chat-section, - .blog-banner{ + .blog-banner, + .overseas-section{ padding: 2rem; } - .contact-form-section{ + .contact-form-section, + .about-banner-header p, + .overseas-section p, .why-et-header p{ padding: 0; } + .scholarship-img{ + padding: 0; + margin-bottom: 1rem; + } .contact-form, .form-sec { border-radius: 0; @@ -1672,9 +1702,6 @@ Responsive Codes padding: 0; margin-bottom: 1rem; } - .service-card{ - width: 100%; - } .footer-text, .footer-links{ margin: 0 !important; @@ -1712,6 +1739,12 @@ Responsive Codes .contact-offices h5{ font-size: 15px; } + .why-us-lists{ + gap: 1rem; + } + .lists-icons{ + width: 80px; + } } /* mobile view css end */ /* ipad, tablets screen css */ @@ -1747,12 +1780,16 @@ Responsive Codes .slider-content h1{ margin-bottom: 1.6rem; } - .slider-content p{ + .slider-content p, + .overseas-img{ display: none; } .why-us-img, .blog-header p, - .lets-chat-section p{ + .lets-chat-section p, + .overseas-section p, + .why-et-header p, + .about-banner-header p{ padding: 0; margin-bottom: 1rem; } @@ -1778,12 +1815,10 @@ Responsive Codes .footer-top, .lets-chat-section, .our-values-section, - .blog-banner{ + .blog-banner, + .overseas-section{ padding: 3rem; } - .service-card{ - width: 100%; - } .services-content h1, .why-us-desc h1, .testimonials-desc h1, @@ -1829,6 +1864,9 @@ Responsive Codes .form-sec { border-radius: 0; } + .about-banner-img{ + top: 80%; + } } /* ipad, tablets screen css ends */ /* Small screens, laptops css */ @@ -1868,15 +1906,14 @@ Responsive Codes .testimonials-section, .footer-top, .lets-chat-section, - .our-values-section{ + .our-values-section, + .overseas-section{ padding: 3rem; } - .why-us-section::before{ + .why-us-section::before, + .overseas-img{ display: none; } - .service-card{ - width: 100%; - } .services-content, .testimonials-desc , .contact-offices { @@ -1905,6 +1942,13 @@ Responsive Codes .contact-form .row .col-md-8{ width: 100%; } + .overseas-section p, + .why-et-header p, + .about-banner-header p, + .lets-chat-section p{ + padding: 0; + margin-bottom: 1rem; + } } /* Small screens, laptops css ends */ /* Desktops, large screens css */ @@ -1935,4 +1979,17 @@ Responsive Codes gap: 1rem; } } -/* Extra large screens, TV css ends */ \ No newline at end of file +/* Extra large screens, TV css ends */ +@media only screen and (min-width: 1201px) and (max-width: 1440px) { + .navbar-list{ + gap: 1rem; + } + .review-card{ + min-height: 37pc; + } +} +@media only screen and (min-width: 1440px) and (max-width: 1560px) { + .review-card{ + min-height: 37pc; + } +} \ No newline at end of file diff --git a/public/frontend/icons/email.png b/public/frontend/icons/email.png new file mode 100644 index 0000000000000000000000000000000000000000..baddbf9683622cbf9df6ccf3fd5e5220437f19f9 GIT binary patch literal 478 zcmV<40U`d0P)Rnm`9{X z@V%ES85rXrRcJVwbt+VQ4v3pXbcr3Aq=VsoKAg6qbpkbDL$?Nev5lYw-HrBgt)NvJ z&i0Gfy)K8i(u5}rB=2Zo%|kNK5y5&=uvmM$0qh|aYdwyf(TQJlodFYkgp;%W{H#=# z$!ZZeYB&>~hlZvYJjDjbZZ|&~=Umwr1M0Ko`hs9os^w%P3&K+ZhV=&bXPtP%ao_XF zko7%`L?f3gSdyZ@gjX8uk4KV6b{Ujkc4-sg2+gStpNTRDs|1t6S!{ylk1}PRx@>~M zKOnXJrNRMHhUL>3Eg__hwZ5UB(9>^;l+e#JXrKGDCd7taX+lTX6^8cXkGKi_0(-c! U#m?herT_o{07*qoM6N<$g7t#KW&i*H literal 0 HcmV?d00001 diff --git a/public/frontend/icons/email.svg b/public/frontend/icons/email.svg index b369d02..265fb1c 100644 --- a/public/frontend/icons/email.svg +++ b/public/frontend/icons/email.svg @@ -1,4 +1,3 @@ - - + diff --git a/public/frontend/icons/phone.png b/public/frontend/icons/phone.png new file mode 100644 index 0000000000000000000000000000000000000000..479f1e19c55bfe5ccee22ec730b0a97b4234d8d6 GIT binary patch literal 429 zcmV;e0aE^nP)7WcW;RJ{iV7e#`xdA>xXaI=mKrM7{6(lUE3V5ukQ}5(v=Z08Axr zLP4T4=&goPhiv=`Y;X6!i$J4gnDoKqw*!HaL!0m@Jjvv2YL9;&Pd{Nxq5L>(e{?x? zEkaHw)L9R!MGPEpSdNO}4liVfF6&|4A1l^cEFrbFIH;O@4qSt60(xZ7l_`MqQd#mw zp|2or_fsyq@zrIHQNEhtT_ffFxPo<;NYZWQ7;k4~hsE92

Let's Chat

-

Thinking about starting a team? Need to augment your existing team? - We’re here to help. We work with US based companies to help them grow! -

+

Answers to every education & migration query.Talk to our Expert!

diff --git a/resources/views/contact.blade.php b/resources/views/contact.blade.php index 05edab2..30a77dd 100644 --- a/resources/views/contact.blade.php +++ b/resources/views/contact.blade.php @@ -184,12 +184,7 @@ return false; } else{ - Swal.fire( - 'Good job!', - 'You clicked the button!', - 'success' - ) - // $('#contactModal').modal('show'); + return true; } } diff --git a/resources/views/layout/app.blade.php b/resources/views/layout/app.blade.php index 2e95c7e..955e9d4 100644 --- a/resources/views/layout/app.blade.php +++ b/resources/views/layout/app.blade.php @@ -46,16 +46,15 @@
- @if($email != '') -
- + @endif @if($phone != '') -
- + @endif @@ -64,17 +63,19 @@ - - @if($facebook != '') - - @endif - @if($instagram != '') - - @endif - @if($linkedin != '') - - @endif - +
+ + @if($facebook != '') + + @endif + @if($instagram != '') + + @endif + @if($linkedin != '') + + @endif + +
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 1d3981c..c888538 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -173,20 +173,38 @@

a remarkable number of Nepalese students from across the world, from diverse backgrounds, have achieved their international education goals successfully through us, the best Study Abroad Consultants in Nepal.

- +
-

Countless opportunities

-

Start your overseas education journey with the best overseas education consultant.

+

Certified and Registered Counsellors

+

To conduct your process in accordance with industry standards.

- +
-

One Stop Solution

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.

+

Convenient Location and Affordable services

+

To facilitate services conveniently and at reasonable amount.

+
+
+
+
+ +
+
+

Most Trusted Migration Agent

+

Reach our Facebook page and find the testimonials. You’d know it all.

+
+
+
+
+ +
+
+

Assistance for wide ranging Courses and Visa

+

To help you provide all the options available for your study or migration pathway.