mirror of
https://github.com/twinpath/voucher-itpln.git
synced 2026-01-26 05:15:38 +07:00
Add files via upload
This commit is contained in:
Muhammad Herdy Iskandar
24
README.md
Normal file
24
README.md
Normal file
@@ -0,0 +1,24 @@
|
||||
# Skilline Landing Page
|
||||
Free landing page template built on top of TailwindCSS
|
||||
|
||||
> [LIVE DEMO](https://mhaecal.github.io/frontend/skilline)
|
||||
|
||||
|
||||
|
||||
## Built with:
|
||||
- Tailwind CSS ^2.0
|
||||
- Alpine JS ^2.*
|
||||
- AOS - Animate on scroll library
|
||||
|
||||
## Getting Started
|
||||
The template is just a HTML file using a CDN service
|
||||
|
||||
`git clone https://github.com/mhaecal/skilline-landing-page.git`
|
||||
|
||||
#
|
||||
Use it for learn, but please don’t republish, redistribute, or resell the template.
|
||||
|
||||
For personal or commersial project, just contact [Irvan Moses](https://www.facebook.com/irvan.moses)
|
||||
|
||||
- Code by mhaecal
|
||||
- UI/UX by irvanmoses
|
||||
41
css/skilline.css
Normal file
41
css/skilline.css
Normal file
@@ -0,0 +1,41 @@
|
||||
/*primary color*/
|
||||
.bg-cream {
|
||||
background-color: #FFF2E1;
|
||||
}
|
||||
|
||||
/*font*/
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
.bg-yellow-500 {
|
||||
background-color: #F48C06;
|
||||
}
|
||||
.text-yellow-500 {
|
||||
color: #F48C06;
|
||||
}
|
||||
.floating {
|
||||
animation-name: floating;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
@keyframes floating {
|
||||
0% { transform: translate(0, 0px); }
|
||||
50% { transform: translate(0, 8px); }
|
||||
100% { transform: translate(0, -0px); }
|
||||
}
|
||||
.floating-4 {
|
||||
animation-name: floating;
|
||||
animation-duration: 4s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
@keyframes floating-4 {
|
||||
0% { transform: translate(0, 0px); }
|
||||
50% { transform: translate(0, 8px); }
|
||||
100% { transform: translate(0, -0px); }
|
||||
}
|
||||
.text-darken {
|
||||
color: #2F327D;
|
||||
}
|
||||
5
icon1.svg
Normal file
5
icon1.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg class="w-6 h-6 text-white" viewBox="0 0 33 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M24.75 23H8.25V28.75H24.75V23ZM32.3984 9.43359L23.9852 0.628906C23.5984 0.224609 23.0742 0 22.5242 0H22V11.5H33V10.952C33 10.3859 32.7852 9.83789 32.3984 9.43359ZM19.25 12.2188V0H2.0625C0.919531 0 0 0.961328 0 2.15625V43.8438C0 45.0387 0.919531 46 2.0625 46H30.9375C32.0805 46 33 45.0387 33 43.8438V14.375H21.3125C20.1781 14.375 19.25 13.4047 19.25 12.2188ZM5.5 6.46875C5.5 6.07164 5.80766 5.75 6.1875 5.75H13.0625C13.4423 5.75 13.75 6.07164 13.75 6.46875V7.90625C13.75 8.30336 13.4423 8.625 13.0625 8.625H6.1875C5.80766 8.625 5.5 8.30336 5.5 7.90625V6.46875ZM5.5 12.2188C5.5 11.8216 5.80766 11.5 6.1875 11.5H13.0625C13.4423 11.5 13.75 11.8216 13.75 12.2188V13.6562C13.75 14.0534 13.4423 14.375 13.0625 14.375H6.1875C5.80766 14.375 5.5 14.0534 5.5 13.6562V12.2188ZM27.5 39.5312C27.5 39.9284 27.1923 40.25 26.8125 40.25H19.9375C19.5577 40.25 19.25 39.9284 19.25 39.5312V38.0938C19.25 37.6966 19.5577 37.375 19.9375 37.375H26.8125C27.1923 37.375 27.5 37.6966 27.5 38.0938V39.5312ZM27.5 21.5625V30.1875C27.5 30.9817 26.8847 31.625 26.125 31.625H6.875C6.11531 31.625 5.5 30.9817 5.5 30.1875V21.5625C5.5 20.7683 6.11531 20.125 6.875 20.125H26.125C26.8847 20.125 27.5 20.7683 27.5 21.5625Z"
|
||||
fill="white" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
38
icon2.svg
Normal file
38
icon2.svg
Normal file
@@ -0,0 +1,38 @@
|
||||
<svg class="w-6 h-6 text-white" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M12 0C11.0532 0 10.2857 0.767511 10.2857 1.71432V5.14285H13.7142V1.71432C13.7142 0.767511 12.9467 0 12 0Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M36 0C35.0532 0 34.2856 0.767511 34.2856 1.71432V5.14285H37.7142V1.71432C37.7143 0.767511 36.9468 0 36 0Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M42.8571 5.14282H37.7143V12C37.7143 12.9468 36.9468 13.7143 36 13.7143C35.0532 13.7143 34.2857 12.9468 34.2857 12V5.14282H13.7142V12C13.7142 12.9468 12.9467 13.7143 11.9999 13.7143C11.0531 13.7143 10.2856 12.9468 10.2856 12V5.14282H5.14285C2.30253 5.14282 0 7.44535 0 10.2857V42.8571C0 45.6974 2.30253 48 5.14285 48H42.8571C45.6975 48 48 45.6974 48 42.8571V10.2857C48 7.44535 45.6975 5.14282 42.8571 5.14282ZM44.5714 42.8571C44.5714 43.8039 43.8039 44.5714 42.857 44.5714H5.14285C4.19605 44.5714 3.42854 43.8039 3.42854 42.8571V20.5714H44.5714V42.8571Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M13.7142 23.9999H10.2857C9.33889 23.9999 8.57138 24.7674 8.57138 25.7142C8.57138 26.661 9.33889 27.4285 10.2857 27.4285H13.7142C14.661 27.4285 15.4285 26.661 15.4285 25.7142C15.4285 24.7674 14.661 23.9999 13.7142 23.9999Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M25.7143 23.9999H22.2857C21.3389 23.9999 20.5714 24.7674 20.5714 25.7142C20.5714 26.661 21.3389 27.4285 22.2857 27.4285H25.7143C26.6611 27.4285 27.4286 26.661 27.4286 25.7142C27.4286 24.7674 26.6611 23.9999 25.7143 23.9999Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M37.7143 23.9999H34.2857C33.3389 23.9999 32.5714 24.7674 32.5714 25.7142C32.5714 26.661 33.3389 27.4285 34.2857 27.4285H37.7143C38.6611 27.4285 39.4286 26.661 39.4286 25.7142C39.4286 24.7674 38.661 23.9999 37.7143 23.9999Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M13.7142 30.8571H10.2857C9.33889 30.8571 8.57138 31.6246 8.57138 32.5714C8.57138 33.5182 9.33889 34.2857 10.2857 34.2857H13.7142C14.661 34.2857 15.4285 33.5182 15.4285 32.5714C15.4285 31.6246 14.661 30.8571 13.7142 30.8571Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M25.7143 30.8571H22.2857C21.3389 30.8571 20.5714 31.6246 20.5714 32.5714C20.5714 33.5182 21.3389 34.2857 22.2857 34.2857H25.7143C26.6611 34.2857 27.4286 33.5182 27.4286 32.5714C27.4286 31.6246 26.6611 30.8571 25.7143 30.8571Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M37.7143 30.8571H34.2857C33.3389 30.8571 32.5714 31.6246 32.5714 32.5714C32.5714 33.5182 33.3389 34.2857 34.2857 34.2857H37.7143C38.6611 34.2857 39.4286 33.5182 39.4286 32.5714C39.4285 31.6246 38.661 30.8571 37.7143 30.8571Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M13.7142 37.7142H10.2857C9.33889 37.7142 8.57138 38.4817 8.57138 39.4286C8.57138 40.3754 9.33889 41.1428 10.2857 41.1428H13.7142C14.661 41.1428 15.4285 40.3753 15.4285 39.4284C15.4285 38.4816 14.661 37.7142 13.7142 37.7142Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M25.7143 37.7142H22.2857C21.3389 37.7142 20.5714 38.4817 20.5714 39.4285C20.5714 40.3754 21.3389 41.1429 22.2857 41.1429H25.7143C26.6611 41.1429 27.4286 40.3754 27.4286 39.4285C27.4286 38.4817 26.6611 37.7142 25.7143 37.7142Z"
|
||||
fill="#F5F5FC" />
|
||||
<path
|
||||
d="M37.7143 37.7142H34.2857C33.3389 37.7142 32.5714 38.4817 32.5714 39.4285C32.5714 40.3754 33.3389 41.1429 34.2857 41.1429H37.7143C38.6611 41.1429 39.4286 40.3754 39.4286 39.4285C39.4286 38.4817 38.661 37.7142 37.7143 37.7142Z"
|
||||
fill="#F5F5FC" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
5
icon3.svg
Normal file
5
icon3.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg class="w-6 h-6 text-white" viewBox="0 0 55 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M8.25 19.25C11.2836 19.25 13.75 16.7836 13.75 13.75C13.75 10.7164 11.2836 8.25 8.25 8.25C5.21641 8.25 2.75 10.7164 2.75 13.75C2.75 16.7836 5.21641 19.25 8.25 19.25ZM46.75 19.25C49.7836 19.25 52.25 16.7836 52.25 13.75C52.25 10.7164 49.7836 8.25 46.75 8.25C43.7164 8.25 41.25 10.7164 41.25 13.75C41.25 16.7836 43.7164 19.25 46.75 19.25ZM49.5 22H44C42.4875 22 41.1211 22.6102 40.1242 23.5984C43.5875 25.4977 46.0453 28.9266 46.5781 33H52.25C53.7711 33 55 31.7711 55 30.25V27.5C55 24.4664 52.5336 22 49.5 22ZM27.5 22C32.8195 22 37.125 17.6945 37.125 12.375C37.125 7.05547 32.8195 2.75 27.5 2.75C22.1805 2.75 17.875 7.05547 17.875 12.375C17.875 17.6945 22.1805 22 27.5 22ZM34.1 24.75H33.3867C31.5992 25.6094 29.6141 26.125 27.5 26.125C25.3859 26.125 23.4094 25.6094 21.6133 24.75H20.9C15.4344 24.75 11 29.1844 11 34.65V37.125C11 39.4023 12.8477 41.25 15.125 41.25H39.875C42.1523 41.25 44 39.4023 44 37.125V34.65C44 29.1844 39.5656 24.75 34.1 24.75ZM14.8758 23.5984C13.8789 22.6102 12.5125 22 11 22H5.5C2.46641 22 0 24.4664 0 27.5V30.25C0 31.7711 1.22891 33 2.75 33H8.41328C8.95469 28.9266 11.4125 25.4977 14.8758 23.5984Z"
|
||||
fill="white" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
5
icon4.svg
Normal file
5
icon4.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg class="w-6 h-6 text-white" viewBox="0 0 55 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M8.25 19.25C11.2836 19.25 13.75 16.7836 13.75 13.75C13.75 10.7164 11.2836 8.25 8.25 8.25C5.21641 8.25 2.75 10.7164 2.75 13.75C2.75 16.7836 5.21641 19.25 8.25 19.25ZM46.75 19.25C49.7836 19.25 52.25 16.7836 52.25 13.75C52.25 10.7164 49.7836 8.25 46.75 8.25C43.7164 8.25 41.25 10.7164 41.25 13.75C41.25 16.7836 43.7164 19.25 46.75 19.25ZM49.5 22H44C42.4875 22 41.1211 22.6102 40.1242 23.5984C43.5875 25.4977 46.0453 28.9266 46.5781 33H52.25C53.7711 33 55 31.7711 55 30.25V27.5C55 24.4664 52.5336 22 49.5 22ZM27.5 22C32.8195 22 37.125 17.6945 37.125 12.375C37.125 7.05547 32.8195 2.75 27.5 2.75C22.1805 2.75 17.875 7.05547 17.875 12.375C17.875 17.6945 22.1805 22 27.5 22ZM34.1 24.75H33.3867C31.5992 25.6094 29.6141 26.125 27.5 26.125C25.3859 26.125 23.4094 25.6094 21.6133 24.75H20.9C15.4344 24.75 11 29.1844 11 34.65V37.125C11 39.4023 12.8477 41.25 15.125 41.25H39.875C42.1523 41.25 44 39.4023 44 37.125V34.65C44 29.1844 39.5656 24.75 34.1 24.75ZM14.8758 23.5984C13.8789 22.6102 12.5125 22 11 22H5.5C2.46641 22 0 24.4664 0 27.5V30.25C0 31.7711 1.22891 33 2.75 33H8.41328C8.95469 28.9266 11.4125 25.4977 14.8758 23.5984Z"
|
||||
fill="white" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
BIN
img/Rectangle 19.png
Normal file
BIN
img/Rectangle 19.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
BIN
img/Rectangle 21.png
Normal file
BIN
img/Rectangle 21.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 368 KiB |
33
img/calendar.svg
Normal file
33
img/calendar.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
BIN
img/cat-laptop.png
Normal file
BIN
img/cat-laptop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
img/children-laptop.png
Normal file
BIN
img/children-laptop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
10
img/company/airbnb.svg
Normal file
10
img/company/airbnb.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.7 KiB |
12
img/company/amazon.svg
Normal file
12
img/company/amazon.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="154" height="47" viewBox="0 0 154 47" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M95.4826 36.4894C86.588 43.0433 73.6503 46.5352 62.4916 46.5352C46.8586 46.5352 32.8429 40.7871 22.1693 31.2248C21.3607 30.4727 22.0615 29.452 23.0857 30.0429C34.5679 36.7043 48.7454 40.6796 63.408 40.6796C73.273 40.6796 84.1622 38.6382 94.1888 34.3943C95.6982 33.8034 96.9381 35.415 95.4826 36.4894Z" fill="#CFCFDE"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2021 32.2454C98.0701 30.795 91.6552 31.5471 88.7981 31.9231C87.9356 32.0306 87.7739 31.2785 88.5825 30.7413C93.7037 27.142 102.059 28.2164 103.03 29.3982C104 30.5801 102.76 38.9605 97.9623 42.9358C97.2076 43.5268 96.5068 43.2044 96.8302 42.3986C97.9084 39.7126 100.334 33.7496 99.2021 32.2454Z" fill="#CFCFDE"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.9599 5.49261V2.00077C88.9599 1.46356 89.3372 1.14123 89.8224 1.14123H105.455C105.941 1.14123 106.372 1.51728 106.372 2.00077V4.9554C106.372 5.43889 105.941 6.08354 105.186 7.15795L97.0998 18.6542C100.119 18.6004 103.299 19.0302 105.994 20.5344C106.587 20.8567 106.749 21.3939 106.803 21.8774V25.5841C106.803 26.1213 106.264 26.7123 105.671 26.3899C100.873 23.8651 94.4584 23.5965 89.1755 26.4437C88.6365 26.7123 88.0435 26.1751 88.0435 25.6378V22.0923C88.0435 21.5551 88.0435 20.5881 88.6365 19.7286L98.0163 6.35214H89.8763C89.3912 6.35214 88.9599 5.97609 88.9599 5.49261ZM31.9804 27.142H27.2366C26.8053 27.0883 26.428 26.766 26.3741 26.3362V2.05449C26.3741 1.571 26.8053 1.19496 27.2905 1.19496H31.7108C32.196 1.19496 32.5195 1.571 32.5734 2.00077V5.17028H32.6812C33.8132 2.1082 36.0234 0.65775 38.9344 0.65775C41.8992 0.65775 43.786 2.1082 45.0797 5.17028C46.2118 2.1082 48.8532 0.65775 51.6564 0.65775C53.6509 0.65775 55.8072 1.46356 57.1549 3.34378C58.6643 5.38517 58.3408 8.33981 58.3408 10.9721V26.3362C58.3408 26.8197 57.9096 27.1957 57.4244 27.1957H52.7345C52.2494 27.142 51.872 26.766 51.872 26.3362V13.4433C51.872 12.4226 51.9798 9.84397 51.7642 8.877C51.3868 7.26538 50.3626 6.7819 48.961 6.7819C47.829 6.7819 46.5891 7.534 46.104 8.76957C45.6188 10.0051 45.6727 12.0465 45.6727 13.4433V26.3362C45.6727 26.8197 45.2415 27.1957 44.7563 27.1957H40.0125C39.5273 27.142 39.15 26.766 39.15 26.3362V13.4433C39.15 10.7572 39.5812 6.72818 36.239 6.72818C32.8429 6.72818 32.9507 10.5961 32.9507 13.4433V26.3362C32.8968 26.766 32.5195 27.142 31.9804 27.142ZM119.849 0.65775C126.91 0.65775 130.738 6.67446 130.738 14.3565C130.738 21.77 126.533 27.6792 119.849 27.6792C112.948 27.6792 109.175 21.6625 109.175 14.1416C109.121 6.56702 112.948 0.65775 119.849 0.65775ZM119.849 5.65376C116.345 5.65376 116.129 10.4349 116.129 13.3895C116.129 16.3442 116.075 22.6832 119.795 22.6832C123.46 22.6832 123.676 17.5798 123.676 14.464C123.676 12.4226 123.568 9.95143 122.975 8.01748C122.436 6.29842 121.358 5.65376 119.849 5.65376ZM139.848 27.142H135.104C134.619 27.0883 134.242 26.7123 134.242 26.2825V1.94704C134.296 1.51728 134.673 1.14123 135.158 1.14123H139.578C140.01 1.14123 140.333 1.46357 140.441 1.83961V5.54633H140.549C141.896 2.21565 143.729 0.65775 147.018 0.65775C149.12 0.65775 151.222 1.40983 152.57 3.50494C153.81 5.43888 153.81 8.71584 153.81 11.0796V26.3899C153.756 26.8197 153.379 27.142 152.893 27.142H148.15C147.718 27.0883 147.341 26.766 147.287 26.3899V13.1747C147.287 10.4886 147.611 6.62074 144.322 6.62074C143.19 6.62074 142.112 7.37284 141.573 8.55469C140.926 10.0589 140.818 11.5093 140.818 13.1747V26.2825C140.764 26.766 140.333 27.142 139.848 27.142ZM76.5074 15.5384C76.5074 17.3649 76.5613 18.9228 75.6449 20.5881C74.8902 21.9311 73.7043 22.7369 72.3566 22.7369C70.5238 22.7369 69.4456 21.3402 69.4456 19.2988C69.4456 15.2698 73.0574 14.5177 76.5074 14.5177V15.5384ZM81.3051 27.0883C80.9817 27.3569 80.5504 27.4106 80.1731 27.1957C78.6098 25.9064 78.2863 25.2618 77.4238 24.0262C74.8363 26.6585 72.9496 27.4643 69.6073 27.4643C65.6182 27.4643 62.4916 24.9932 62.4916 20.1046C62.4916 16.2367 64.594 13.6581 67.5589 12.3688C70.1464 11.2407 73.7582 11.0258 76.5074 10.7035V10.1126C76.5074 8.98445 76.6152 7.64144 75.9144 6.67447C75.3215 5.81494 74.2433 5.43888 73.273 5.43888C71.4402 5.43888 69.823 6.35214 69.4456 8.28609C69.3378 8.71585 69.0683 9.14561 68.637 9.14561L64.0549 8.66212C63.6776 8.55468 63.2463 8.28608 63.3542 7.69516C64.4323 2.10821 69.4456 0.442871 73.9738 0.442871C76.2918 0.442871 79.3106 1.03379 81.1434 2.80658C83.4614 4.9554 83.2458 7.85632 83.2458 10.9721V18.3318C83.2458 20.5344 84.1622 21.5014 85.0247 22.7369C85.3481 23.1667 85.402 23.7039 85.0247 23.9725C84.0005 24.7783 82.2755 26.2825 81.3051 27.0883ZM14.245 15.5384C14.245 17.3649 14.2989 18.9228 13.3825 20.5881C12.6278 21.9311 11.4419 22.7369 10.0942 22.7369C8.26137 22.7369 7.18324 21.3402 7.18324 19.2988C7.18324 15.2698 10.795 14.5177 14.245 14.5177V15.5384ZM18.9888 27.0883C18.6654 27.3569 18.2341 27.4106 17.8568 27.1957C16.2935 25.9064 15.9701 25.2618 15.1075 24.0262C12.52 26.6585 10.6333 27.4643 7.29105 27.4643C3.30195 27.4643 0.175354 24.9932 0.175354 20.1046C0.175354 16.2367 2.27772 13.6581 5.24259 12.3688C7.83012 11.2407 11.4419 11.0258 14.1911 10.7035V10.1126C14.1911 8.98445 14.2989 7.64144 13.5982 6.67447C13.0052 5.81494 11.927 5.43888 10.9567 5.43888C9.12389 5.43888 7.50668 6.35214 7.12933 8.28609C7.02152 8.71585 6.75198 9.14561 6.32073 9.14561L1.73865 8.66212C1.3613 8.55468 0.930053 8.28608 1.03787 7.69516C2.116 2.10821 7.12934 0.442871 11.6575 0.442871C13.9755 0.442871 16.9943 1.03379 18.8271 2.80658C21.1451 4.9554 20.9295 7.85632 20.9295 10.9721V18.3318C20.9295 20.5344 21.8459 21.5014 22.7084 22.7369C23.0319 23.1667 23.0858 23.7039 22.7084 23.9725C21.6842 24.7783 19.9592 26.2825 18.9888 27.0883Z" fill="#CFCFDE"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="153.641" height="46.0923" fill="white" transform="translate(153.813 46.5352) rotate(-180)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.8 KiB |
3
img/company/facebook.svg
Normal file
3
img/company/facebook.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M100.101 19.3433C98.5045 19.3433 97.3536 19.8688 96.1865 20.4042V32.5177C97.3044 32.6246 97.9452 32.6246 99.0057 32.6246C102.838 32.6246 103.363 30.8632 103.363 28.4038V22.6183C103.363 20.8021 102.763 19.3433 100.101 19.3433ZM74.6492 18.6822C71.9902 18.6822 71.3834 20.1473 71.3834 21.9617V22.9812H77.9115V21.9617C77.9115 20.1473 77.3047 18.6822 74.6492 18.6822ZM25.3437 31.2907C25.3437 32.7261 26.0186 33.4716 27.5078 33.4716C29.1054 33.4716 30.0514 32.9489 31.2176 32.4117V29.5383H27.7244C26.0705 29.5383 25.3437 29.8473 25.3437 31.2907ZM124.86 19.3433C122.196 19.3433 121.273 20.8021 121.273 22.6183V29.2464C121.273 31.0671 122.196 32.5303 124.86 32.5303C127.516 32.5303 128.446 31.0671 128.446 29.2464V22.6183C128.445 20.8021 127.515 19.3433 124.86 19.3433ZM12.2911 38.7227H4.4616V19.7035H0.549561V13.15H4.4625V9.21396C4.4625 3.86678 6.67046 0.687927 12.9462 0.687927H18.1712V7.24324H14.9053C12.462 7.24324 12.3009 8.15943 12.3009 9.86877L12.2911 13.1491H18.207L17.5152 19.7026H12.2911V38.7227ZM39.0488 38.7721H32.5234L32.2415 37.1158C29.262 38.7721 26.603 39.0407 24.8488 39.0407C20.0632 39.0407 17.5161 35.8322 17.5161 31.3949C17.5161 26.16 20.4884 24.2917 25.8055 24.2917H31.2176V23.1599C31.2176 20.4877 30.9124 19.7035 26.8178 19.7035H20.1232L20.7774 13.15H28.095C37.079 13.15 39.0488 15.9983 39.0488 23.2129V38.7721ZM61.2386 20.1841C57.178 19.4853 56.0118 19.3317 54.058 19.3317C50.5487 19.3317 49.4881 20.1086 49.4881 23.0997V28.7577C49.4881 31.7488 50.5487 32.5294 54.058 32.5294C56.0118 32.5294 57.178 32.3731 61.2386 31.6716V38.0643C57.6818 38.8646 55.3647 39.0748 53.4064 39.0748C45.0006 39.0748 41.6596 34.6385 41.6596 28.2296V23.6387C41.6596 17.2244 45.0006 12.7799 53.4064 12.7799C55.3647 12.7799 57.6818 12.991 61.2386 13.7949V20.1841ZM85.7401 28.2296H71.3825V28.7577C71.3825 31.7488 72.444 32.5294 75.9524 32.5294C79.1063 32.5294 81.0315 32.3731 85.0849 31.6716V38.0643C81.1756 38.8646 79.1385 39.0748 75.3035 39.0748C66.8968 39.0748 63.5539 34.6385 63.5539 28.2296V22.9803C63.5539 17.3726 66.034 12.7799 74.6483 12.7799C83.2627 12.7799 85.7401 17.3196 85.7401 22.9803V28.2296ZM111.191 28.3508C111.191 34.545 109.427 39.0632 98.7408 39.0632C94.8816 39.0632 92.6181 38.7227 88.3588 38.0652V2.65686L96.1856 1.34633V13.7321C97.8771 13.1015 100.066 12.7808 102.059 12.7808C109.886 12.7808 111.19 16.3028 111.19 21.9626V28.3508H111.191ZM136.281 28.4856C136.281 33.8292 134.083 39.012 124.886 39.012C115.684 39.012 113.445 33.8292 113.445 28.4856V23.3261C113.445 17.9798 115.684 12.7961 124.886 12.7961C134.083 12.7961 136.281 17.9798 136.281 23.3261V28.4856ZM161.353 28.4856C161.353 33.8292 159.152 39.012 149.957 39.012C140.756 39.012 138.516 33.8292 138.516 28.4856V23.3261C138.516 17.9798 140.756 12.7961 149.957 12.7961C159.152 12.7961 161.353 17.9798 161.353 23.3261V28.4856ZM187.084 38.7227H178.6L171.425 26.7017V38.7227H163.595V2.65596L171.425 1.34543V24.5639L178.6 13.15H187.084L179.25 25.6058L187.084 38.7227ZM149.93 19.3433C147.271 19.3433 146.349 20.8021 146.349 22.6183V29.2464C146.349 31.0671 147.271 32.5303 149.93 32.5303C152.586 32.5303 153.526 31.0671 153.526 29.2464V22.6183C153.526 20.8021 152.586 19.3433 149.93 19.3433ZM191.552 34.2369C192.871 34.2369 193.92 35.3157 193.92 36.6631C193.92 38.0311 192.87 39.0982 191.542 39.0982C190.221 39.0982 189.15 38.0311 189.15 36.6631C189.15 35.3157 190.221 34.2369 191.542 34.2369H191.552ZM191.542 34.6142C190.48 34.6142 189.611 35.5313 189.611 36.6631C189.611 37.8155 190.481 38.7209 191.552 38.7209C192.624 38.7317 193.481 37.8155 193.481 36.6739C193.481 35.5322 192.624 34.6142 191.552 34.6142H191.542ZM191.092 38.0751H190.663V35.3678C190.888 35.3364 191.103 35.3049 191.425 35.3049C191.833 35.3049 192.1 35.3912 192.264 35.5088C192.422 35.6283 192.507 35.8107 192.507 36.0684C192.507 36.4259 192.273 36.6406 191.984 36.7277V36.7484C192.219 36.7924 192.379 37.0062 192.434 37.4041C192.496 37.8254 192.562 37.9862 192.604 38.0742H192.154C192.09 37.9862 192.025 37.7392 191.971 37.3826C191.908 37.0385 191.735 36.9092 191.391 36.9092H191.093V38.0751H191.092ZM191.092 36.5768H191.404C191.756 36.5768 192.056 36.4466 192.056 36.1116C192.056 35.8744 191.886 35.6382 191.404 35.6382C191.263 35.6382 191.166 35.649 191.092 35.6589V36.5768Z" fill="#CFCFDE"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
15
img/company/google.svg
Normal file
15
img/company/google.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg width="169" height="56" viewBox="0 0 169 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M20.7271 0.925781H22.2237C27.4197 1.03825 32.5309 3.11896 36.2019 6.80237C34.8465 8.18014 33.4628 9.50167 32.1356 10.8794C30.0741 9.02367 27.5891 7.58967 24.8782 7.08355C20.8683 6.24002 16.5477 6.9992 13.1873 9.27673C9.51627 11.6667 7.03126 15.7157 6.49472 20.0458C5.90171 24.3197 7.11598 28.8185 9.91162 32.1364C12.5943 35.3699 16.6889 37.3944 20.9247 37.535C24.8782 37.7599 29.001 36.5509 31.8814 33.7953C34.1405 31.8552 35.1853 28.9029 35.5242 26.0349C30.8366 26.0349 26.1489 26.063 21.4613 26.0349V20.2426H41.2002C42.2168 26.4566 40.7484 33.4579 36.0043 37.9005C32.8415 41.0497 28.4645 42.9055 24.0028 43.271C19.6822 43.6928 15.2205 42.8773 11.38 40.7966C6.77711 38.3504 3.10607 34.2171 1.29878 29.3527C-0.395544 24.882 -0.423782 19.8209 1.15759 15.322C2.59777 11.2168 5.36517 7.58967 8.92326 5.05908C12.3402 2.55661 16.4913 1.17884 20.7271 0.925781Z" fill="#CFCFDE"/>
|
||||
<path d="M133.965 2.38678H140.008V42.5388C138.003 42.5388 135.97 42.5669 133.965 42.5107C133.993 29.1548 133.965 15.7708 133.965 2.38678Z" fill="#CFCFDE"/>
|
||||
<path d="M54.6421 16.305C58.3696 15.6021 62.4077 16.3894 65.4858 18.6107C68.2814 20.5789 70.2299 23.6719 70.8229 27.046C71.5854 30.9543 70.6252 35.2282 68.0837 38.3212C65.3446 41.7796 60.8546 43.6354 56.4776 43.3542C52.4677 43.1293 48.5707 41.1329 46.1987 37.8713C43.516 34.2722 42.8665 29.3235 44.3349 25.1059C45.8033 20.5789 49.9544 17.1204 54.6421 16.305ZM55.4892 21.6474C53.9643 22.041 52.5524 22.9127 51.5358 24.1499C48.7966 27.4115 48.9661 32.7257 51.9876 35.7624C53.7102 37.5057 56.3082 38.3212 58.7085 37.8432C60.9393 37.4495 62.8878 35.9593 63.9609 33.991C65.8246 30.645 65.2881 26.0337 62.436 23.4188C60.6005 21.7317 57.9178 21.0288 55.4892 21.6474Z" fill="#CFCFDE"/>
|
||||
<path d="M84.5752 16.305C88.8392 15.4896 93.4986 16.6706 96.6896 19.651C101.886 24.2904 102.45 32.9788 98.0168 38.3212C95.3342 41.6953 90.9854 43.551 86.6931 43.3542C82.5985 43.2417 78.5603 41.2173 76.1318 37.8713C73.3926 34.1879 72.7996 29.1267 74.3527 24.8247C75.9059 20.4383 79.9723 17.0923 84.5752 16.305ZM85.4223 21.6474C83.8975 22.041 82.4855 22.9127 81.4689 24.1217C78.758 27.3271 78.871 32.557 81.7795 35.6219C83.5021 37.4495 86.1848 38.3493 88.6698 37.8432C90.8724 37.4214 92.8491 35.9593 93.9222 33.991C95.7577 30.6169 95.2212 26.0056 92.3408 23.3907C90.5053 21.7036 87.8226 21.0288 85.4223 21.6474Z" fill="#CFCFDE"/>
|
||||
<path d="M109.962 17.9359C113.209 15.9114 117.53 15.349 121.031 17.0923C122.133 17.5703 123.036 18.3857 123.912 19.2012C123.94 18.442 123.912 17.6547 123.94 16.8674C125.832 16.8955 127.724 16.8674 129.644 16.8955V41.6953C129.616 45.4349 128.656 49.3995 125.945 52.1269C122.98 55.1355 118.434 56.0634 114.339 55.4448C109.962 54.7981 106.15 51.6208 104.455 47.6C106.15 46.7846 107.929 46.1379 109.679 45.3787C110.668 47.6843 112.673 49.6526 115.186 50.1025C117.699 50.5523 120.608 49.9338 122.246 47.8531C123.997 45.7161 123.997 42.7919 123.912 40.1769C122.613 41.4422 121.116 42.5669 119.309 42.9887C115.384 44.0853 111.063 42.7356 108.042 40.0926C104.992 37.4495 103.185 33.3725 103.354 29.3235C103.439 24.7403 106.037 20.3259 109.962 17.9359ZM115.807 21.5349C114.085 21.8161 112.475 22.7721 111.374 24.0936C108.719 27.2428 108.719 32.2759 111.402 35.3688C112.927 37.1965 115.384 38.2087 117.756 37.9556C119.987 37.7307 122.048 36.3248 123.149 34.3847C125.013 31.0949 124.703 26.6242 122.189 23.7562C120.636 21.9848 118.151 21.1132 115.807 21.5349Z" fill="#CFCFDE"/>
|
||||
<path d="M147.265 19.3698C150.654 16.2207 155.878 15.1522 160.227 16.8111C164.35 18.3576 166.976 22.266 168.303 26.2868C162.175 28.8174 156.076 31.3199 149.948 33.8505C150.795 35.4532 152.094 36.9153 153.845 37.5058C156.302 38.3774 159.239 38.0681 161.3 36.4373C162.119 35.8187 162.768 35.0033 163.39 34.216C164.943 35.2563 166.496 36.2686 168.049 37.3089C165.846 40.5987 162.147 42.9043 158.166 43.2699C153.76 43.8041 149.073 42.1171 146.22 38.6867C141.533 33.2881 141.985 24.2342 147.265 19.3698ZM150.287 24.5716C149.327 25.9494 148.931 27.6364 148.96 29.2954C153.054 27.6083 157.149 25.9213 161.244 24.2061C160.566 22.6315 158.928 21.6755 157.262 21.4224C154.579 20.9444 151.784 22.3784 150.287 24.5716Z" fill="#CFCFDE"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="168.303" height="54.6985" fill="white" transform="translate(0 0.9198)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
3
img/company/grab.svg
Normal file
3
img/company/grab.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="132" height="52" viewBox="0 0 132 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M104.461 16.8328V0.930969H107.705V14.6005C106.807 15.052 105.584 15.9048 104.461 16.8328ZM98.82 21.6234C99.8184 20.4195 100.842 19.2156 102.065 18.1872V0.930969H98.82V21.6234ZM61.232 34.2646C61.232 38.5034 62.9043 42.5416 65.9742 45.6267C69.0192 48.6866 73.0376 50.3922 77.2806 50.3922C79.0776 50.3922 80.9245 50.016 82.2224 49.3638V46.1032C80.6999 46.7553 78.853 47.1316 77.2806 47.1316C70.342 47.1316 64.5016 41.2624 64.5016 34.2897V31.3551C64.5016 24.3824 70.367 18.5133 77.2806 18.5133C80.7249 18.5133 83.9446 19.8426 86.3406 22.2505C88.7367 24.6583 90.0595 27.8939 90.0595 31.3551V50.4173H93.3041V30.7281C93.1045 26.5645 91.3324 22.6769 88.3373 19.7674C85.3173 16.8579 81.3988 15.2527 77.2806 15.2527C73.0625 15.2527 69.0441 16.9331 65.9742 20.0182C62.9292 23.0782 61.232 27.1163 61.232 31.3802V34.2646ZM109.802 26.4391C111.275 24.9593 113.171 24.1316 115.043 24.1316C119.062 24.1316 122.182 27.2919 122.182 31.305V34.2395C122.182 38.2777 119.037 41.4129 115.043 41.4129C113.097 41.4129 111.225 40.3344 109.752 38.4031C108.454 36.6976 107.606 34.365 107.481 32.2832L104.86 35.5438C105.384 38.0018 106.657 40.3846 108.479 42.04C110.351 43.7455 112.697 44.6986 115.043 44.6986C120.784 44.6986 125.451 40.0084 125.451 34.2646V31.3301C125.451 28.5961 124.353 25.9876 122.356 24.0062C120.36 21.9996 117.764 20.896 115.043 20.896C113.321 20.896 110.601 21.5231 107.356 24.4577C106.482 25.3355 104.436 27.3922 103.188 28.847C101.091 31.1545 98.0713 34.5907 95.4756 38.0771V43.1687C98.3458 39.4566 99.9931 37.3748 102.714 34.2395C105.11 31.3802 108.105 27.944 109.802 26.4391ZM33.1283 20.2941V16.4315C30.1832 14.8513 26.9885 14.1491 22.7454 14.1491C18.4026 14.1491 14.2844 15.7543 11.1645 18.6387C8.01972 21.5482 6.29756 25.3606 6.29756 29.4238V30.4773C6.29756 38.9048 13.0115 45.7521 21.2978 45.7521C28.0118 45.7521 30.7822 43.5449 31.4811 42.8426V33.0356H20.4992V36.2962H28.4361V41.2123H28.4111C27.3878 41.6136 25.2663 42.4664 21.2978 42.4664C18.153 42.4664 15.1829 41.2374 12.9865 38.98C10.7652 36.7226 9.56717 33.7128 9.56717 30.4522V29.3988C9.56717 22.9026 15.6072 17.3846 22.7704 17.3846C27.6873 17.4097 30.6325 18.2374 33.1283 20.2941ZM56.7893 24.1316C58.0123 24.1316 59.0606 24.3323 59.9092 24.7336C60.3085 23.7303 60.7328 22.8775 61.3318 21.8742C60.4583 21.2472 58.3368 20.8459 56.7893 20.8459C50.8741 20.8459 46.4064 25.3355 46.4064 31.305V50.3671H49.6511V31.305C49.6511 27.0912 52.5713 24.1316 56.7893 24.1316ZM0.65686 29.4238V30.4773C0.65686 36.1458 2.80332 41.4129 6.67195 45.3508C10.5406 49.2635 15.732 51.4206 21.2729 51.4206C25.7405 51.4206 29.684 50.4173 33.0285 48.4107C35.774 46.7553 36.997 45.0999 37.0968 44.9495V27.3922H20.4992V30.6529H33.8521V43.9713C32.2797 45.5514 28.5609 48.185 21.2978 48.185C16.5557 48.185 12.1629 46.354 8.91824 43.0432C5.69855 39.7575 3.92647 35.293 3.92647 30.5024V29.4489C3.92647 24.9091 5.94814 20.3944 9.4923 17.0585C13.1113 13.6474 17.8286 11.7663 22.7704 11.7663C27.3878 11.7663 30.5825 12.4686 33.1533 14.0487V10.3617C30.4577 9.20795 27.238 8.70631 22.7454 8.70631C10.7652 8.70631 0.65686 18.1872 0.65686 29.4238ZM87.6385 50.3671V31.305C87.6385 25.4358 83.071 20.8459 77.2306 20.8459C74.5101 20.8459 71.9144 21.9495 69.9177 23.956C67.921 25.9626 66.8228 28.5711 66.8228 31.2799V34.2145C66.8228 39.8829 71.5899 44.6485 77.2057 44.6485C78.7531 44.6485 80.8497 44.2723 82.1475 43.1937V39.8077C80.8746 40.836 79.0526 41.438 77.2057 41.438C73.2123 41.438 70.0674 38.2777 70.0674 34.2646V31.3301C70.0674 27.2919 73.2123 24.1567 77.2057 24.1567C81.2241 24.1567 84.3439 27.317 84.3439 31.3301V50.3922H87.6385V50.3671ZM56.7893 18.4631C58.9857 18.4631 60.9075 18.9397 62.6297 19.9179C63.4284 18.8895 64.252 18.0869 64.876 17.4598C63.054 16.0553 59.9591 15.2025 56.8143 15.2025C52.2967 15.2025 48.2035 16.8328 45.2833 19.8175C42.3881 22.7521 40.7907 26.8404 40.7907 31.3301V50.3922H44.0354V31.3301C44.0104 23.7554 49.2518 18.4631 56.7893 18.4631ZM126.35 19.968C123.305 16.9081 119.286 15.2025 115.043 15.2025C111.948 15.2025 108.854 16.3563 107.131 17.51C103.587 19.8677 100.692 22.4511 95.4506 29.2483V34.1392C99.8933 28.3202 104.086 23.7554 107.281 21.2221C109.378 19.5416 112.348 18.4882 115.043 18.4882C121.982 18.4882 127.822 24.3824 127.822 31.3301V34.2646C127.822 37.7008 126.474 40.9364 124.028 43.3693C121.607 45.7772 118.413 47.1065 115.043 47.1065C109.353 47.1065 104.336 43.1687 102.988 37.8262L100.692 40.6103C102.364 46.2286 108.404 50.3671 115.043 50.3671C119.286 50.3671 123.28 48.6616 126.35 45.6016C129.395 42.5165 131.092 38.5034 131.092 34.2395V31.305C131.092 27.0662 129.395 23.028 126.35 19.968Z" fill="#CFCFDE"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
10
img/company/netflix.svg
Normal file
10
img/company/netflix.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg width="152" height="41" viewBox="0 0 152 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M143.28 19.5213L151.376 40.8142C148.99 40.4757 146.606 40.0516 144.178 39.6696L139.617 27.9045L134.931 38.6984C132.631 38.3164 130.372 38.1892 128.072 37.8925L136.294 19.2681L128.836 0.178955H135.739L139.914 10.8444L144.389 0.178955H151.375L143.28 19.5213ZM123.386 0.178955H117.122V37.0893C119.167 37.2167 121.297 37.3006 123.386 37.5539V0.178955ZM111.711 36.6654C106.003 36.2847 100.293 35.9475 94.4559 35.8188V0.179119H100.846V29.8088C104.511 29.8928 108.174 30.1882 111.711 30.3574V36.6654ZM87.6376 14.6139V20.9625H78.9038V35.3961H72.5995V0.178955H90.4939V6.52751H78.9051V14.6141H87.6389L87.6376 14.6139ZM61.8613 6.52751V35.7348C59.7304 35.7348 57.5586 35.7348 55.4698 35.8188V6.52751H48.8656V0.178955H68.5063V6.52751H61.8613ZM41.9642 21.2998C39.1528 21.2998 35.8288 21.2998 33.4429 21.4285V30.8666C37.1922 30.612 40.9415 30.3167 44.733 30.1895V36.2847L27.0527 37.6826V0.178955H44.7318V6.52751H33.4427V15.0785C35.9146 15.0785 39.7062 14.9513 41.9639 14.9513V21.3011L41.9642 21.2998ZM6.55674 17.7442V39.9242C4.25807 40.1789 2.21157 40.4755 0.0396423 40.8142V0.178955H6.13273L14.44 23.2491V0.178955H20.8316V38.1892C18.5737 38.5712 16.2724 38.6984 13.8442 39.0358L6.55674 17.7442Z" fill="#CFCFDE"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="151.336" height="40.7149" fill="white" transform="translate(0.0396576 0.138245)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
18
img/congrat.svg
Normal file
18
img/congrat.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 24 KiB |
BIN
img/discussion.png
Normal file
BIN
img/discussion.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 KiB |
BIN
img/girl-laptop.png
Normal file
BIN
img/girl-laptop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
img/girl-with-books.png
Normal file
BIN
img/girl-with-books.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 371 KiB |
BIN
img/girl.png
Normal file
BIN
img/girl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 991 KiB |
BIN
img/gradebook.png
Normal file
BIN
img/gradebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
BIN
img/hero.png
Normal file
BIN
img/hero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
img/integrations.png
Normal file
BIN
img/integrations.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
img/laptop-news.png
Normal file
BIN
img/laptop-news.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 338 KiB |
BIN
img/teacher-explaining.png
Normal file
BIN
img/teacher-explaining.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 KiB |
BIN
img/testimonials.png
Normal file
BIN
img/testimonials.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 KiB |
BIN
img/true-false.png
Normal file
BIN
img/true-false.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 382 KiB |
23
img/ux-class.svg
Normal file
23
img/ux-class.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 59 KiB |
BIN
img/vcall.png
Normal file
BIN
img/vcall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 522 KiB |
514
index.html
Normal file
514
index.html
Normal file
@@ -0,0 +1,514 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta property="og:title" content="Kode Voucher ITPLN - Gunakan Sekarang !!!" />
|
||||
<meta name="description" content="Dapatkan potongan biaya formulir pendaftaran mahasiswa baru ITPLN sebesar Rp. 50.000 , dengan memasukkan kode voucher “3ND4Y”. Gunakan Voucher!.
|
||||
">
|
||||
<meta property="og:description"
|
||||
content="Dapatkan potongan biaya formulir pendaftaran mahasiswa baru ITPLN sebesar Rp. 50.000 , dengan memasukkan kode voucher “3ND4Y”. Gunakan Voucher!.">
|
||||
<title>Kode Voucher ITPLN - Gunakan Sekarang !!!</title>
|
||||
<!-- Tailwind -->
|
||||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
||||
<!-- Alpine -->
|
||||
<script type="module" src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"></script>
|
||||
<script nomodule src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine-ie11.min.js" defer></script>
|
||||
<!-- AOS -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
||||
<!-- Custom style -->
|
||||
<link rel="stylesheet" href="css/skilline.css" />
|
||||
<!-- Poppins font -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<!-- Favicons -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://dyzulk.me/dist/img/favicon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="https://dyzulk.me/dist/img/favicon.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="https://dyzulk.me/dist/img/favicon.png">
|
||||
<!-- Fontawesome -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dyzcdn/fas@main/css/all.css" type="text/css">
|
||||
<!-- Clipboard.js -->
|
||||
<style>
|
||||
.clip-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
<!-- Include Clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="antialiased">
|
||||
<!-- navbar -->
|
||||
<div x-data="{ open: false }" class="w-full text-gray-700 bg-cream">
|
||||
<div class="flex flex-col max-w-screen-xl px-8 mx-auto md:items-center md:justify-between md:flex-row">
|
||||
<div class="flex flex-row items-center justify-between py-6">
|
||||
<div class="relative md:mt-8">
|
||||
<a href="#"
|
||||
class="text-lg relative z-50 font-bold tracking-widest text-gray-900 rounded-lg focus:outline-none focus:shadow-outline">VOUCHER
|
||||
ITPLN</a>
|
||||
<svg class="h-11 z-40 absolute -top-2 -left-3" viewBox="0 0 79 79" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M35.2574 2.24264C37.6005 -0.100501 41.3995 -0.100505 43.7426 2.24264L76.7574 35.2574C79.1005 37.6005 79.1005 41.3995 76.7574 43.7426L43.7426 76.7574C41.3995 79.1005 37.6005 79.1005 35.2574 76.7574L2.24264 43.7426C-0.100501 41.3995 -0.100505 37.6005 2.24264 35.2574L35.2574 2.24264Z"
|
||||
fill="#65DAFF" />
|
||||
</svg>
|
||||
</div>
|
||||
<button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
|
||||
<svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
|
||||
<path x-show="!open" fill-rule="evenodd"
|
||||
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
|
||||
clip-rule="evenodd"></path>
|
||||
<path x-show="open" fill-rule="evenodd"
|
||||
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
|
||||
clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<nav :class="{ 'transform md:transform-none': !open, 'h-full': open }"
|
||||
class="h-0 md:h-auto flex flex-col flex-grow md:items-center pb-4 md:pb-0 md:flex md:justify-end md:flex-row origin-top duration-300 scale-y-0">
|
||||
<a class="px-10 py-3 mt-2 text-sm text-center bg-yellow-500 text-white rounded-full md:mt-8 md:ml-4 ud-menu-scroll"
|
||||
href="#caraMenggunakan">Gunakan sekarang</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-cream">
|
||||
<div class="max-w-screen-xl px-8 mx-auto flex flex-col lg:flex-row items-start">
|
||||
<!--Left Col-->
|
||||
<div
|
||||
class="flex flex-col w-full lg:w-6/12 justify-center lg:pt-24 items-start text-center lg:text-left mb-5 md:mb-0">
|
||||
<h1 data-aos="fade-right" data-aos-once="true"
|
||||
class="my-4 text-5xl font-bold leading-tight text-darken">
|
||||
Daftar di <span class="text-yellow-500">ITPLN</span> Dapat Potongan Biaya
|
||||
</h1>
|
||||
<p data-aos="fade-down" data-aos-once="true" data-aos-delay="300" class="leading-normal text-2xl mb-8">
|
||||
Dapatkan potongan biaya formulir pendaftaran mahasiswa baru ITPLN sebesar Rp. 50.000 , dengan
|
||||
memasukkan kode voucher “3ND4Y”.</p>
|
||||
<div data-aos="fade-up" data-aos-once="true" data-aos-delay="700"
|
||||
class="w-full md:flex items-center justify-center lg:justify-start md:space-x-5">
|
||||
<button href="#caraMenggunakan"
|
||||
class="ud-menu-scroll lg:mx-0 bg-yellow-500 text-white text-xl font-bold rounded-full py-4 px-9 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out">
|
||||
Gunakan Kode Voucher
|
||||
</button>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-3 mt-5 md:mt-0 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out">
|
||||
<button class="ud-menu-scroll bg-white w-14 h-14 rounded-full flex items-center justify-center">
|
||||
<svg class="w-5 h-5 ml-2" viewBox="0 0 24 28" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M22.5751 12.8097C23.2212 13.1983 23.2212 14.135 22.5751 14.5236L1.51538 27.1891C0.848878 27.5899 5.91205e-07 27.1099 6.25202e-07 26.3321L1.73245e-06 1.00123C1.76645e-06 0.223477 0.848877 -0.256572 1.51538 0.14427L22.5751 12.8097Z"
|
||||
fill="#23BDEE" />
|
||||
</svg>
|
||||
</button>
|
||||
<span class="cursor-pointer">Cara Klaim Voucher</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Right Col-->
|
||||
<div class="w-full lg:w-6/12 lg:-mt-10 relative" id="girl">
|
||||
<img data-aos="fade-up" data-aos-once="true" class="w-10/12 mx-auto 2xl:-mb-20" src="img/girl.png" />
|
||||
<!-- calendar -->
|
||||
<div data-aos="fade-up" data-aos-delay="300" data-aos-once="true"
|
||||
class="absolute top-20 -left-6 sm:top-32 sm:left-10 md:top-40 md:left-16 lg:-left-0 lg:top-52 floating-4">
|
||||
<img class="bg-white bg-opacity-80 rounded-lg h-12 sm:h-16" src="img/calendar.svg">
|
||||
</div>
|
||||
<!-- red -->
|
||||
<div data-aos="fade-up" data-aos-delay="400" data-aos-once="true"
|
||||
class="absolute top-20 right-10 sm:right-24 sm:top-28 md:top-36 md:right-32 lg:top-32 lg:right-16 floating">
|
||||
<svg class="h-16 sm:h-24" viewBox="0 0 149 149" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d)">
|
||||
<rect x="40" y="32" width="69" height="69" rx="14" fill="#F3627C" />
|
||||
</g>
|
||||
<rect x="51.35" y="44.075" width="47.3" height="44.85" rx="8" fill="white" />
|
||||
<path d="M74.5 54.425V78.575" stroke="#F25471" stroke-width="4" stroke-linecap="round" />
|
||||
<path d="M65.875 58.7375L65.875 78.575" stroke="#F25471" stroke-width="4"
|
||||
stroke-linecap="round" />
|
||||
<path d="M83.125 63.9125V78.575" stroke="#F25471" stroke-width="4" stroke-linecap="round" />
|
||||
<defs>
|
||||
<filter id="filter0_d" x="0" y="0" width="149" height="149" filterUnits="userSpaceOnUse"
|
||||
color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix in="SourceAlpha" type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
|
||||
<feOffset dy="8" />
|
||||
<feGaussianBlur stdDeviation="20" />
|
||||
<feColorMatrix type="matrix"
|
||||
values="0 0 0 0 0.825 0 0 0 0 0.300438 0 0 0 0 0.396718 0 0 0 0.26 0" />
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- ux class -->
|
||||
<div data-aos="fade-up" data-aos-delay="500" data-aos-once="true"
|
||||
class="absolute bottom-14 -left-4 sm:left-2 sm:bottom-20 lg:bottom-24 lg:-left-4 floating">
|
||||
<img class="bg-white bg-opacity-80 rounded-lg h-20 sm:h-28" src="img/ux-class.svg" alt="">
|
||||
</div>
|
||||
<!-- congrats -->
|
||||
<div data-aos="fade-up" data-aos-delay="600" data-aos-once="true"
|
||||
class="absolute bottom-20 md:bottom-48 lg:bottom-52 -right-6 lg:right-8 floating-4">
|
||||
<img class="bg-white bg-opacity-80 rounded-lg h-12 sm:h-16" src="img/congrat.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-white -mt-14 sm:-mt-24 lg:-mt-36 z-40 relative">
|
||||
<svg class="xl:h-40 xl:w-full" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
|
||||
preserveAspectRatio="none">
|
||||
<path d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
|
||||
fill="currentColor"></path>
|
||||
</svg>
|
||||
<div class="bg-white w-full h-20 -mt-px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- step by step layout -->
|
||||
<div class="container px-4 lg:px-8 mx-auto max-w-screen-xl text-gray-700 overflow-x-hidden">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- .step by step layout -->
|
||||
|
||||
<!-- container -->
|
||||
<div class="container px-4 lg:px-8 mx-auto max-w-screen-xl text-gray-700 overflow-x-hidden">
|
||||
|
||||
<!-- trusted by -->
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<hr class="mt-24 border-t-2 border-gray-400 my-4">
|
||||
<div class="grid grid-cols-3 lg:grid-cols-6 gap-4 justify-items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- All-In-One Cloud Software. -->
|
||||
<div data-aos="flip-up" class="max-w-xl mx-auto text-center mt-24">
|
||||
</div>
|
||||
<!-- card -->
|
||||
<div class="grid md:grid-cols-3 gap-14 md:gap-5 mt-20">
|
||||
<div data-aos="fade-up" class="bg-white shadow-xl p-6 text-center rounded-xl">
|
||||
<div style="background: #5B72EE;"
|
||||
class="rounded-full w-16 h-16 flex items-center justify-center text-white mx-auto shadow-lg transform -translate-y-12">
|
||||
<!-- -->
|
||||
<i class="fas fa-calendar-alt fa-2x"></i>
|
||||
</div>
|
||||
<h1 class="font-medium text-xl mb-3 lg:px-14 text-darken">20 Mar 23 - 16 Apr 23</h1>
|
||||
<p class="px-4 text-gray-500">Pendafaran PMB Mandiri ITPLN 2023</p>
|
||||
</div>
|
||||
<div data-aos="fade-up" data-aos-delay="150" class="bg-white shadow-xl p-6 text-center rounded-xl">
|
||||
<div style="background: #F48C06;"
|
||||
class="rounded-full w-16 h-16 flex items-center justify-center text-white mx-auto shadow-lg transform -translate-y-12">
|
||||
<!-- -->
|
||||
<i class="fas fa-clock fa-2x"></i>
|
||||
</div>
|
||||
<h1 class="font-medium text-xl mb-3 lg:px-14 text-darken">14 Agustus 2023</h1>
|
||||
<p class="px-4 text-gray-500">Deadline Pendaftaran</p>
|
||||
</div>
|
||||
<div data-aos="fade-up" data-aos-delay="150" class="bg-white shadow-xl p-6 text-center rounded-xl">
|
||||
<div style="background: #29B9E7;"
|
||||
class="rounded-full w-16 h-16 flex items-center justify-center text-white mx-auto shadow-lg transform -translate-y-12">
|
||||
<!-- -->
|
||||
<i class="fas fa-ticket-alt fa-2x"></i>
|
||||
</div>
|
||||
<h1 class="font-medium text-xl mb-3 lg:px-14 text-darken">Kode Voucher</h1>
|
||||
<p class="px-4 text-gray-500">3ND4Y</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- lorem -->
|
||||
<div class="mt-28">
|
||||
<div data-aos="flip-down" class="text-center max-w-screen-md mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-4">Selamat Datang Calon <span
|
||||
class="text-yellow-500">#KsatriaPetir</span></h1>
|
||||
<p class="text-gray-500">Semua mahasiswa Institut Teknologi PLN akan dipanggil sebagai Ksatriapetir.
|
||||
Institut Teknologi PLN merupakan perguruan tinggi yang fokus dibidang energi, teknologi yang
|
||||
berwawasan lingkungan untuk pembangunan yang berkelanjutan.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mt-10 border-t-2 border-gray-400 my-4"> <!-- tebal -->
|
||||
<div class="mt-24">
|
||||
<div data-aos="flip-down" class="text-center max-w-screen-md mx-auto">
|
||||
<h1 id="caraMenggunakan" data-aos="flip-down" class="text-3xl font-bold mb-4">Langkah - Langkah</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- step by step 1 -->
|
||||
<hr class="mt-10 border-gray-300 my-4"> <!-- tipis -->
|
||||
<div class="mt-10 flex flex-col-reverse md:flex-row items-start md:space-x-10">
|
||||
<div data-aos="fade-left" class="flex gap-4 justify-center">
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">01.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Buat Akun Pendaftaran</h4>
|
||||
<p class="text-gray-500">Buat akun pendaftaran di <a href="https://infopmb.itpln.ac.id/daftar/"
|
||||
target="_blank" rel="noopener" class="text-yellow-500">infopmb.itpln.ac.id</a></p>
|
||||
</div>
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">02.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Lengkapi Biodata</h4>
|
||||
<p class="text-gray-500">Melengkapi biodata dimulai dari Data Pribadi, Alamat dan Pas Foto.
|
||||
Melengkapui data Asal Sekolah
|
||||
dan
|
||||
juga melengkapi data Orang Tua</p>
|
||||
</div>
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">03.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Pilih Gelombang & Jurusan</h4>
|
||||
<p class="text-gray-500">Memilih gelombang pendaftaran mahasiswa baru ITPLN yang tersedia atau yang
|
||||
diinginkan selanjutnya
|
||||
kamu pilih jurusan yang kamu inginkan</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- step by step 2 -->
|
||||
<hr class="mt-10 border-gray-300 my-4"> <!-- tipis -->
|
||||
<div class="mt-10 flex flex-col-reverse md:flex-row items-start md:space-x-10">
|
||||
<div data-aos="fade-left" class="flex gap-4 justify-center">
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">04.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Pilih Pembayaran</h4>
|
||||
<p class="text-gray-500">Memilih metode pembayaran Tunai atau Cicilan</p>
|
||||
</div>
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">05.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Masukan Kode Voucher</h4>
|
||||
<p class="text-gray-500">Masukan kode 3ND4Y sebelum melakukan Pembayaran Formulir</p>
|
||||
</div>
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">06.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Salin Kode Voucher</h4>
|
||||
|
||||
<div class="flex items-center mb-3">
|
||||
<!-- The text field -->
|
||||
<input type="text" class="border border-yellow-500 rounded-lg px-4 py-2 focus:outline-none"
|
||||
value="3ND4Y" aria-label="Recipient's username" aria-describedby="copyText" id="copyText"
|
||||
readonly>
|
||||
<!-- The button used to copy the text -->
|
||||
<button
|
||||
class="lg:bg-yellow-500 text-white px-3 py-2 rounded-lg ml-2 flex items-center space-x-2 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out"
|
||||
type="button" id="copyBtn">
|
||||
<i class="far fa-copy"></i>
|
||||
<span>Copy</span>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- step by step 3 -->
|
||||
<hr class="mt-10 border-gray-300 my-4"> <!-- tipis -->
|
||||
<div class="mt-10 flex flex-col-reverse md:flex-row items-start md:space-x-10">
|
||||
<div data-aos="fade-left" class="flex gap-4 justify-center">
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">07.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Paste Kode Voucher "3ND4Y"</h4>
|
||||
<p class="text-gray-500">Paste voucher pada kolom Masukan Voucher</p>
|
||||
</div>
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">08.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Lakukan Pembayaran</h4>
|
||||
<p class="text-gray-500">Pilih metode pembayaran yang diinginkan</p>
|
||||
</div>
|
||||
<div class="w-1/3">
|
||||
<h6 class="text-gray-600 text-sm font-medium mb-1">09.</h6>
|
||||
<h4 class="text-xl font-semibold mb-2">Selamat!</h4>
|
||||
<p class="text-gray-500">Kamu telah berhasil mendapatkan potongan biaya formulir</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- tambahan1 -->
|
||||
<hr class="mt-10 border-gray-300 my-4"> <!-- tipis -->
|
||||
<div class="mt-10 table w-full">
|
||||
<div class="table-row-group">
|
||||
<div data-aos="flip-down" class="table-row">
|
||||
<div class="table-cell">
|
||||
<h1 class="text-3xl font-bold mb-4">Ya, saya ingin menjadi bagian dari KsatriaPetir!<br />Daftar
|
||||
sekarang.
|
||||
</h1>
|
||||
</div>
|
||||
<div class="table-cell">
|
||||
<button href="https://infopmb.itpln.ac.id/daftar/"
|
||||
class="lg:mx-0 bg-yellow-500 text-white text-lg font-bold rounded-full py-4 px-9 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out">
|
||||
Daftar sekarang
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- tambahan1 -->
|
||||
<hr class="mt-10 border-gray-300 my-4"> <!-- tipis -->
|
||||
|
||||
<div class="mt-28">
|
||||
<div data-aos="flip-down" class="text-center max-w-screen-md mx-auto">
|
||||
<h1 class="text-4xl font-bold mb-4">Informasi Voucher</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-10 table w-full">
|
||||
<div class="table-row-group">
|
||||
<div data-aos="flip-down" class="table-row">
|
||||
<div class="table-cell">
|
||||
<div class="mb-8">
|
||||
<h3 class="text-lg font-semibold mb-4">Informasi Umum</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-cell">
|
||||
<div class="mb-8 ml-6">
|
||||
<ul class="list-disc ml-6">
|
||||
<li>Dapatkan potongan biaya formulir pendaftaran mahasiswa baru ITPLN.</li>
|
||||
<li>Potongan harga sebesar Rp. 50.000.</li>
|
||||
<li>Bisa digunakan untuk semua program studi di ITPLN.</li>
|
||||
<li>Bisa digunakan pada setiap Gelombang Pendaftaran Mahasiswa Baru ITPLN Tahun
|
||||
2023/2024.
|
||||
</li>
|
||||
<li>Gunakan untuk pendaftaran gelombang PMB ITPLN 2023.</li>
|
||||
<li>Kode voucher tertera merupakan program afiliasi oleh kampus untuk mahasiswa.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-aos="flip-down" class="table-row">
|
||||
<div class="table-cell">
|
||||
<div class="mb-8 mr-6">
|
||||
<h3 class="text-lg font-semibold mb-4">Cara Menggunakan</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-cell">
|
||||
<div class="mb-8 ml-6">
|
||||
<ul class="list-disc ml-6">
|
||||
<li>Daftarkan akunmu di Portal Infopmb ITPLN.</li>
|
||||
<li>Lengkapi biodatamu, termasuk Biodata Pribadi, Alamat, Pas Foto, Data Sekolah, Data
|
||||
Orang
|
||||
Tua, dan Berkas Syarat Pendaftaran.</li>
|
||||
<li>Menuju pemilihan gelombang pendaftaran atau klik secara manual pada menu Pilih
|
||||
Gelombang.</li>
|
||||
<li>Klik Daftar pada gelombang yang tersedia (contoh: PMB Mandiri ITPLN 2023).</li>
|
||||
<li>Pilih jurusan yang diinginkan (misalnya, S1 Informatika atau S1 Teknik Elektro).
|
||||
</li>
|
||||
<li>Sebelum mengklik Pilih Pembayaran, masukkan Kode Voucher "3ND4Y" pada box "Punya
|
||||
kode
|
||||
voucher?"</li>
|
||||
<li>Selamat! Anda mendapatkan potongan biaya Formulir sebesar Rp. 50.000.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tools For Teachers And Learners -->
|
||||
<div class="flex flex-col md:flex-row items-center md:space-x-10 mt-16">
|
||||
<div data-aos="fade-right" class="md:w-1/2 lg:pl-14">
|
||||
<h1 class="text-darken font-semibold text-3xl lg:pr-56"><span class="text-yellow-500">Contact</span> Us
|
||||
</h1>
|
||||
<div class="py-8 lg:py-16 px-4 mx-auto max-w-screen-md">
|
||||
<form action="#" class="space-y-8">
|
||||
<div>
|
||||
<label for="email"
|
||||
class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Your
|
||||
email</label>
|
||||
<input type="email" id="email"
|
||||
class="shadow-sm bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light"
|
||||
placeholder="name@flowbite.com" required>
|
||||
</div>
|
||||
<div>
|
||||
<label for="subject"
|
||||
class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Subject</label>
|
||||
<input type="text" id="subject"
|
||||
class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light"
|
||||
placeholder="Let us know how we can help you" required>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label for="message"
|
||||
class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400">Your
|
||||
message</label>
|
||||
<textarea id="message" rows="6"
|
||||
class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg shadow-sm border border-gray-300 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||||
placeholder="Leave a comment..."></textarea>
|
||||
</div>
|
||||
<button type="submit"
|
||||
class="py-3 px-5 text-sm font-medium text-center text-white rounded-lg bg-yellow-500 sm:w-fit hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Send
|
||||
message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<img data-aos="fade-left" class="md:w-1/2" src="img/girl-with-books.png">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- .container -->
|
||||
|
||||
<footer class="mt-32" style="background-color: rgba(37, 38, 65, 1);">
|
||||
<div class="max-w-lg mx-auto">
|
||||
<div class="flex py-12 justify-center text-white items-center px-20 sm:px-36">
|
||||
<div class="relative">
|
||||
<h1 class="font-bold text-xl pr-5 relative z-50">Skilline</h1>
|
||||
<svg class="w-11 h-11 absolute -top-2 -left-3 z-40" viewBox="0 0 79 79" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M35.9645 2.94975C37.9171 0.997129 41.0829 0.997127 43.0355 2.94975L76.0502 35.9645C78.0029 37.9171 78.0029 41.0829 76.0503 43.0355L43.0355 76.0502C41.0829 78.0029 37.9171 78.0029 35.9645 76.0503L2.94975 43.0355C0.997129 41.0829 0.997127 37.9171 2.94975 35.9645L35.9645 2.94975Z"
|
||||
stroke="#26C1F2" stroke-width="2" />
|
||||
</svg>
|
||||
</div>
|
||||
<span class="border-l border-gray-500 text-sm pl-5 py-2 font-semibold">Virtual Class for Zoom</span>
|
||||
</div>
|
||||
<div class="text-center pb-16 pt-5">
|
||||
<label class="text-gray-300 font-semibold">Subscribe to get our Newsletter</label>
|
||||
<div
|
||||
class="px-5 sm:px-0 flex flex-col sm:flex-row sm:space-x-3 space-y-3 sm:space-y-0 justify-center mt-3">
|
||||
<input type="email" placeholder="Your Email"
|
||||
class="rounded-full py-2 pl-5 bg-transparent border border-gray-400">
|
||||
<button type="submit"
|
||||
class="text-white w-40 sm:w-auto mx-auto sm:mx-0 font-semibold px-5 py-2 rounded-full"
|
||||
style="background: linear-gradient(105.5deg, #545AE7 19.57%, #393FCF 78.85%);">Subscribe</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center text-gray-400 text-sm justify-center">
|
||||
<a href="" class="pr-3">Careers</a>
|
||||
<a href="" class="border-l border-gray-400 px-3">Privacy</a>
|
||||
<a href="" class="border-l border-gray-400 pl-3">Terms & Conditions</a>
|
||||
</div>
|
||||
<div class="text-center text-white">
|
||||
<p class="my-3 text-gray-400 text-sm">© 2021 Class Technologies Inc. </p>
|
||||
<div class="py-3 tracking-wide">
|
||||
<p>Code By <span class="font-semibold">mhaecal</span></p>
|
||||
<p>UI/UX By <span class="font-semibold">Irvan Moses</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- AOS init -->
|
||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
||||
<script>
|
||||
AOS.init();
|
||||
</script>
|
||||
|
||||
<!-- SweetAlert2 -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
|
||||
|
||||
<!-- Clipboard -->
|
||||
<script>
|
||||
const copyBtn = document.getElementById('copyBtn')
|
||||
const copyText = document.getElementById('copyText')
|
||||
|
||||
copyBtn.onclick = () => {
|
||||
copyText.select(); // Selects the text inside the input
|
||||
document.execCommand('copy'); // Simply copies the selected text to clipboard
|
||||
Swal.fire({ //displays a pop up with sweetalert
|
||||
icon: 'success',
|
||||
title: 'Text copied to clipboard',
|
||||
showConfirmButton: false,
|
||||
timer: 1000
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script src="ud-menu-scroll.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
ud-menu-scroll.js
Normal file
41
ud-menu-scroll.js
Normal file
@@ -0,0 +1,41 @@
|
||||
// ==== for menu scroll
|
||||
const pageLink = document.querySelectorAll(".ud-menu-scroll");
|
||||
|
||||
pageLink.forEach((elem) => {
|
||||
elem.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
document.querySelector(elem.getAttribute("href")).scrollIntoView({
|
||||
behavior: "smooth",
|
||||
offsetTop: 1 - 60,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// section menu active
|
||||
function onScroll(event) {
|
||||
const sections = document.querySelectorAll(".ud-menu-scroll");
|
||||
const scrollPos =
|
||||
window.pageYOffset ||
|
||||
document.documentElement.scrollTop ||
|
||||
document.body.scrollTop;
|
||||
|
||||
for (let i = 0; i < sections.length; i++) {
|
||||
const currLink = sections[i];
|
||||
const val = currLink.getAttribute("href");
|
||||
const refElement = document.querySelector(val);
|
||||
const scrollTopMinus = scrollPos + 73;
|
||||
if (
|
||||
refElement.offsetTop <= scrollTopMinus &&
|
||||
refElement.offsetTop + refElement.offsetHeight > scrollTopMinus
|
||||
) {
|
||||
document
|
||||
.querySelector(".ud-menu-scroll")
|
||||
.classList.remove("active");
|
||||
currLink.classList.add("active");
|
||||
} else {
|
||||
currLink.classList.remove("active");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.document.addEventListener("scroll", onScroll);
|
||||
Reference in New Issue
Block a user