[add] homepage services section

extrtech#1
tribikram 2 years ago
parent 64795b3a82
commit 2eb5851826
  1. 105
      public/frontend/css/style.css
  2. BIN
      public/frontend/icons/abroad-icon.png
  3. 7
      public/frontend/icons/agent.svg
  4. 17
      public/frontend/icons/institution-icon.svg
  5. BIN
      public/frontend/icons/insurance-icon.png
  6. BIN
      public/frontend/icons/migration-visa.png
  7. BIN
      public/frontend/icons/ribbon.png
  8. BIN
      public/frontend/icons/speed-meter-icon.png
  9. 8
      public/frontend/icons/speed-meter-icon.svg
  10. BIN
      public/frontend/icons/visa-approved.png
  11. 7
      public/frontend/icons/visa-approved.svg
  12. 86
      resources/views/layout/app.blade.php
  13. 146
      resources/views/welcome.blade.php

@ -1,3 +1,12 @@
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
/* font-family: "DM Sans", sans-serif !important; */
overflow-x: hidden;
}
/* new nav*/
.header {
padding: 0 6rem;
@ -192,6 +201,102 @@ Responsive Codes
}
/* Header css */
/* about us icons section */
.about-icons-section{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: center;
}
.about-icons-section h3{
margin-top: 20px;
font-weight: 600;
font-size: 20px;
line-height: 29px;
text-align: center;
color: #326CBF;
}
.high-visa{
height: 100%;
padding: 20px;
text-align: center;
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 */
.services-section{
padding: 3rem 6rem;
}
.services-section .row{
display: flex;
align-items: center;
}
.services-content{
margin-right: 6rem;
}
.services-content h1{
font-weight: 600;
font-size: 38px;
line-height: 57px;
color: #1E1C1C;
margin-bottom: 25px;
}
.services-content p{
margin-bottom: 45px;
}
.services-content a{
background: #E22899;
padding: 10px 20px;
color: #FFF1FC;
border-radius: 0 20px 0 20px;
text-decoration: none;
}
.services-slider{
display: flex !important;
flex-direction: column;
gap: 2rem;
}
.service-card{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
width: 90%;
min-height: 300px;
background: #FFFFFF;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
.service-card a{
text-decoration: none;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #1E1C1C;
}
.service-icon{
margin-bottom: 20px;
}
/* Footer Css */
.footer{
background: #296AC7;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

@ -0,0 +1,7 @@
<svg width="51" height="65" viewBox="0 0 51 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.3107 8.31566L1.85695 16.7437L14.6804 64.0837L48.5935 54.9967C49.3701 54.7886 50.5165 53.3716 49.8922 51.0417L38.967 10.2684C38.5161 8.58565 37.4527 7.2058 33.3107 8.31566Z" fill="#326CBF"/>
<path d="M24.4344 45.2807L23.905 51.9634L22.0447 52.4619L18.2448 46.9392L19.827 46.5153L22.5742 50.7174L22.861 45.7023L24.4344 45.2807ZM26.5423 44.7159L28.1775 50.8186L26.691 51.217L25.0558 45.1142L26.5423 44.7159ZM31.4792 49.9992C31.033 50.1187 30.6137 50.1534 30.2213 50.1033C29.829 50.0531 29.4875 49.9148 29.197 49.6883C28.9123 49.4602 28.7105 49.1477 28.5918 48.751L30.174 48.327C30.2577 48.5468 30.3825 48.6997 30.5485 48.7857C30.7128 48.8659 30.9022 48.8773 31.1166 48.8198C31.3369 48.7608 31.4975 48.665 31.5986 48.5323C31.6982 48.3938 31.7239 48.2347 31.6758 48.0551C31.6354 47.9044 31.5498 47.7937 31.4191 47.7232C31.2942 47.651 31.1478 47.6033 30.9801 47.5799C30.8181 47.555 30.5901 47.5385 30.2959 47.5303C29.8692 47.5142 29.515 47.4787 29.2331 47.4237C28.9513 47.3688 28.6887 47.2466 28.4454 47.0571C28.2021 46.8676 28.0292 46.5817 27.9267 46.1992C27.7745 45.6312 27.8614 45.1327 28.1875 44.7037C28.512 44.2689 29.0046 43.963 29.6653 43.7859C30.3376 43.6058 30.923 43.6229 31.4214 43.8372C31.9183 44.0457 32.2581 44.4329 32.4408 44.9989L30.8326 45.4298C30.7682 45.2359 30.6546 45.1017 30.4918 45.0273C30.3274 44.9471 30.1409 44.935 29.9323 44.9909C29.7526 45.039 29.6209 45.1271 29.5372 45.2551C29.452 45.3774 29.4334 45.5283 29.4815 45.708C29.5343 45.905 29.6682 46.0338 29.8832 46.0942C30.0981 46.1546 30.4197 46.1958 30.848 46.2177C31.2778 46.2454 31.6307 46.2875 31.9068 46.344C32.1886 46.3989 32.4504 46.5182 32.6922 46.7019C32.9339 46.8856 33.1038 47.16 33.2016 47.5251C33.2948 47.8728 33.2896 48.2127 33.186 48.5449C33.0882 48.8754 32.8938 49.1698 32.6027 49.4279C32.3116 49.6861 31.9371 49.8765 31.4792 49.9992ZM38.1134 47.001L35.8358 47.6112L35.7595 48.7871L34.2034 49.204L34.7763 42.5096L36.4975 42.0484L40.3409 47.5595L38.7674 47.9811L38.1134 47.001ZM37.4234 45.9559L36.0685 43.9244L35.9195 46.3589L37.4234 45.9559Z" fill="white"/>
<path d="M23.1883 3.67498C22.1274 4.37544 5.55737 14.5034 4.49647 15.2039L10.7095 13.5391L28.1281 5.54221L28.5443 7.09548L11.4862 13.331L31.4012 6.8849L31.6787 7.92041L32.4553 7.71231L31.9698 5.90016L29.2862 6.75795L28.6619 4.42804C28.0494 4.7309 26.6603 5.24185 26.6603 5.24185C26.0199 3.88739 24.2492 2.97451 23.1883 3.67498Z" fill="#326CBF"/>
<circle cx="25.5886" cy="30.7546" r="5.85365" transform="rotate(-15 25.5886 30.7546)" stroke="white"/>
<path d="M23.0756 31.428L25.4654 32.8077L27.5966 28.1965" stroke="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -0,0 +1,17 @@
<svg width="45" height="57" viewBox="0 0 45 57" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45 49.5532V6.92883L23.7834 12.0896V56.4343L45 49.5532Z" fill="#326CBF"/>
<path d="M42.6108 11.9463V18.7318L35.8731 20.4998V14.1444L42.6108 11.9463Z" fill="white"/>
<path d="M33.2449 15.1479V21.7901L26.6027 23.7015V17.2505L33.2449 15.1479Z" fill="white"/>
<path d="M42.7063 23.7493V30.487L35.9208 32.4462V25.9474L42.7063 23.7493Z" fill="white"/>
<path d="M42.6586 34.931V41.6687L35.9209 43.5324V37.1292L42.6586 34.931Z" fill="white"/>
<path d="M33.1971 44.5359V37.8937L26.6027 40.0918V46.4473L33.1971 44.5359Z" fill="white"/>
<path d="M33.2927 26.5686V33.3063L26.6027 35.2655V28.8145L33.2927 26.5686Z" fill="white"/>
<path d="M22.3498 10.5604L44.3788 4.30055L22.3498 -0.00012207L0.607525 4.30055L22.3498 10.5604Z" fill="#326CBF"/>
<path d="M0.17749 49.649V7.02454L21.3941 12.1853V56.53L0.17749 49.649Z" fill="#326CBF"/>
<path d="M2.51892 12.042V18.8275L9.25664 20.5955V14.2401L2.51892 12.042Z" fill="white"/>
<path d="M11.9326 14.9569V21.5991L18.5748 23.5105V17.0595L11.9326 14.9569Z" fill="white"/>
<path d="M2.51892 23.8448V30.5826L9.30442 32.5418V26.043L2.51892 23.8448Z" fill="white"/>
<path d="M2.51892 35.0267V41.7644L9.25664 43.6281V37.2249L2.51892 35.0267Z" fill="white"/>
<path d="M11.9804 44.6316V37.9894L18.5748 40.1875V46.543L11.9804 44.6316Z" fill="white"/>
<path d="M11.8849 26.6641V33.4018L18.5748 35.361V28.91L11.8849 26.6641Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

@ -0,0 +1,8 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="27" stroke="#326CBF" stroke-width="6"/>
<path d="M20.6249 39.2578L12.7148 47.2266C12.1289 46.7578 5.44923 40.4297 5.62486 29.8242C5.777 20.6375 9.72672 15.8203 12.7734 12.7148L20.6835 20.6836C19.2772 22.4414 17.2489 24.1885 16.8749 29.2383C16.5233 33.9844 19.1991 37.6953 20.6249 39.2578Z" fill="#2057A6"/>
<path d="M39.4336 39.2578L47.3436 47.2266C47.9296 46.7578 54.6092 40.4297 54.4336 29.8242C54.2815 20.6375 50.2733 15.8203 47.2266 12.7148L39.375 20.6836C40.7813 22.4414 42.8096 24.1885 43.1836 29.2383C43.5352 33.9844 40.8594 37.6953 39.4336 39.2578Z" fill="#E22899"/>
<path d="M20.6836 20.6836C20.0273 20.0273 15.1172 15.0977 12.7734 12.7148C14.707 10.6641 20.8945 5.625 29.707 5.625C38.9648 5.625 45.0586 10.332 47.2266 12.7148L39.375 20.6836C38.4375 19.6875 35.0391 16.875 29.6484 16.875C25.1016 16.875 21.9727 19.6289 20.6836 20.6836Z" fill="#B251A8"/>
<path d="M30.131 24.3754C25.7951 24.434 24.3889 28.1254 24.3889 30.059C24.2131 31.6411 25.6779 35.8598 30.5411 35.684C34.3179 35.5475 45.3849 31.6216 50.463 29.8833C45.131 28.0278 33.5997 24.3286 30.131 24.3754Z" fill="#10223B"/>
<circle r="2.14286" transform="matrix(1 0 0 -1 30 30)" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -0,0 +1,7 @@
<svg width="61" height="73" viewBox="0 0 61 73" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.1993 0.48452C24.4673 -0.253117 23.0033 -0.253117 22.1249 1.22216C21.4904 2.1565 20.368 4.46775 19.7824 5.35292C19.012 6.51743 17.5864 6.23808 16.5616 6.23808L13.4872 5.50045C12.6088 5.35292 10.6625 5.35292 10.5592 7.12325C10.4128 9.63121 10.2664 10.5164 10.2664 11.9916C10.2664 13.4669 8.80236 14.057 8.07035 14.3521C7.33835 14.6471 4.70314 15.2373 3.97113 15.5323C3.23912 15.8274 2.36072 16.565 2.79992 17.8927C3.23912 19.2205 4.41033 21.7285 4.70314 22.4661C4.99594 23.2037 5.14233 23.9414 4.41033 24.8265C3.82473 25.5347 1.82391 27.2853 0.896709 28.0721C-0.128098 28.6622 -0.274506 30.5145 0.457506 31.1702C1.77511 32.3504 4.11753 34.1208 4.70314 35.0059C5.28874 35.8911 5.14234 35.8911 4.70314 36.9238C4.26393 37.9565 3.23912 40.4644 2.94632 41.3496C2.65352 42.2348 2.50712 43.415 4.11753 44.0051C5.72794 44.5952 7.33835 44.8903 8.65596 45.3328C9.97357 45.7754 10.12 46.0705 10.2664 47.3982C10.4128 48.726 10.5592 51.0864 10.5592 51.9716C10.5592 52.8567 11.4376 54.0369 12.9016 53.8894C14.3656 53.7419 15.6832 53.1518 17.2936 53.1518C18.904 53.1518 19.3432 53.4468 19.9288 54.4795C20.5144 55.5121 21.8318 57.7248 22.2712 58.4626L22.2713 58.4628C22.7105 59.2004 24.0281 59.7905 24.7601 59.2004C25.4921 58.6103 28.5665 56.6924 29.0057 56.2499C29.4449 55.8073 30.7625 55.6598 31.3481 56.2499C31.9337 56.84 34.7153 58.7578 35.4473 59.2004C36.1793 59.643 37.497 59.4955 38.0826 58.4628C38.6682 57.4301 40.1322 54.6271 40.5714 53.8894C41.0106 53.1518 42.4746 53.0043 43.0602 53.1518C43.6458 53.2993 45.9882 53.7419 47.4522 53.8894C48.9162 54.0369 49.6482 53.4468 49.7946 51.9716C49.941 50.4963 50.0874 48.4309 50.0874 47.2507C50.0874 46.0705 50.8194 45.4804 51.6978 45.1853C52.5763 44.8903 54.9187 44.3001 56.0899 43.8576C57.2611 43.415 57.7003 42.0872 57.2611 40.907C56.8219 39.7268 56.0899 37.9565 55.6507 36.9238C55.2115 35.8911 55.5043 35.1534 56.0899 34.5633C56.6755 33.9732 59.1643 31.7603 59.8963 31.1702C60.6283 30.5801 60.6283 28.9573 59.4571 27.9246C58.2859 26.8919 56.5291 25.2691 55.7971 24.679C55.0651 24.0889 55.2115 23.4988 55.7971 22.171C56.3827 20.8433 57.1147 19.2205 57.5539 18.0403C57.9931 16.8601 57.1147 15.8274 55.7971 15.3848C54.4795 14.9422 52.5763 14.4996 51.2586 13.9095C49.941 13.3194 50.2338 12.7293 50.0874 11.8441C49.941 10.959 49.7946 7.71336 49.6482 6.97572C49.5018 6.23808 48.6234 5.35292 47.5986 5.50045C46.5738 5.64797 44.3778 5.94303 42.7674 6.23808C41.157 6.53314 40.7178 5.20539 40.2786 4.61528C39.8394 4.02517 38.961 2.25483 38.0826 0.927088C37.4605 -0.013204 36.0329 -0.105603 35.1545 0.48452C34.2761 1.07464 32.2265 2.54989 31.3481 3.14C30.4697 3.73011 29.2985 3.28753 29.0057 3.14C28.7129 2.99247 25.9313 1.22216 25.1993 0.48452Z" fill="#326CBF"/>
<circle cx="30.2" cy="29.2413" r="16.1786" stroke="white" stroke-width="2"/>
<path d="M23.0095 29.2414L28.4024 34.6342L37.3905 23.8485" stroke="white" stroke-width="2"/>
<path d="M10.8349 68.8175C11.2749 67.8477 16.0277 59.5232 16.6438 58.5533C17.0545 58.4994 18.052 58.3432 18.7561 58.1492C19.6362 57.9067 19.6362 57.9067 20.0763 58.5533C20.4284 59.0706 21.1618 60.1697 21.4845 60.6546C21.7486 61.0587 22.3647 61.4629 22.8047 61.5437C24.0369 61.6245 24.9171 59.9273 24.653 60.8971C24.389 61.867 22.0126 71.2422 21.7486 72.212C21.4845 73.1819 20.9564 73.1819 20.6044 72.6161C20.2523 72.0504 18.14 68.8175 17.876 68.3326C17.6119 67.8477 17.3479 67.7669 16.6438 68.0093C15.9397 68.2518 12.8592 69.06 11.979 69.3833C11.0989 69.7066 10.3948 69.7874 10.8349 68.8175Z" fill="#326CBF"/>
<path d="M49.5748 68.0964C49.1662 67.1912 44.7529 59.4216 44.1808 58.5164C43.7994 58.4661 42.8732 58.3203 42.2194 58.1393C41.4021 57.913 41.4021 57.913 40.9935 58.5164C40.6666 58.9992 39.9855 60.0251 39.6858 60.4777C39.4406 60.8548 38.8686 61.232 38.4599 61.3074C37.3157 61.3829 36.4985 59.7988 36.7437 60.704C36.9888 61.6092 39.1955 70.3594 39.4406 71.2645C39.6858 72.1697 40.1762 72.1697 40.5031 71.6417C40.83 71.1137 42.7915 68.0964 43.0366 67.6438C43.2818 67.1912 43.527 67.1157 44.1808 67.342C44.8346 67.5683 47.6951 68.3227 48.5124 68.6244C49.3296 68.9261 49.9834 69.0016 49.5748 68.0964Z" fill="#326CBF"/>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

@ -1,34 +1,31 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="csrf-token" content="{{ csrf_token() }}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="{{url('frontend/css/style.css')}}"/>
<!-- ionicons link -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<link rel="icon" href="{{url('frontend/images/favicon.png')}}">
@yield('title')
<link rel="icon" href="{{url('website/icons/favicon.ico')}}">
<!-- google fonts link -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Gluten:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rancho&display=swap" rel="stylesheet">
<!-- google fonts link -->
<!-- Rubik Google Font -->
<!-- <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> -->
<!-- Bootstrap link -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<!-- Bootstrap link -->
<!-- fontawesome link -->
<script src="https://kit.fontawesome.com/794cc97646.js" crossorigin="anonymous"></script>
<!-- fontawesome link -->
@yield('title')
<!-- slick slider link -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css"/>
<link rel="stylesheet" href="{{url('frontend/css/style.css')}}"/>
@yield('style')
</head>
<body>
@ -127,26 +124,44 @@
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4 footer-links">
<h1 class="mb-20 text-white link-title">Quick Links</h1>
<h1 class="mb-20 text-white link-title">Education Services</h1>
<p class='box'></p>
<div class="lists-links">
<ul class="list-unstyled">
<li>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
service->name
Student Admission
</a>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
Visa Processing
</a>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
Health Insurance
</a>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
Accommodation
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4 footer-links">
<h1 class="mb-20 text-white link-title">Quick Links</h1>
<h1 class="mb-20 text-white link-title">Visa Services</h1>
<p class='box'></p>
<div class="lists-links">
<ul class="list-unstyled">
<li>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
service->name
Parent Visa
</a>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
Global Talent Visa Program
</a>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
Employer Nomination Visa
</a>
<a href="/service" target="_blank" rel='noreferrer' class=' footer-link'>
Skilled Employer
</a>
</li>
</ul>
@ -195,12 +210,25 @@
</section>
<!-- Footer section -->
</body>
@yield('script')
<script src="{{url('frontend/js/index.js')}}"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- <script src="https://unpkg.com/aos@next/dist/aos.js"></script> -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/signature_pad/1.3.5/signature_pad.min.js" integrity="sha512-kw/nRM/BMR2XGArXnOoxKOO5VBHLdITAW00aG8qK4zBzcLVZ4nzg7/oYCaoiwc8U9zrnsO9UHqpyljJ8+iqYiQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Bootstrap link -->
<!-- jquery link -->
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<!-- jquery link -->
<!-- fontawesome link -->
<script src="https://kit.fontawesome.com/794cc97646.js" crossorigin="anonymous"></script>
<!-- ionicons link -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<!-- slick slider link -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
@yield('script')
</html>

@ -9,4 +9,150 @@
<meta property="og:description" content="ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad."/>
@endsection
@section('content')
<section class="about-icons-section">
<div class="high-visa">
<img src="{{url('frontend/icons/speed-meter-icon.png')}}" class="img-fluid" alt="">
<h3>High Visa <br> Success Rate</h3>
</div>
<div class="certified-counselor">
<img src="{{url('frontend/icons/visa-approved.png')}}" class="img-fluid" alt="">
<h3>Certified <br> Counselor</h3>
</div>
<div class="marn-agent">
<img src="{{url('frontend/icons/agent.svg')}}" class="img-fluid" alt="">
<h3>MARN <br> Agent</h3>
</div>
<div class="partners">
<img src="{{url('frontend/icons/institution-icon.svg')}}" class="img-fluid" alt="">
<h3>500+ Partner <br> Institutions</h3>
</div>
</div>
</section>
<section class="services-section">
<div class="row">
<div class="col-md-6">
<div class="services-content">
<h1>Explore and Choose the Service that Fits You the Best.</h1>
<p>We think big and have hands in all leading technology platforms to provide you wide array of services. We think big and have hands in all leading technology platforms to provide you wide array of services.</p>
<a href="">Explore All Services</a>
</div>
</div>
<div class="col-md-6">
<div class="services-slick gx-4">
<div class="services-slider">
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div>
<h2>Abroad Study</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div>
<h2>Migration & Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
</div>
<div class="services-slider">
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/ribbon.png')}}" alt="">
</div>
<h2>Career Counselling</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/insurance-icon.png')}}" alt="">
</div>
<h2>Insurance</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
</div><div class="services-slider">
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div>
<h2>Abroad Study</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div>
<h2>Migration & Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
</div>
<div class="services-slider">
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/ribbon.png')}}" alt="">
</div>
<h2>Career Counselling</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/insurance-icon.png')}}" alt="">
</div>
<h2>Insurance</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection
@section('script')
<script>
var $serviceSlider = $('.services-slick');
$serviceSlider.slick({
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 4000,
prevArrow: false,
nextArrow: false,
dots: true,
centerMode: false,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
infinite: true,
dots: false
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
</script>
@endsection
Loading…
Cancel
Save