[add] navigation and banner added

AplusAgency/#2
tribikram 2 years ago
parent bb042370e3
commit 9c28338665
  1. 233
      public/frontend/css/style.css
  2. 7
      public/frontend/icons/institution.svg
  3. 7
      public/frontend/icons/success-icon.svg
  4. 7
      public/frontend/icons/visa-approved.svg
  5. BIN
      public/frontend/images/logo.png
  6. BIN
      public/frontend/images/logowhite.jpg
  7. BIN
      public/frontend/images/slider.png
  8. 8
      public/frontend/js/index.js
  9. 112
      resources/views/layout/app.blade.php
  10. 185
      resources/views/welcome.blade.php

@ -0,0 +1,233 @@
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
/* font-family: 'Lato', sans-serif important; */
/* font-family: 'Rubik', sans-serif; */
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
}
p{
font-weight: 500;
font-size: 17px;
line-height: 1.8rem;
letter-spacing: 0.001em;
color: #221415;
}
a, button{
transition: all 300ms ease-out;
}
h1{
font-weight: 800;
font-size: 38px;
line-height: 2.8rem;
letter-spacing: 0.001em;
color: #221415;
}
h2{
font-weight: 700;
font-weight: 800;
font-size: 28px;
line-height: 34px;
color: #202023;
}
h5{
font-weight: 600;
font-size: 18px;
line-height: 2rem;
color: #202023;
}
h4{
font-weight: 700;
font-size: 20px;
line-height: 2rem;
color: #221415;
}
/* new nav*/
.header {
padding: 1rem 6rem;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 0;
z-index: 999;
width: 100%;
box-shadow: 0 0.5px 1px rgba(246, 246, 246, 0.96);
}
.header-scroll{
padding: 0 6rem;
background: #0E2B52;
position: sticky;
box-shadow: 0 2px 4px rgba(99, 99, 99, 0.25);
}
.header .logo{
height: 4rem;
}
.navbar-list {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
gap: 2rem;
text-decoration: none;
padding: 0 0.8rem !important;
list-style: none;
}
.nav-link{
text-decoration: none;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #FFFFFF !important;
}
.nav-link:hover,
.nav-link:active {
color: #F54C5F !important;
}
.mobile-navbar-btn {
display: none;
background: transparent;
cursor: pointer;
}
.mobile-nav-icon {
width: 3rem;
height: 2rem;
color: #212529;
}
.mobile-nav-icon[name="close-outline"] {
display: none;
}
.dropdown-menu a{
font-weight: 600;
font-size: 16px;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #fff !important;
background-color: #F54C5F !important;
transition: all 300ms ease-in-out;
}
.section-hero,
.section-services {
padding: 9.6rem 0;
background-color: #a5d8ff;
height: 60vh;
display: flex;
justify-content: center;
align-items: center;
}
.section-services {
background: #f3f0ff;
}
.section-hero p,
.section-services p {
font-size: 3.2rem;
}
/* ===========================================
Responsive Codes
======================================= */
/* 980px */
@media (max-width: 62em) {
html {
overflow-x: hidden;
}
.mobile-navbar-btn {
display: block;
z-index: 999;
}
.header .logo {
width: 40%;
}
.navbar-list {
/* display: none; */
width: 100%;
height: 100vh;
background: #FFFFFF;
position: absolute;
top: 0;
left: 0;
gap: 4rem;
display: flex;
justify-content: center;
align-items: center;
transform: translateX(100%);
transition: all 0.5s linear;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.nav-inner{
background: #ffffff;
}
.navbar-list {
flex-direction: column;
align-items: center;
}
.active .navbar-list {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.active .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
display: block;
}
.active .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
display: none;
}
}
/* Below 560px */
@media (max-width: 35em) {
.header {
padding: 0 0.8rem;
position: sticky;
background: #FFFFFF;
}
.header .logo {
width: 55%;
}
}
/* new nav */
/* achievement section css */
.achievement-section{
padding: 3rem 6rem;
background: #F4F4F4;
}
.achievement-items{
display: flex;
justify-content: space-between;
padding: 0 6rem;
}
.achivement-sec{
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}

@ -0,0 +1,7 @@
<svg width="52" height="65" viewBox="0 0 52 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.0323 62.9706V64.8309H20.9677V27.4559L20.129 27.2868L4.52903 34.8971V64.8309H0V62.9706H1.34193V32.1912L13.5871 26.6103V21.8309L25.1613 16.0809V8.79412L43.4452 0L52 9.63971C51.1054 21.4216 49.4168 44.1206 49.8194 44.6618C50.3226 45.3382 51.3291 46.1838 50.3226 46.6912C49.5174 47.0971 45.4022 50.0172 43.4452 51.4265V2.53676L28.1807 10.1471V15.0662L31.871 13.375L40.4258 23.1838C40.2581 32.3162 40.2581 49.0588 40.2581 53.1176C33.3807 54.4706 31.871 60.3897 31.871 58.0221V16.0809L16.4387 23.5221V25.2574L20.6323 23.5662L29.1871 32.6985V62.9706H31.0323Z" fill="#071C39"/>
<path d="M16.9419 65V60.6029H7.38065V65H16.9419Z" fill="#071C39"/>
<path d="M16.9419 56.375V51.8088L7.38065 52.6544V56.375H16.9419Z" fill="#071C39"/>
<path d="M16.9419 42.8456V47.75L7.38065 48.5956V45.3824L16.9419 42.8456Z" fill="#071C39"/>
<path d="M16.9419 38.4485V33.2059L7.38065 37.6029V41.3235L16.9419 38.4485Z" fill="#071C39"/>
</svg>

After

Width:  |  Height:  |  Size: 1020 B

@ -0,0 +1,7 @@
<svg width="51" height="71" viewBox="0 0 51 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.9646 0.403098C20.3556 -0.210582 19.1376 -0.210582 18.4069 1.01678C17.8791 1.7941 16.9453 3.71696 16.4581 4.45338C15.8171 5.4222 14.6311 5.1898 13.7785 5.1898L11.2207 4.57612C10.4899 4.45338 8.87072 4.45338 8.78474 5.92621C8.66294 8.01272 8.54114 8.74914 8.54114 9.9765C8.54114 11.2039 7.32315 11.6948 6.71416 11.9403C6.10517 12.1857 3.91279 12.6767 3.30379 12.9222C2.6948 13.1676 1.96401 13.7813 2.3294 14.8859C2.6948 15.9906 3.66919 18.0771 3.91279 18.6908C4.15639 19.3044 4.27818 19.9181 3.66919 20.6545C3.18199 21.2437 1.51741 22.7001 0.74602 23.3547C-0.106572 23.8457 -0.228376 25.3867 0.380624 25.9322C1.47681 26.9141 3.42559 28.3869 3.91279 29.1233C4.39999 29.8597 4.27819 29.8597 3.91279 30.7189C3.54739 31.578 2.6948 33.6645 2.4512 34.401C2.20761 35.1374 2.08581 36.1193 3.42559 36.6102C4.76538 37.1011 6.10517 37.3466 7.20136 37.7148C8.29755 38.083 8.41935 38.3285 8.54115 39.4331C8.66294 40.5377 8.78474 42.5015 8.78474 43.2379C8.78474 43.9744 9.51554 44.9562 10.7335 44.8335C11.9515 44.7108 13.0477 44.2198 14.3875 44.2198C15.7273 44.2198 16.0927 44.4653 16.5799 45.3245C17.0669 46.1834 18.1627 48.0237 18.5284 48.6378L18.5287 48.6383C18.894 49.252 19.9902 49.7429 20.5992 49.252C21.2082 48.7611 23.766 47.1655 24.1314 46.7973C24.4968 46.4291 25.593 46.3063 26.0802 46.7973C26.5674 47.2882 28.8816 48.8838 29.4905 49.252C30.0995 49.6202 31.1957 49.4975 31.6829 48.6383C32.1701 47.7792 33.3881 45.4472 33.7535 44.8335C34.1189 44.2198 35.3369 44.0971 35.8241 44.2198C36.3113 44.3426 38.2601 44.7108 39.478 44.8335C40.696 44.9562 41.305 44.4653 41.4268 43.2379C41.5486 42.0106 41.6704 40.2923 41.6704 39.3104C41.6704 38.3285 42.2794 37.8376 43.0102 37.5921C43.741 37.3466 45.6898 36.8557 46.6642 36.4875C47.6386 36.1193 48.004 35.0146 47.6386 34.0327C47.2732 33.0509 46.6642 31.578 46.2988 30.7189C45.9334 29.8597 46.177 29.246 46.6642 28.7551C47.1514 28.2642 49.222 26.4231 49.831 25.9322C50.4399 25.4412 50.4399 24.0911 49.4655 23.232C48.4912 22.3728 47.0296 21.0227 46.4206 20.5318C45.8116 20.0408 45.9334 19.5499 46.4206 18.4453C46.9078 17.3407 47.5168 15.9906 47.8822 15.0087C48.2476 14.0268 47.5168 13.1676 46.4206 12.7994C45.3244 12.4312 43.741 12.063 42.6448 11.5721C41.5486 11.0811 41.7922 10.5902 41.6704 9.85376C41.5486 9.11735 41.4268 6.41716 41.305 5.80348C41.1832 5.1898 40.4524 4.45338 39.5998 4.57612C38.7473 4.69885 36.9203 4.94432 35.5805 5.1898C34.2407 5.43527 33.8753 4.33064 33.5099 3.8397C33.1445 3.34876 32.4137 1.87592 31.6829 0.771295C31.1654 -0.0109852 29.9777 -0.0878569 29.247 0.403098C28.5162 0.894053 26.811 2.12139 26.0802 2.61233C25.3494 3.10328 24.375 2.73507 24.1314 2.61233C23.8878 2.4896 21.5736 1.01678 20.9646 0.403098Z" fill="#071C39"/>
<circle cx="25.125" cy="25.125" r="14.6563" stroke="white" stroke-width="2"/>
<path d="M2.59256 62.4985C3.24443 60.8998 8.6894 48.7727 9.60202 47.174C10.2104 47.0852 11.688 46.8276 12.731 46.5079C14.0347 46.1082 14.0347 46.1082 14.6866 47.174C15.2081 48.0267 16.2946 49.8386 16.7726 50.6379C17.1637 51.304 18.0763 51.9702 18.7282 52.1034C20.5534 52.2367 21.8572 49.4389 21.4661 51.0376C21.0749 52.6363 19.1501 66.4953 18.759 68.094C18.3678 69.6927 17.5856 69.6927 17.0641 68.7601C16.5426 67.8275 13.4136 62.4985 13.0225 61.6991C12.6314 60.8998 12.2402 60.7666 11.1973 61.1662C10.1543 61.5659 5.59116 62.8982 4.28742 63.4311C2.98368 63.964 1.94069 64.0972 2.59256 62.4985Z" fill="#071C39"/>
<path d="M46.8598 63.296C46.2079 61.6973 40.763 49.5702 39.8503 47.9715C39.2419 47.8827 37.7644 47.6251 36.7214 47.3054C35.4176 46.9057 35.4176 46.9057 34.7658 47.9715C34.2443 48.8242 33.1578 50.636 32.6798 51.4354C32.2886 52.1015 31.376 52.7677 30.7242 52.9009C28.8989 53.0341 27.5952 50.2364 27.9863 51.8351C28.3774 53.4338 30.3023 67.2928 30.6934 68.8915C31.0845 70.4902 31.8668 70.4902 32.3883 69.5576C32.9098 68.625 36.0387 63.296 36.4299 62.4966C36.821 61.6973 37.2121 61.564 38.2551 61.9637C39.2981 62.3634 43.8612 63.6957 45.1649 64.2286C46.4687 64.7615 47.5117 64.8947 46.8598 63.296Z" fill="#071C39"/>
<path d="M17.8496 26.4077C17.9496 26.9344 18.2562 27.1977 18.7696 27.1977C19.1229 27.1977 19.3729 27.0411 19.5196 26.7277C19.6662 26.4144 19.7396 25.9044 19.7396 25.1977C19.5929 25.4044 19.3929 25.5644 19.1396 25.6777C18.8862 25.7911 18.6029 25.8477 18.2896 25.8477C17.8629 25.8477 17.4829 25.7611 17.1496 25.5877C16.8162 25.4077 16.5529 25.1444 16.3596 24.7977C16.1729 24.4444 16.0796 24.0177 16.0796 23.5177C16.0796 23.0244 16.1796 22.5944 16.3796 22.2277C16.5862 21.8611 16.8762 21.5777 17.2496 21.3777C17.6296 21.1777 18.0762 21.0777 18.5896 21.0777C19.5762 21.0777 20.2662 21.3844 20.6596 21.9977C21.0529 22.6111 21.2496 23.5144 21.2496 24.7077C21.2496 25.5744 21.1696 26.2911 21.0096 26.8577C20.8562 27.4177 20.5929 27.8444 20.2196 28.1377C19.8529 28.4311 19.3496 28.5777 18.7096 28.5777C18.2029 28.5777 17.7696 28.4777 17.4096 28.2777C17.0562 28.0777 16.7829 27.8144 16.5896 27.4877C16.4029 27.1611 16.2962 26.8011 16.2696 26.4077H17.8496ZM18.6796 24.4977C18.9596 24.4977 19.1829 24.4144 19.3496 24.2477C19.5162 24.0744 19.5996 23.8411 19.5996 23.5477C19.5996 23.2277 19.5129 22.9811 19.3396 22.8077C19.1662 22.6344 18.9329 22.5477 18.6396 22.5477C18.3462 22.5477 18.1129 22.6377 17.9396 22.8177C17.7729 22.9911 17.6896 23.2311 17.6896 23.5377C17.6896 23.8244 17.7729 24.0577 17.9396 24.2377C18.1129 24.4111 18.3596 24.4977 18.6796 24.4977ZM24.0019 26.4077C24.1019 26.9344 24.4086 27.1977 24.9219 27.1977C25.2752 27.1977 25.5252 27.0411 25.6719 26.7277C25.8186 26.4144 25.8919 25.9044 25.8919 25.1977C25.7452 25.4044 25.5452 25.5644 25.2919 25.6777C25.0386 25.7911 24.7552 25.8477 24.4419 25.8477C24.0152 25.8477 23.6352 25.7611 23.3019 25.5877C22.9686 25.4077 22.7052 25.1444 22.5119 24.7977C22.3252 24.4444 22.2319 24.0177 22.2319 23.5177C22.2319 23.0244 22.3319 22.5944 22.5319 22.2277C22.7386 21.8611 23.0286 21.5777 23.4019 21.3777C23.7819 21.1777 24.2286 21.0777 24.7419 21.0777C25.7286 21.0777 26.4186 21.3844 26.8119 21.9977C27.2052 22.6111 27.4019 23.5144 27.4019 24.7077C27.4019 25.5744 27.3219 26.2911 27.1619 26.8577C27.0086 27.4177 26.7452 27.8444 26.3719 28.1377C26.0052 28.4311 25.5019 28.5777 24.8619 28.5777C24.3552 28.5777 23.9219 28.4777 23.5619 28.2777C23.2086 28.0777 22.9352 27.8144 22.7419 27.4877C22.5552 27.1611 22.4486 26.8011 22.4219 26.4077H24.0019ZM24.8319 24.4977C25.1119 24.4977 25.3352 24.4144 25.5019 24.2477C25.6686 24.0744 25.7519 23.8411 25.7519 23.5477C25.7519 23.2277 25.6652 22.9811 25.4919 22.8077C25.3186 22.6344 25.0852 22.5477 24.7919 22.5477C24.4986 22.5477 24.2652 22.6377 24.0919 22.8177C23.9252 22.9911 23.8419 23.2311 23.8419 23.5377C23.8419 23.8244 23.9252 24.0577 24.0919 24.2377C24.2652 24.4111 24.5119 24.4977 24.8319 24.4977ZM28.1743 23.0877C28.1743 22.5477 28.3276 22.1311 28.6343 21.8377C28.9476 21.5444 29.3509 21.3977 29.8443 21.3977C30.3376 21.3977 30.7376 21.5444 31.0443 21.8377C31.3509 22.1311 31.5043 22.5477 31.5043 23.0877C31.5043 23.6277 31.3509 24.0444 31.0443 24.3377C30.7376 24.6311 30.3376 24.7777 29.8443 24.7777C29.3509 24.7777 28.9476 24.6311 28.6343 24.3377C28.3276 24.0444 28.1743 23.6277 28.1743 23.0877ZM34.9643 21.5077L31.1143 28.5477H29.4643L33.3143 21.5077H34.9643ZM29.8343 22.3977C29.5143 22.3977 29.3543 22.6277 29.3543 23.0877C29.3543 23.5411 29.5143 23.7677 29.8343 23.7677C29.9876 23.7677 30.1076 23.7111 30.1943 23.5977C30.2809 23.4844 30.3243 23.3144 30.3243 23.0877C30.3243 22.6277 30.1609 22.3977 29.8343 22.3977ZM32.9343 26.9677C32.9343 26.4277 33.0876 26.0111 33.3943 25.7177C33.7009 25.4244 34.1009 25.2777 34.5943 25.2777C35.0876 25.2777 35.4876 25.4244 35.7943 25.7177C36.1009 26.0111 36.2543 26.4277 36.2543 26.9677C36.2543 27.5077 36.1009 27.9244 35.7943 28.2177C35.4876 28.5111 35.0876 28.6577 34.5943 28.6577C34.1009 28.6577 33.7009 28.5111 33.3943 28.2177C33.0876 27.9244 32.9343 27.5077 32.9343 26.9677ZM34.5843 26.2777C34.4309 26.2777 34.3109 26.3344 34.2243 26.4477C34.1443 26.5611 34.1043 26.7344 34.1043 26.9677C34.1043 27.4211 34.2643 27.6477 34.5843 27.6477C34.7376 27.6477 34.8576 27.5911 34.9443 27.4777C35.0309 27.3644 35.0743 27.1944 35.0743 26.9677C35.0743 26.7411 35.0309 26.5711 34.9443 26.4577C34.8576 26.3377 34.7376 26.2777 34.5843 26.2777Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 8.1 KiB

@ -0,0 +1,7 @@
<svg width="38" height="57" viewBox="0 0 38 57" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.5633 7.17468H0L0.134005 56.2206H35.2434C36.0474 56.2206 37.5215 55.1486 37.5215 52.7365V10.5248C37.5215 8.78275 36.8514 7.17468 32.5633 7.17468Z" fill="#071C39"/>
<path d="M14.4223 40.5828L12.1813 46.9008H10.2553L8.01428 40.5828H9.65228L11.2183 45.3528L12.7933 40.5828H14.4223ZM16.6045 40.5828V46.9008H15.0655V40.5828H16.6045ZM20.0058 46.9638C19.5438 46.9638 19.1298 46.8888 18.7638 46.7388C18.3978 46.5888 18.1038 46.3668 17.8818 46.0728C17.6658 45.7788 17.5518 45.4248 17.5398 45.0108H19.1778C19.2018 45.2448 19.2828 45.4248 19.4208 45.5508C19.5588 45.6708 19.7388 45.7308 19.9608 45.7308C20.1888 45.7308 20.3688 45.6798 20.5008 45.5778C20.6328 45.4698 20.6988 45.3228 20.6988 45.1368C20.6988 44.9808 20.6448 44.8518 20.5368 44.7498C20.4348 44.6478 20.3058 44.5638 20.1498 44.4978C19.9998 44.4318 19.7838 44.3568 19.5018 44.2728C19.0938 44.1468 18.7608 44.0208 18.5028 43.8948C18.2448 43.7688 18.0228 43.5828 17.8368 43.3368C17.6508 43.0908 17.5578 42.7698 17.5578 42.3738C17.5578 41.7858 17.7708 41.3268 18.1968 40.9968C18.6228 40.6608 19.1778 40.4928 19.8618 40.4928C20.5578 40.4928 21.1188 40.6608 21.5448 40.9968C21.9708 41.3268 22.1988 41.7888 22.2288 42.3828H20.5638C20.5518 42.1788 20.4768 42.0198 20.3388 41.9058C20.2008 41.7858 20.0238 41.7258 19.8078 41.7258C19.6218 41.7258 19.4718 41.7768 19.3578 41.8788C19.2438 41.9748 19.1868 42.1158 19.1868 42.3018C19.1868 42.5058 19.2828 42.6648 19.4748 42.7788C19.6668 42.8928 19.9668 43.0158 20.3748 43.1478C20.7828 43.2858 21.1128 43.4178 21.3648 43.5438C21.6228 43.6698 21.8448 43.8528 22.0308 44.0928C22.2168 44.3328 22.3098 44.6418 22.3098 45.0198C22.3098 45.3798 22.2168 45.7068 22.0308 46.0008C21.8508 46.2948 21.5868 46.5288 21.2388 46.7028C20.8908 46.8768 20.4798 46.9638 20.0058 46.9638ZM27.1899 45.7848H24.8319L24.4539 46.9008H22.8429L25.1289 40.5828H26.9109L29.1969 46.9008H27.5679L27.1899 45.7848ZM26.7939 44.5968L26.0109 42.2838L25.2369 44.5968H26.7939Z" fill="white"/>
<path d="M23.9869 0.0722713C22.7809 0.474287 4.15415 5.9685 2.94811 6.37052L9.38036 6.37052L28.2751 3.15439V4.76245L10.1844 6.37052L31.0892 5.29848V6.37052H31.8932V4.49444L29.0791 4.62845V2.21635C28.4091 2.35036 26.935 2.48437 26.935 2.48437C26.667 1.01031 25.193 -0.329744 23.9869 0.0722713Z" fill="#071C39"/>
<circle cx="19.2968" cy="26.8504" r="5.85365" stroke="white"/>
<path d="M16.6951 26.8504L18.6464 28.8016L21.8984 24.8992" stroke="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 887 KiB

@ -0,0 +1,8 @@
const mobile_nav = document.querySelector(".mobile-navbar-btn");
const nav_header = document.querySelector(".header");
const toggleNavbar = () => {
nav_header.classList.toggle("active");
};
mobile_nav.addEventListener("click", () => toggleNavbar());

@ -0,0 +1,112 @@
<!doctype html>
<html lang="en">
<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="icon" href="{{url('frontend/images/logowhite.jpg')}}">
<!-- 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=Delius&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,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&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&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"> -->
<!-- Asap Font 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=Asap: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">
<!-- 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">
<!-- 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')}}"/>
<!-- fontawesome link -->
@yield('title')
</head>
<body>
<header class="header" id="dice-nav-head">
<a class="navbar-brand" id="navbar-brand" href="{{url('/')}}">
<img src="{{url('frontend/images/logo.png')}}" class="img-fluid logo" alt="">
</a>
<ul class="nav nav-inner navbar-list ms-md-auto" id="navigation-links">
<li class="nav-item">
<a class="nav-link" href="{{url('/about')}}">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Visa-Services
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="">service-name</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('/recruitment')}}">Recruitment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('/insurance')}}">Insurance</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('/news')}}">News</a>
</li>
<li class="nav-item">
<a class="nav-link pr-0" href="{{url('/contact')}}">Contact</a>
</li>
</ul>
<div class="mobile-navbar-btn ms-auto">
<ion-icon name="menu-outline" class="mobile-nav-icon"></ion-icon>
<ion-icon name="close-outline" class="mobile-nav-icon"></ion-icon>
</div>
</header>
<!-- content section -->
@yield('content')
<!-- content section -->
<!-- footer section -->
<!-- footer section end-->
<!-- 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>
<!-- hamburger link -->
<script type="text/javascript" src="{{url('frontend/js/index.js')}}"></script>
<script>
var navHeader = document.getElementById('dice-nav-head');
window.onscroll= function(){
if(window.scrollY > 50){
navHeader.classList.add("header-scroll");
}
if(window.scrollY==0){
navHeader.classList.remove("header-scroll");
}
}
</script>
@yield('script')
</body>
</html>

@ -1,132 +1,53 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!-- Fonts -->
<link href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Styles -->
<style>
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.text-center{text-align:center}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}}
</style>
<style>
body {
font-family: 'Nunito', sans-serif;
}
</style>
</head>
<body class="antialiased">
<div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center py-4 sm:pt-0">
@if (Route::has('login'))
<div class="hidden fixed top-0 right-0 px-6 py-4 sm:block">
@auth
<a href="{{ url('/home') }}" class="text-sm text-gray-700 dark:text-gray-500 underline">Home</a>
@else
<a href="{{ route('login') }}" class="text-sm text-gray-700 dark:text-gray-500 underline">Log in</a>
@if (Route::has('register'))
<a href="{{ route('register') }}" class="ml-4 text-sm text-gray-700 dark:text-gray-500 underline">Register</a>
@endif
@endauth
</div>
@endif
<div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
<div class="flex justify-center pt-8 sm:justify-start sm:pt-0">
<svg viewBox="0 0 651 192" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-16 w-auto text-gray-700 sm:h-20">
<g clip-path="url(#clip0)" fill="#EF3B2D">
<path d="M248.032 44.676h-16.466v100.23h47.394v-14.748h-30.928V44.676zM337.091 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.431 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162-.001 2.863-.479 5.584-1.432 8.161zM463.954 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.432 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162 0 2.863-.479 5.584-1.432 8.161zM650.772 44.676h-15.606v100.23h15.606V44.676zM365.013 144.906h15.607V93.538h26.776V78.182h-42.383v66.724zM542.133 78.182l-19.616 51.096-19.616-51.096h-15.808l25.617 66.724h19.614l25.617-66.724h-15.808zM591.98 76.466c-19.112 0-34.239 15.706-34.239 35.079 0 21.416 14.641 35.079 36.239 35.079 12.088 0 19.806-4.622 29.234-14.688l-10.544-8.158c-.006.008-7.958 10.449-19.832 10.449-13.802 0-19.612-11.127-19.612-16.884h51.777c2.72-22.043-11.772-40.877-33.023-40.877zm-18.713 29.28c.12-1.284 1.917-16.884 18.589-16.884 16.671 0 18.697 15.598 18.813 16.884h-37.402zM184.068 43.892c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002-35.648-20.524a2.971 2.971 0 00-2.964 0l-35.647 20.522-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v38.979l-29.706 17.103V24.493a3 3 0 00-.103-.776c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002L40.098 1.396a2.971 2.971 0 00-2.964 0L1.487 21.919l-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v122.09c0 1.063.568 2.044 1.489 2.575l71.293 41.045c.156.089.324.143.49.202.078.028.15.074.23.095a2.98 2.98 0 001.524 0c.069-.018.132-.059.2-.083.176-.061.354-.119.519-.214l71.293-41.045a2.971 2.971 0 001.489-2.575v-38.979l34.158-19.666a2.971 2.971 0 001.489-2.575V44.666a3.075 3.075 0 00-.106-.774zM74.255 143.167l-29.648-16.779 31.136-17.926.001-.001 34.164-19.669 29.674 17.084-21.772 12.428-43.555 24.863zm68.329-76.259v33.841l-12.475-7.182-17.231-9.92V49.806l12.475 7.182 17.231 9.92zm2.97-39.335l29.693 17.095-29.693 17.095-29.693-17.095 29.693-17.095zM54.06 114.089l-12.475 7.182V46.733l17.231-9.92 12.475-7.182v74.537l-17.231 9.921zM38.614 7.398l29.693 17.095-29.693 17.095L8.921 24.493 38.614 7.398zM5.938 29.632l12.475 7.182 17.231 9.92v79.676l.001.005-.001.006c0 .114.032.221.045.333.017.146.021.294.059.434l.002.007c.032.117.094.222.14.334.051.124.088.255.156.371a.036.036 0 00.004.009c.061.105.149.191.222.288.081.105.149.22.244.314l.008.01c.084.083.19.142.284.215.106.083.202.178.32.247l.013.005.011.008 34.139 19.321v34.175L5.939 144.867V29.632h-.001zm136.646 115.235l-65.352 37.625V148.31l48.399-27.628 16.953-9.677v33.862zm35.646-61.22l-29.706 17.102V66.908l17.231-9.92 12.475-7.182v33.841z"/>
</g>
</svg>
</div>
<div class="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
<div class="grid grid-cols-1 md:grid-cols-2">
<div class="p-6">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laravel.com/docs" class="underline text-gray-900 dark:text-white">Documentation</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laracasts.com" class="underline text-gray-900 dark:text-white">Laracasts</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 dark:border-gray-700">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laravel-news.com/" class="underline text-gray-900 dark:text-white">Laravel News</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold text-gray-900 dark:text-white">Vibrant Ecosystem</div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laravel's robust library of first-party tools and libraries, such as <a href="https://forge.laravel.com" class="underline">Forge</a>, <a href="https://vapor.laravel.com" class="underline">Vapor</a>, <a href="https://nova.laravel.com" class="underline">Nova</a>, and <a href="https://envoyer.io" class="underline">Envoyer</a> help you take your projects to the next level. Pair them with powerful open source libraries like <a href="https://laravel.com/docs/billing" class="underline">Cashier</a>, <a href="https://laravel.com/docs/dusk" class="underline">Dusk</a>, <a href="https://laravel.com/docs/broadcasting" class="underline">Echo</a>, <a href="https://laravel.com/docs/horizon" class="underline">Horizon</a>, <a href="https://laravel.com/docs/sanctum" class="underline">Sanctum</a>, <a href="https://laravel.com/docs/telescope" class="underline">Telescope</a>, and more.
</div>
</div>
</div>
</div>
</div>
<div class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div class="text-center text-sm text-gray-500 sm:text-left">
<div class="flex items-center">
<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor" class="-mt-px w-5 h-5 text-gray-400">
<path d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
<a href="https://laravel.bigcartel.com" class="ml-1 underline">
Shop
</a>
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="ml-4 -mt-px w-5 h-5 text-gray-400">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
</svg>
<a href="https://github.com/sponsors/taylorotwell" class="ml-1 underline">
Sponsor
</a>
</div>
</div>
<div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
</div>
</div>
</div>
</div>
</body>
</html>
@extends('layout.app')
@section('title')
<title>Apus Agency</title>
@endsection
@section('content')
<!-- Slider section -->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{url('frontend/images/slider.png')}}" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="{{url('frontend/images/slider.png')}}" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="{{url('frontend/images/slider.png')}}" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Slider section -->
<!-- Achievement section -->
<section class="achievement-section">
<div class="achievement-items">
<div class="achivement-sec">
<img src="{{url('frontend/icons/success-icon.svg')}}" class="img-fluid" alt="">
<h5>99% Visa Success</h5>
</div>
<div class="achivement-sec">
<img src="{{url('frontend/icons/visa-approved.svg')}}" alt="">
<h5>150 Visa Approved</h5>
</div>
<div class="achivement-sec">
<img src="{{url('frontend/icons/institution.svg')}}" alt="">
<h5>500+ Partner Institutions</h5>
</div>
</div>
</section>
<!-- Achievement section -->
@endsection
Loading…
Cancel
Save