diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css new file mode 100644 index 0000000..b6c8b6f --- /dev/null +++ b/public/frontend/css/style.css @@ -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; +} \ No newline at end of file diff --git a/public/frontend/icons/institution.svg b/public/frontend/icons/institution.svg new file mode 100644 index 0000000..9f42d88 --- /dev/null +++ b/public/frontend/icons/institution.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/frontend/icons/success-icon.svg b/public/frontend/icons/success-icon.svg new file mode 100644 index 0000000..bff3a18 --- /dev/null +++ b/public/frontend/icons/success-icon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/frontend/icons/visa-approved.svg b/public/frontend/icons/visa-approved.svg new file mode 100644 index 0000000..e62e753 --- /dev/null +++ b/public/frontend/icons/visa-approved.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/frontend/images/logo.png b/public/frontend/images/logo.png new file mode 100644 index 0000000..49d0293 Binary files /dev/null and b/public/frontend/images/logo.png differ diff --git a/public/frontend/images/logowhite.jpg b/public/frontend/images/logowhite.jpg new file mode 100644 index 0000000..ac3b439 Binary files /dev/null and b/public/frontend/images/logowhite.jpg differ diff --git a/public/frontend/images/slider.png b/public/frontend/images/slider.png new file mode 100644 index 0000000..6f3f462 Binary files /dev/null and b/public/frontend/images/slider.png differ diff --git a/public/frontend/js/index.js b/public/frontend/js/index.js new file mode 100755 index 0000000..40c7a28 --- /dev/null +++ b/public/frontend/js/index.js @@ -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()); diff --git a/resources/views/layout/app.blade.php b/resources/views/layout/app.blade.php new file mode 100644 index 0000000..992a5a3 --- /dev/null +++ b/resources/views/layout/app.blade.php @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @yield('title') + + +
+ + + + +
+ + +
+
+ + @yield('content') + + + + + + + + + + + + + + + + + + + + + + + + + + + @yield('script') + + diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 0ad6097..268e64f 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -1,132 +1,53 @@ - - - - - - - Laravel - - - - - - - - - - -
- @if (Route::has('login')) - - @endif - -
-
- - - - - -
- -
-
-
-
- -
Documentation
-
- -
-
- 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. -
-
-
- -
-
- -
Laracasts
-
- -
-
- 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. -
-
-
- -
-
- -
Laravel News
-
- -
-
- 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. -
-
-
- -
-
- -
Vibrant Ecosystem
-
- -
-
- Laravel's robust library of first-party tools and libraries, such as Forge, Vapor, Nova, and Envoyer help you take your projects to the next level. Pair them with powerful open source libraries like Cashier, Dusk, Echo, Horizon, Sanctum, Telescope, and more. -
-
-
-
-
- -
-
-
- - - - - - Shop - - - - - - - - Sponsor - -
-
- -
- Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}) -
-
+@extends('layout.app') +@section('title') + Apus Agency +@endsection +@section('content') + + + + +
+
+
+ +
99% Visa Success
+
+
+ +
150 Visa Approved
+
+
+ +
500+ Partner Institutions
- - +
+ + +@endsection \ No newline at end of file