Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

international student page update #502

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

international student page update #502

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
126 changes: 59 additions & 67 deletions admin/international.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,9 @@
font-family: 'Poppins', sans-serif; -->

<style>
body{
background-color: #DAF5FF;
}
/* Customizing the Scrollbar */
::-webkit-scrollbar {
width: 10px;
Expand Down Expand Up @@ -92,113 +95,102 @@
<script src="/template/header.js" type="module"></script>
<script src="/template/helper.js"></script>

<!-- <div class="main-body flex flex-col gap-8 lg:gap-12 pt-[112px] md:pt-[144px] lg:pt-[144px] lg:mb-32">
<div class="titlebg">
<div class="container flex flex-col justify-center items-start h-[224px] py-[48px]">
<!-- px-4 lg:px-[11%] -->
<!-- <p class="font2 font-bold text-[52px] lg:text-[68px] uppercase text-white leading-[1]">International Student's Page</p>
</div>
<nav class="flex bg-gray-200 py-[8px] text-black" aria-label="Breadcrumb">
<ol class="container inline-flex items-center">
<li class="inline-flex items-center">
<a href="" class="inline-flex items-center text-sm font-medium hover:text-gray-900">
<a href="../index.html" class="text-lg font-medium ml-2">Home</a>
</a>
</li>
<li aria-current="page">
<div class="inline-flex items-center">
<i style="color: rgb(128, 128, 128); font-size: 12px; margin-left: 12px"
class="fa-solid fa-angle-right ml-2"></i>
<a href="#" class="text-lg font-medium ml-2">International Student's Page</a>
</div>
</li>
</ol>
</nav>
</div> --> -->

<div class="main-body flex flex-col gap-8 lg:gap-12 pt-[112px] md:pt-[144px] lg:pt-[144px] lg:mb-32 ">

<div class="container flex flex-col md:flex-col gap-[32px] md:gap-[64px] mb-8 relative pt-[112px] md:pt-[144px] lg:pt-[144px]">
<div class="absolute z-10 h-full w-full">
<!-- <div class="absolute z-10 h-full w-full">
<img src=".\img\international.png" >
</div>
<div class="absolute grid grid-cols-3 mx-2 z-20 h-fit w-full top-[34rem]">
<div class="1">
</div> -->
<div class="absolute grid grid-cols-3 mx-2 z-20 h-fit w-full top-[8rem] gap-8 sm:grid-r-1">

<div class="bg-white m-0 relative">
<div >
<img src="https://www.aut.ac.nz/__data/assets/file/0020/760133/find-your-course.webp">
<button class="absolute right-2 bg-[#0369A1] rounded-[50%] py-3 px-4 text-white text-xl hover:scale-105">&#9654;</button>

</div>
<div>
<h1 class="text-[#0369A1] font-bold text-3xl pt-2 ">
<div >
<h1 class="text-[#0369A1] font-bold text-3xl p-3 mt-3">
FIND YOUR COURSE
</h1>
<p class="text-lg">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
<p class="text-lg p-2">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
</div>
</div>

<div class="2">
<div class="bg-white">
<div>
<img src="https://www.aut.ac.nz/__data/assets/file/0009/760149/ready-to-join-us.webp">
<h1 class="text-[#0369A1] font-bold text-3xl flex flex-row-reverse p-4 uppercase">
READY TO JOIN US?
</h1>
<div class="text-lg px-4">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion we’re sure to share your passion </div>
</div>
<div>
<h1 class="text-[#0369A1] font-bold text-3xl pt-2 bg-white">
FIND YOUR COURSE
</h1>
<p class="text-lg">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
</div>


<div class="mt-8 relative">
<button class="absolute right-2 bg-[#0369A1] rounded-[50%] py-3 px-4 text-white text-xl hover:scale-105">&#9654;</button>
<img src="https://www.aut.ac.nz/__data/assets/file/0009/760149/ready-to-join-us.webp">
</div>
</div>
<div class="3">

<div class="bg-white m-0 relative">
<div >
<img src="https://www.aut.ac.nz/__data/assets/file/0019/760150/why-study-at-aut.webp">
<button class="absolute right-2 bg-[#0369A1] rounded-[50%] py-3 px-4 text-white text-xl hover:scale-105">&#9654;</button>

</div>
<div>
<h1 class="text-[#0369A1] font-bold text-3xl pt-2 ">
FIND YOUR COURSE
<div >
<h1 class="text-[#0369A1] font-bold text-3xl p-3 mt-3 uppercase">
WHY STUDY AT NITJ?
</h1>
<p class="text-lg">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
<p class="text-lg p-2">Discover why AUT is one of the best modern universities in the world.</p>
</div>
</div>

<div class="3">
<div >
<img src="https://www.aut.ac.nz/__data/assets/file/0019/760150/why-study-at-aut.webp">
</div>
<div class="bg-white">
<div>
<h1 class="text-[#0369A1] font-bold text-3xl pt-2 ">
FIND YOUR COURSE
<h1 class="text-[#0369A1] font-bold text-3xl flex flex-row-reverse p-4 uppercase">
FEES FOR NITJ COURSES
</h1>
<p class="text-lg">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
<div class="text-lg px-4">Find out about tuition fees for AUT courses and how to pay them. </div>
</div>

<div class="mt-16 relative">
<button class="absolute left-2 bg-[#0369A1] rounded-[50%] py-3 px-4 text-white text-xl hover:scale-105">&#9654;</button>
<img src="https://www.aut.ac.nz/__data/assets/file/0020/760151/international-student-photos-fees-top.webp">
</div>
</div>

<div class="3">
<div class="bg-white m-0 relative">
<div >
<img src="https://www.aut.ac.nz/__data/assets/file/0019/760150/why-study-at-aut.webp">
<img src="https://www.aut.ac.nz/__data/assets/file/0007/760147/campus-and-accommodation.webp">
<button class="absolute right-2 bg-[#0369A1] rounded-[50%] py-3 px-4 text-white text-xl hover:scale-105">&#9654;</button>

</div>
<div>
<h1 class="text-[#0369A1] font-bold text-3xl pt-2 ">
FIND YOUR COURSE
<div >
<h1 class="text-[#0369A1] font-bold text-3xl p-3">
CAMPUS LIFE
</h1>
<p class="text-lg">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
<p class="text-lg p-2">AUT has three campuses around Auckland. Check out our locations and accommodation.</p>
</div>
</div>

<div class="3">
<div >
<img src="https://www.aut.ac.nz/__data/assets/file/0019/760150/why-study-at-aut.webp">
</div>
<div class="bg-white">
<div>
<h1 class="text-[#0369A1] font-bold text-3xl pt-2 ">
FIND YOUR COURSE
<h1 class="text-[#0369A1] font-bold text-3xl flex flex-row-reverse p-4 uppercase">
NEWS AND EVENTS
</h1>
<p class="text-lg">Explore your study options at AUT. With over 250 university programmes, we’re sure to share your passion.</p>
<div class="text-lg px-4">Check out the latest news and upcoming events at AUT.</div>
</div>

<div class="mt-16 relative">
<button class="absolute left-2 bg-[#0369A1] rounded-[50%] py-3 px-4 text-white text-xl hover:scale-105">&#9654;</button>
<img src="https://www.aut.ac.nz/__data/assets/file/0003/760152/international-news-and-events-tile.webp">
</div>
</div>

</div>
</div>


</div>

</body>

Expand Down